@rebilly/framepay-react 4.0.6 → 5.0.0

package/test/e2e/fixtures/bank-separate.js

@@ -6,7 +6,7 @@ import { deepMerge, prettyDebugRender, ReactVersion } from './util';
 import './style.css';
 
 const params = {
-    publishableKey: 'pk_sandbox_c6cqKLddciVikuBOjhcng-rLccTz70NT4W_qZ_h'
+    publishableKey: 'pk_sandbox_c6cqKLddciVikuBOjhcng-rLccTz70NT4W_qZ_h',
 };
 
 class CardElementComponent extends Component {
@@ -18,32 +18,32 @@ class CardElementComponent extends Component {
                     onReady: null,
                     onChange: null,
                     onFocus: null,
-                    onBlur: null
+                    onBlur: null,
                 },
                 bankAccountNumber: {
                     onReady: null,
                     onChange: null,
                     onFocus: null,
-                    onBlur: null
+                    onBlur: null,
                 },
                 bankRoutingNumber: {
                     onReady: null,
                     onChange: null,
                     onFocus: null,
-                    onBlur: null
-                }
+                    onBlur: null,
+                },
             },
             billingAddress: {
                 firstName: 'first-name-value',
                 lastName: 'last-name-value',
                 address: 'address-value',
                 country: 'GB',
-                region: 'region-value'
+                region: 'region-value',
             },
             token: {
                 error: null,
-                data: null
-            }
+                data: null,
+            },
         };
         this.handleSubmit = this.handleSubmit.bind(this);
     }
@@ -57,30 +57,30 @@ class CardElementComponent extends Component {
          */
 
         const billingAddress = {
-            ...this.state.billingAddress
+            ...this.state.billingAddress,
         };
         if (billingAddress.emails) {
             billingAddress.emails = [
                 {
                     label: 'Email',
-                    value: billingAddress.emails
-                }
+                    value: billingAddress.emails,
+                },
             ];
         }
         if (billingAddress.phoneNumbers) {
             billingAddress.phoneNumbers = [
                 {
                     label: 'Phone Number',
-                    value: billingAddress.phoneNumbers
-                }
+                    value: billingAddress.phoneNumbers,
+                },
             ];
         }
 
         this.props.Rebilly.createToken(this.formNode, { billingAddress })
-            .then(data => {
+            .then((data) => {
                 this.deepUpdateState({ token: { error: false, data } });
             })
-            .catch(err => {
+            .catch((err) => {
                 this.deepUpdateState({ token: { error: true, data: err } });
             });
     }
@@ -99,7 +99,7 @@ class CardElementComponent extends Component {
                     <div className="example-2">
                         <form
                             id="form"
-                            ref={node => (this.formNode = node)}
+                            ref={(node) => (this.formNode = node)}
                             method="post"
                             onSubmit={this.handleSubmit}
                         >
@@ -112,11 +112,11 @@ class CardElementComponent extends Component {
                                         defaultValue={
                                             this.state.billingAddress.firstName
                                         }
-                                        onChange={e => {
+                                        onChange={(e) => {
                                             this.deepUpdateState({
                                                 billingAddress: {
-                                                    firstName: e.target.value
-                                                }
+                                                    firstName: e.target.value,
+                                                },
                                             });
                                         }}
                                     />
@@ -129,11 +129,11 @@ class CardElementComponent extends Component {
                                         defaultValue={
                                             this.state.billingAddress.lastName
                                         }
-                                        onChange={e => {
+                                        onChange={(e) => {
                                             this.deepUpdateState({
                                                 billingAddress: {
-                                                    lastName: e.target.value
-                                                }
+                                                    lastName: e.target.value,
+                                                },
                                             });
                                         }}
                                     />
@@ -146,11 +146,11 @@ class CardElementComponent extends Component {
                                         defaultValue={
                                             this.state.billingAddress.emails
                                         }
-                                        onChange={e => {
+                                        onChange={(e) => {
                                             this.deepUpdateState({
                                                 billingAddress: {
-                                                    emails: e.target.value
-                                                }
+                                                    emails: e.target.value,
+                                                },
                                             });
                                         }}
                                     />
@@ -164,11 +164,12 @@ class CardElementComponent extends Component {
                                             this.state.billingAddress
                                                 .phoneNumbers
                                         }
-                                        onChange={e => {
+                                        onChange={(e) => {
                                             this.deepUpdateState({
                                                 billingAddress: {
-                                                    phoneNumbers: e.target.value
-                                                }
+                                                    phoneNumbers:
+                                                        e.target.value,
+                                                },
                                             });
                                         }}
                                     />
@@ -179,36 +180,36 @@ class CardElementComponent extends Component {
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountType: {
-                                                        onReady: true
-                                                    }
-                                                }
+                                                        onReady: true,
+                                                    },
+                                                },
                                             })
                                         }
-                                        onChange={data =>
+                                        onChange={(data) =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountType: {
-                                                        onChange: data
-                                                    }
-                                                }
+                                                        onChange: data,
+                                                    },
+                                                },
                                             })
                                         }
                                         onFocus={() =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountType: {
-                                                        onFocus: true
-                                                    }
-                                                }
+                                                        onFocus: true,
+                                                    },
+                                                },
                                             })
                                         }
                                         onBlur={() =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountType: {
-                                                        onBlur: true
-                                                    }
-                                                }
+                                                        onBlur: true,
+                                                    },
+                                                },
                                             })
                                         }
                                     />
@@ -220,36 +221,36 @@ class CardElementComponent extends Component {
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountNumber: {
-                                                        onReady: true
-                                                    }
-                                                }
+                                                        onReady: true,
+                                                    },
+                                                },
                                             })
                                         }
-                                        onChange={data =>
+                                        onChange={(data) =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountNumber: {
-                                                        onChange: data
-                                                    }
-                                                }
+                                                        onChange: data,
+                                                    },
+                                                },
                                             })
                                         }
                                         onFocus={() =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountNumber: {
-                                                        onFocus: true
-                                                    }
-                                                }
+                                                        onFocus: true,
+                                                    },
+                                                },
                                             })
                                         }
                                         onBlur={() =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankAccountNumber: {
-                                                        onBlur: true
-                                                    }
-                                                }
+                                                        onBlur: true,
+                                                    },
+                                                },
                                             })
                                         }
                                     />
@@ -261,36 +262,36 @@ class CardElementComponent extends Component {
                                             this.deepUpdateState({
                                                 events: {
                                                     bankRoutingNumber: {
-                                                        onReady: true
-                                                    }
-                                                }
+                                                        onReady: true,
+                                                    },
+                                                },
                                             })
                                         }
-                                        onChange={data =>
+                                        onChange={(data) =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankRoutingNumber: {
-                                                        onChange: data
-                                                    }
-                                                }
+                                                        onChange: data,
+                                                    },
+                                                },
                                             })
                                         }
                                         onFocus={() =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankRoutingNumber: {
-                                                        onFocus: true
-                                                    }
-                                                }
+                                                        onFocus: true,
+                                                    },
+                                                },
                                             })
                                         }
                                         onBlur={() =>
                                             this.deepUpdateState({
                                                 events: {
                                                     bankRoutingNumber: {
-                                                        onBlur: true
-                                                    }
-                                                }
+                                                        onBlur: true,
+                                                    },
+                                                },
                                             })
                                         }
                                     />