move to react 0.14.7

replace dot char with String.fromCharCode to fix encoding issues

Gruntfile.coffee

@@ -19,7 +19,7 @@ module.exports = (grunt) ->
     "clean:build"
   ]
 
-  @registerTask "default", [
+  @registerTask "dev", [
     "clean"
     "cjsx"
     "browserify:dev"

README.md

@@ -7,6 +7,8 @@ card-react is a React component that aims to do the same for React.
 
 ![card](http://i.imgur.com/qG3TenO.gif)
 
+### From version 1.1.20 card-react supports React 0.14.7 and up
+
 ### Features
 
   - Validate inputs
@@ -92,8 +94,8 @@ Once included, you can initialize the component. you'll need to make the compone
 
 #### Development
 
-  - Run npm install
-  - Run grunt
+  - npm install
+  - grunt dev
   - Navigate to http://localhost:8000/
   - Run grunt build after you make the changes
 

lib/card-react-component.js

@@ -1,17 +1,20 @@
 (function() {
-  var ClassNames, Payment, React, ReactCard;
-  var dot,ccDots,cvcDots,expiryDots;
-    dot = String.fromCharCode(183);
-    ccDots = dot + dot + dot + dot;
-    cvcDots = dot + dot + dot;
-    expiryDots = dot + dot + "/" + dot + dot;
+  var ClassNames, Payment, React, ReactCard, ccDots, cvcDots, dot, expiryDots;
 
   React = require('react');
 
   Payment = require('payment');
 
   ClassNames = require('classnames');
 
+  dot = String.fromCharCode('8226');
+
+  ccDots = dot + dot + dot + dot;
+
+  cvcDots = dot + dot + dot;
+
+  expiryDots = dot + dot + '/' + dot + dot;
+
   ReactCard = React.createClass({
     displayName: "ReactCard",
     getDefaultProps: function() {
@@ -22,9 +25,9 @@
         },
         baseWidth: 350,
         defaultValues: {
-          number:ccDots + " " + ccDots + " " + ccDots + " " + ccDots,
+          number: ccDots + " " + ccDots + " " + ccDots + " " + ccDots,
           cvc: cvcDots,
-          expiry:expiryDots,
+          expiry: expiryDots,
           name: 'Full Name'
         }
       };

package.json

@@ -1,11 +1,13 @@
 {
   "name": "card-react",
-  "version": "1.0.20",
+  "version": "1.1.20",
   "description": "Add an interactive credit card animation to your payment form.",
   "main": "lib/card-react-form-container.js",
   "dependencies": {
+    "classnames": "^2.1.2",
     "payment": "0.0.12",
-    "classnames": "^2.1.2"
+    "react": "^0.14.7",
+    "react-dom": "^0.14.7"
   },
   "devDependencies": {
     "bourbon": "^4.2.3",
@@ -24,7 +26,6 @@
     "grunt-contrib-sass": "^0.9.2",
     "grunt-contrib-uglify": "^0.9.1",
     "grunt-contrib-watch": "^0.6.1",
-    "react": "^0.13.3",
     "uglify-save-license": "^0.4.1"
   },
   "scripts": {

src/components/card-react-component.cjsx

@@ -2,6 +2,11 @@ React = require 'react'
 Payment = require 'payment'
 ClassNames = require 'classnames'
 
+dot = String.fromCharCode('8226')
+ccDots = dot + dot + dot + dot
+cvcDots = dot + dot + dot
+expiryDots = dot + dot + '/' + dot + dot
+
 ReactCard = React.createClass
 
   displayName: "ReactCard"
@@ -12,9 +17,9 @@ ReactCard = React.createClass
       monthYear: 'month/year'
     baseWidth: 350
     defaultValues:
-      number: '•••• •••• •••• ••••'
-      cvc: '•••'
-      expiry: '••/••'
+      number: ccDots + " " + ccDots + " " + ccDots + " " + ccDots
+      cvc: cvcDots
+      expiry: expiryDots
       name: 'Full Name'
 
   componentWillMount: ->