feat(payment): ADYEN-313 improved interface of payment widget

bigcommerce · Jan 30, 2023 · 4d4d89e · 4d4d89e
1 parent e400137
commit 4d4d89e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Extended BigCommerce.accountPayments app initialization interface [#2317](https://github.com/bigcommerce/cornerstone/pull/2317)
 
 ## 6.8.0 (01-26-2023)
 - Add remote_api_scripts into cart/preview template to let GA3 snippet to fire the Product Added event, when clicking Add to cart button on Product detail page and rendering the response in popup. [#2281](https://github.com/bigcommerce/cornerstone/pull/2281)

diff --git a/assets/js/theme/account.js b/assets/js/theme/account.js
@@ -104,7 +104,18 @@ export default class Account extends PageManager {
                         color: 'green',
                     },
                 },
-                countries: this.context.countries,
+                initializeData: {
+                    countries: this.context.countries,
+                    paymentsUrl: this.context.paymentsUrl,
+                    storeHash: this.context.storeHash,
+                    vaultToken: this.context.vaultToken,
+                    shopperId: this.context.shopperId,
+                    customerEmail: this.context.customerEmail,
+                    providerId: this.context.providerId,
+                    currencyCode: this.context.currencyCode,
+                    paymentMethodsUrl: this.context.paymentMethodsUrl,
+                    paymentProviderInitializationData: this.context.paymentProviderInitializationData,
+                },
             });
         }
 

diff --git a/templates/pages/account/add-payment-method.html b/templates/pages/account/add-payment-method.html
@@ -23,6 +23,11 @@
     {{inject 'vaultToken' vault.access_token}}
     {{inject 'shopperId' customer.id}}
     {{inject 'countries' countries}}
+    {{inject 'customerEmail' customer.email}}
+    {{inject 'providerId' forms.provider}}
+    {{inject 'currencyCode' currency_selector.active_currency_code}}
+    {{inject 'paymentProviderInitializationData' initialization_data}}
+    {{{inject 'storeLocale' settings.request.locale }}}
 
     {{> components/common/breadcrumbs breadcrumbs=breadcrumbs}}
 
@@ -40,9 +45,6 @@ <h2 class="page-heading">{{lang 'forms.payment_methods.add.heading'}}</h2>
             {{{ account_payments }}}
             <script>
                 window.BigCommerce = window.BigCommerce || {};
-                window.BigCommerce.customerEmail = '{{customer.email}}';
-                window.BigCommerce.providerId = '{{forms.provider}}';
-                window.BigCommerce.currencyCode = '{{currency_selector.active_currency_code}}';
             </script>
         {{else}}
             <form data-payment-method-form class="form">