@rebilly/instruments 4.4.0 → 4.6.0

package/src/views/method-selector/generate-digital-wallet.spec.js

@@ -5,115 +5,117 @@ import { DataInstance } from '@/functions/mount/fetch-data';
 import state from '@/state';
 
 describe('generateDigitalWallet', () => {
-  function setupState() {
-    state.options = {
-      websiteId: 'test-website-id',
-      countryCode: 'US',
-      paymentInstruments: {
-        googlePay: {
-          displayOptions: {
-            buttonColor: 'black',
-            buttonType: 'plain',
-            buttonHeight: '48px'
-          }
-        },
-        applePay: {
-          displayOptions: {
-            buttonColor: 'black',
-            buttonType: 'buy',
-            buttonHeight: '48px'
-          },
-          merchantConfig: {
-            merchantName: 'Test Store Name',
-          },
-        }
-      }
-    };
+    function setupState() {
+        state.options = {
+            websiteId: 'test-website-id',
+            countryCode: 'US',
+            paymentInstruments: {
+                googlePay: {
+                    displayOptions: {
+                        buttonColor: 'black',
+                        buttonType: 'plain',
+                        buttonHeight: '48px',
+                    },
+                },
+                applePay: {
+                    displayOptions: {
+                        buttonColor: 'black',
+                        buttonType: 'buy',
+                        buttonHeight: '48px',
+                    },
+                    merchantConfig: {
+                        merchantName: 'Test Store Name',
+                    },
+                },
+            },
+        };
 
-    state.data = new DataInstance({
-      previewPurchase: {
-        total: 1,
-        currency: 'USD'
-      }
-    });
-  }
+        state.data = new DataInstance({
+            previewPurchase: {
+                total: 1,
+                currency: 'USD',
+            },
+        });
+    }
 
-  it('should generate the correct digital wallet config for Google pay', () => {
-    const expressMethods = [
-      new ReadyToPayModel({
-        method: 'payment-card',
-        feature: {
-          name: 'Google Pay',
-          merchantName: 'google-pay-merchant-name',
-          merchantOrigin: 'google-pay-merchant-origin'
-        },
-        brands: ['Visa']
-      })
-    ];
-    setupState();
+    it('should generate the correct digital wallet config for Google pay', () => {
+        const expressMethods = [
+            new ReadyToPayModel({
+                method: 'payment-card',
+                feature: {
+                    name: 'Google Pay',
+                    merchantName: 'google-pay-merchant-name',
+                    merchantOrigin: 'google-pay-merchant-origin',
+                },
+                brands: ['Visa'],
+            }),
+        ];
+        setupState();
 
-    const output = generateDigitalWallet({expressMethods});
+        const output = generateDigitalWallet({ expressMethods });
 
-    const expectedOutput ={
-      googlePay: {
-        transactionData: {
-          amount: 1,
-          currency: 'USD',
-          countryCode: 'US',
-          label: 'test-website-id'
-        },
-        merchantConfig: {
-          merchantName: 'google-pay-merchant-name',
-          merchantOrigin: 'google-pay-merchant-origin'
-        },
-        googlePayDisplayOptions: { 
-          buttonColor: 'black', 
-          buttonType: 'plain', 
-          buttonHeight: '48px' 
-        }
-      }
-    }
+        const expectedOutput = {
+            googlePay: {
+                transactionData: {
+                    amount: 1,
+                    currency: 'USD',
+                    countryCode: 'US',
+                    label: 'test-website-id',
+                },
+                merchantConfig: {
+                    merchantName: 'google-pay-merchant-name',
+                    merchantOrigin: 'google-pay-merchant-origin',
+                },
+                googlePayDisplayOptions: {
+                    buttonColor: 'black',
+                    buttonType: 'plain',
+                    buttonHeight: '48px',
+                },
+            },
+        };
 
-    expect(output).toMatchObject(expectedOutput);
-  });
+        expect(output).toMatchObject(expectedOutput);
+    });
 
-  it('should generate the correct digital wallet config for Apple pay', () => {
-    delete window.location
-    window.location = new URL('https://rebilly-apple-pay-test-tunnel.ngrok.io/');
+    it('should generate the correct digital wallet config for Apple pay', () => {
+        delete window.location;
+        window.location = new URL(
+            'https://rebilly-apple-pay-test-tunnel.ngrok.io/',
+        );
 
-    const expressMethods = [
-      new ReadyToPayModel({
-        method: 'payment-card',
-        feature: {
-          name: 'Apple Pay',
-        },
-        brands: ['Visa']
-      })
-    ];
-    setupState();
+        const expressMethods = [
+            new ReadyToPayModel({
+                method: 'payment-card',
+                feature: {
+                    name: 'Apple Pay',
+                },
+                brands: ['Visa'],
+            }),
+        ];
+        setupState();
 
-    const output = generateDigitalWallet({expressMethods});
+        const output = generateDigitalWallet({ expressMethods });
 
-    const expectedOutput = {
-      applePay: {
-        transactionData: {
-          amount: 1,
-          currency: 'USD',
-          countryCode: 'US',
-          label: 'test-website-id'
-        },
-        merchantConfig: {
-          merchantName: 'Test Store Name',
-          merchantOrigin: 'rebilly-apple-pay-test-tunnel.ngrok.io'
-        },
-        applePayDisplayOptions: { 
-          buttonColor: 'black', 
-          buttonType: 'buy', 
-          buttonHeight: '48px' 
-        }
-      }
-    }
+        const expectedOutput = {
+            applePay: {
+                transactionData: {
+                    amount: 1,
+                    currency: 'USD',
+                    countryCode: 'US',
+                    label: 'test-website-id',
+                },
+                merchantConfig: {
+                    merchantName: 'Test Store Name',
+                    merchantOrigin: 'rebilly-apple-pay-test-tunnel.ngrok.io',
+                },
+                applePayDisplayOptions: {
+                    buttonColor: 'black',
+                    buttonType: 'buy',
+                    buttonHeight: '48px',
+                },
+            },
+        };
 
-    expect(output).toMatchObject(expectedOutput);
-  });
-});
+        expect(output).toMatchObject(expectedOutput);
+    });
+});

package/src/views/method-selector/generate-framepay-config.js

@@ -1,54 +1,56 @@
 import merge from 'lodash.merge';
 import state from '../../state';
 
-export function generateFramepayConfig ({
-  methodIds
-} = {}) {
-  const {
-    options,
-    data
-  } = state;
-
-  const config = {
-    style: options.themeFramepay,
-    locale: options?.locale || 'auto',
-    organizationId: options.organizationId,
-    websiteId: options.websiteId,
-    methods: data.readyToPay,
-  };
-
-  if (methodIds.includes('pay-pal-billing-agreement')) {
-    config.transactionData = merge(
-      typeof config.transactionData === 'object' ? config.transactionData : {},
-      data.amountAndCurrency
-    );
-    config.paypal = options.paymentInstruments.paypal;
-  }
-
-  if (methodIds.includes('google-pay')) {
-    config.transactionData = merge(
-      typeof config.transactionData === 'object' ? config.transactionData : {},
-      options.digitalWallet.googlePay?.transactionData
-    );
-    config.googlePay = options.digitalWallet.googlePay.googlePayDisplayOptions;
-  }
-
-  if (methodIds.includes('apple-pay')) {
-    config.transactionData = merge(
-      typeof config.transactionData === 'object' ? config.transactionData : {},
-      options.digitalWallet.applePay?.transactionData
-    );
-    config.applePay = options.digitalWallet.applePay.applePayDisplayOptions;
-  }
-
-  if (options.publishableKey) {
-    config.publishableKey = options.publishableKey;
-  }
-
-  if (options.jwt) {
-    config.jwt = options.jwt;
-    config.sandbox = options.apiMode === 'sandbox';
-  }
-
-  return config;
-}
+export function generateFramepayConfig({ methodIds } = {}) {
+    const { options, data } = state;
+
+    const config = {
+        style: options.themeFramepay,
+        locale: options?.locale || 'auto',
+        organizationId: options.organizationId,
+        websiteId: options.websiteId,
+        methods: data.readyToPay,
+    };
+
+    if (methodIds.includes('pay-pal-billing-agreement')) {
+        config.transactionData = merge(
+            typeof config.transactionData === 'object'
+                ? config.transactionData
+                : {},
+            data.amountAndCurrency,
+        );
+        config.paypal = options.paymentInstruments.paypal;
+    }
+
+    if (methodIds.includes('google-pay')) {
+        config.transactionData = merge(
+            typeof config.transactionData === 'object'
+                ? config.transactionData
+                : {},
+            options.digitalWallet.googlePay?.transactionData,
+        );
+        config.googlePay =
+            options.digitalWallet.googlePay.googlePayDisplayOptions;
+    }
+
+    if (methodIds.includes('apple-pay')) {
+        config.transactionData = merge(
+            typeof config.transactionData === 'object'
+                ? config.transactionData
+                : {},
+            options.digitalWallet.applePay?.transactionData,
+        );
+        config.applePay = options.digitalWallet.applePay.applePayDisplayOptions;
+    }
+
+    if (options.publishableKey) {
+        config.publishableKey = options.publishableKey;
+    }
+
+    if (options.jwt) {
+        config.jwt = options.jwt;
+        config.sandbox = options.apiMode === 'sandbox';
+    }
+
+    return config;
+}