allow specifing any Braintree options

Implements #37

Author: nathanstitt

demo/demo-class.jsx

@@ -109,7 +109,7 @@ class Demo extends React.PureComponent {
                         Month:
                         <HostedField type="expirationMonth" />
                         Year:
-                        <HostedField type="expirationYear" />
+                        <HostedField type="expirationYear" options={{ maskInput: { character: 'X' } }} />
                         CVV:
                         <HostedField type="cvv" placeholder="CVV" ref={cvvField => { this.cvvField = cvvField; }} />
                         Zip:

package.json

@@ -15,7 +15,7 @@
   "scripts": {
     "test": "jest",
     "build": "./script/build",
-    "demo": "$(npm bin)/webpack-dev-server",
+    "demo": "$(npm bin)/webpack serve",
     "ci": "./script/cibuild",
     "preversion": "./script/preversion"
   },

src/api.js

@@ -106,8 +106,9 @@ export default class BraintreeClientApi {
         select,
         type,
         prefill,
-        id = `braintree-field-wrapper-${this.nextFieldId()}`,
         rejectUnsupportedCards,
+        id = `braintree-field-wrapper-${this.nextFieldId()}`,
+        options = {},
         ...handlers
     }) {
         const onRenderComplete = () => {
@@ -120,6 +121,7 @@ export default class BraintreeClientApi {
                 select,
                 prefill,
                 selector: `#${id}`,
+                ...options,
             }
             if (('number' === type) && rejectUnsupportedCards) {
                 this.fields.number.rejectUnsupportedCards = true