Add support for the acceptedPaymentMethods flag

ioan-ghisoi-cko · ioan-ghisoi-cko · commit 09d544f5a0c1 · 2022-08-02T16:55:54.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "frames-react",
-    "version": "1.0.11",
+    "version": "1.0.12",
     "peerDependencies": {
         "react": ">=16.8"
     },
diff --git a/src/App.tsx b/src/App.tsx
@@ -11,6 +11,16 @@ function App() {
                     debug: true,
                     publicKey: 'pk_test_6e40a700-d563-43cd-89d0-f9bb17d35e73',
                     modes: ['cvv_optional'],
+                    acceptedPaymentMethods: [
+                        'Visa',
+                        'Maestro',
+                        'Mastercard',
+                        'American Express',
+                        'Diners Club',
+                        'Discover',
+                        'JCB',
+                        'Mada',
+                    ],
                     localization: {
                         cardNumberPlaceholder: 'Card number',
                         expiryMonthPlaceholder: 'MM',
@@ -28,7 +38,9 @@ function App() {
                 frameFocus={(e) => {}}
                 frameBlur={(e) => {}}
                 frameValidationChanged={(e) => {}}
-                paymentMethodChanged={(e) => {}}
+                paymentMethodChanged={(e) => {
+                    console.log('EEEE', e);
+                }}
                 cardValidationChanged={(e) => {}}
                 cardSubmitted={() => {}}
                 cardTokenized={(e) => {
diff --git a/src/frames/Frames.tsx b/src/frames/Frames.tsx
@@ -46,6 +46,7 @@ export class Frames extends Component<FramesProps> {
             publicKey: this.props.config.publicKey,
             debug: this.props.config.debug || false,
             style: this.props.config.style,
+            acceptedPaymentMethods: this.props.config.acceptedPaymentMethods,
             cardholder: this.props.config.cardholder,
             localization: this.props.config.localization,
             modes: this.props.config.modes,
diff --git a/src/frames/types/types.tsx b/src/frames/types/types.tsx
@@ -99,6 +99,7 @@ export interface FramesInitProps {
     frameSelector?: null;
     style?: FramesStyle;
     name?: string;
+    acceptedPaymentMethods?: Array<string>;
     cardholder?: FramesCardholder;
     localization?: FramesLanguages | FramesLocalization;
     modes?: Array<String>;
@@ -132,6 +133,7 @@ export interface FrameValidationChangedEvent {
 export interface FramePaymentMethodChangedEvent {
     isValid: boolean;
     paymentMethod: PaymentMethod;
+    isPaymentMethodAccepted?: boolean;
 }
 
 export interface FrameCardTokenizedEvent {
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "frames-react",`
`3`		`- "version": "1.0.11",`
	`3`	`+ "version": "1.0.12",`
`4`	`4`	`"peerDependencies": {`
`5`	`5`	`"react": ">=16.8"`
`6`	`6`	`},`