@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -2,10 +2,10 @@
 
 var index$1 = require('./index-BhI7cJcE.js');
 var index = require('./index-mmd0OhmD.js');
-var parts = require('./parts-Pb06tUMp.js');
+var parts = require('./parts-BVbaniVM.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var formControlErrorText = require('./form-control-error-text-mhOq2Edp.js');
-var _package = require('./package-JstJdxIu.js');
+var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
+var _package = require('./package-B8gOzTFM.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {
@@ -114,7 +114,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '213626f7805ac907a867ccca6fdaf02b9ea3382a' }, index$1.h("input", { key: '1f54e360af287b98c49c62687b90fd0a20251c3c', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (index$1.h(index$1.Host, { key: '5ebb1ec479a87430d51fbdff53edcaace72e98c2' }, index$1.h("input", { key: '48ace17d93b23f5da773412390fd8187c03cd59d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1729,10 +1729,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '0c3f4427120c3405bf47f60dd3bde638f0c3176e', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '6ba2a62c8df9db7b01341ea06fbe1df25a87e604', style: {
+        return (index$1.h(index$1.Host, { key: 'b7f549db9954e772632f144d0b8fab81aa00ac48', class: "form-group d-flex flex-column" }, index$1.h("div", { key: 'c073506d6835001d515839382d5140ea074cb1c8', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: 'cc7dfd2299382e473f6ce279c5ffe61794d56e59', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '62406d7581a21dcdec52c993edc2a03cd8fce1ef', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '7c804be15e9029e003684bea21f93578269bdac7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: 'a80095abc7580bf8f4704239a27d0d819df48800', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: 'd3c5647e79ae3f2fc68cd3b0395c18416ef848fe', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '66ad8a684dcc1397fe11ac2e1c7429ce88ec1166', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1742,7 +1742,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '2cb6be114be8cea65d880b6c21eacdf46052468c', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: 'bca0e095f13b229ad73a309e9c39b4a42104e303', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/{index-C2ITzalN.js → index-CajjbB9t.js}

@@ -5,6 +5,7 @@ exports.PAYMENT_MODE = void 0;
     PAYMENT_MODE["ECOM"] = "ecom";
     PAYMENT_MODE["BNPL"] = "bnpl";
     PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
+    PAYMENT_MODE["GOOGLE_PAY"] = "google_pay";
 })(exports.PAYMENT_MODE || (exports.PAYMENT_MODE = {}));
 // Maps the backend payment method types to the frontend payment method types
 var PAYMENT_METHOD_TYPES;

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C2ITzalN.js');
+var index = require('./index-CajjbB9t.js');
 
 
 

package/dist/cjs/{insurance-state-BMHITXoD.js → insurance-state-DsGnIHMM.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-Pb06tUMp.js');
+var parts = require('./parts-BVbaniVM.js');
 var index$1 = require('./index-mmd0OhmD.js');
 
 const Header2 = (props) => {

package/dist/cjs/internal-tokenize-payment-method_7.cjs.entry.js

@@ -3,22 +3,21 @@
 var index = require('./index-BhI7cJcE.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-T54BeR4n.js');
+var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
 var configState = require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Refund-Blquw3jZ.js');
+var GooglePay = require('./GooglePay-BwiJ_80p.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var checkout_store = require('./checkout.store-BA6h-dp2.js');
-var index$1 = require('./index-C2ITzalN.js');
-var skeleton = require('./skeleton-BF3HGL9X.js');
-var button = require('./button-CARQPDm-.js');
-var parts = require('./parts-Pb06tUMp.js');
-require('./package-JstJdxIu.js');
-require('./Api-BeSnjEuW.js');
-require('./utils-Bab-tddY.js');
+var index$1 = require('./index-CajjbB9t.js');
+var skeleton = require('./skeleton-B8dzxFFr.js');
+var button = require('./button-fUPGXjU_.js');
+var parts = require('./parts-BVbaniVM.js');
+require('./package-B8gOzTFM.js');
+require('./Api-QUTWjGTy.js');
+require('./utils-D4WPxuzW.js');
 require('./index-mmd0OhmD.js');
 
 const JustifiRadioListItem = class {
@@ -32,7 +31,7 @@ const JustifiRadioListItem = class {
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, index.h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: parts.radioListItem, onClick: this.handleClick, hidden: this.hidden }, index.h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (index.h(styledHost.StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, index.h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: parts.radioListItem, onClick: this.handleClick, hidden: this.hidden }, index.h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 };
 
@@ -76,7 +75,7 @@ const InternalTokenizePaymentMethod = class {
     }
     handleRadioClick(event) {
         this.selectedPaymentMethod = event.detail;
-        checkout_store.checkoutStore.selectedPaymentMethod = { type: event.detail };
+        GooglePay.checkoutStore.selectedPaymentMethod = { type: event.detail };
     }
     async fillBillingForm(fields) {
         var _a;
@@ -137,8 +136,8 @@ const InternalTokenizePaymentMethod = class {
         try {
             const billingFormFieldValues = await this.billingFormRef.getValues();
             const config = {
-                clientId: this.authToken || checkout_store.checkoutStore.authToken,
-                account: this.accountId || checkout_store.checkoutStore.accountId,
+                clientId: this.authToken || GooglePay.checkoutStore.authToken,
+                account: this.accountId || GooglePay.checkoutStore.accountId,
                 paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
             };
             return await this.paymentMethodFormRef.tokenize(config);
@@ -149,13 +148,13 @@ const InternalTokenizePaymentMethod = class {
     }
     // 9. Local methods
     validateRequiredProps() {
-        if (!this.authToken && !checkout_store.checkoutStore.authToken) {
+        if (!this.authToken && !GooglePay.checkoutStore.authToken) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
             });
         }
-        if (!this.accountId && !checkout_store.checkoutStore.accountId) {
+        if (!this.accountId && !GooglePay.checkoutStore.accountId) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
@@ -168,11 +167,11 @@ const InternalTokenizePaymentMethod = class {
         }
         if (!this.disableCreditCard) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_CARD;
-            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
+            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
         }
         else if (!this.disableBankAccount) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
         }
     }
     setComputedHideSubmitButton() {
@@ -262,16 +261,16 @@ const InternalTokenizePaymentMethod = class {
             ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
     }
     get paymentMethodGroupID() {
-        return this.paymentMethodGroupId || checkout_store.checkoutStore.paymentMethodGroupId;
+        return this.paymentMethodGroupId || GooglePay.checkoutStore.paymentMethodGroupId;
     }
     get shouldSavePaymentMethod() {
-        return !!(this.paymentMethodGroupId || checkout_store.checkoutStore.savePaymentMethod);
+        return !!(this.paymentMethodGroupId || GooglePay.checkoutStore.savePaymentMethod);
     }
     get shouldHideRadioInput() {
         return this.disableCreditCard || this.disableBankAccount;
     }
     renderPaymentMethodOption(paymentMethodType) {
-        const isSelected = this.selectedPaymentMethod === paymentMethodType && checkout_store.checkoutStore.selectedPaymentMethod.id === undefined;
+        const isSelected = this.selectedPaymentMethod === paymentMethodType && GooglePay.checkoutStore.selectedPaymentMethod.id === undefined;
         return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodType) {
@@ -281,7 +280,7 @@ const InternalTokenizePaymentMethod = class {
         return paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e1ee33f08d3eaff9a2951bd30ef9814a5d959b35' }, index.h("form", { key: 'df73d7965968c0efc3ee2b35a9a85d551915e5a1' }, index.h("fieldset", { key: '2967ed65f1c0af42082a8b7c255db5fdc1c78019' }, index.h("div", { key: 'f45b8e074f39ec6abefc8f7e30bdf0ae57b1272c', class: "row gy-3" }, index.h("div", { key: 'fe9c90b34d60802f4d0dc51863874151f4a17b2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'ff1b8332d70fe68c3d3140c5a173dd8b419b6a8e', class: "col-12" }, index.h("justifi-button", { key: 'bf2ced1a5164a9c9af2bf2c5b750c5f9734dc86b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '8017b0fe2b0e3045a097e30aadf6a54ed2c32e62' }, index.h("form", { key: 'c7b0ac690a66cfb693d28e7d0eabc93817de4659' }, index.h("fieldset", { key: 'fb29e26a4100985595c420024d2a5ff48c79043b' }, index.h("div", { key: '589f51297059afda2e385281dcfeafd67fbd2268', class: "row gy-3" }, index.h("div", { key: 'bf067015fb3ff24e08501899e370f92dda774c2e', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '28872ca9239e2f85cb83ad8e6f27dc10f84da151', class: "col-12" }, index.h("justifi-button", { key: '1be3f46e34b42e69d065384dd195d7fdc09a0560', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -335,10 +334,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '62431aba939585a8a341942d9847e8d491b0a658' }, index.h(BankAccountFormSkeleton, { key: '2da8452c73e52a6fc67d80e483c40a2d0dd276f9', isReady: this.isReady }), index.h("hidden-input", { key: 'c34bc48ee7e1925ae272b5fe60fd362ddf2433eb' }), index.h("div", { key: '3fefe63e9f9c98d7e08e0ceac5df0f8008303aec', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, index.h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), index.h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), index.h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '6c19ea238eb0bff6b245f2f39028d651438c55d0', class: "row mb-3" }, index.h("iframe-input", { key: 'b5588dc21d24ec873fecedd91fbcb0344fbe324c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '910f130a307449a3d60ef76eee6cc27fc86c3fe0', class: "row" }, index.h("iframe-input", { key: '72756b92912c3031cc472dee5bbf945f06c38920', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, index.h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, index.h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -382,7 +381,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e3b353dac8bf4c078fed17a4854c6ee1891df140' }, index.h(button.Button, { key: '76bfcc8763775a3442fe7f8c307400c1fa829da0', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (index.h(styledHost.StyledHost, { key: '7c8b76c4eaa412f2dc2ba59fd56cb7c28f46656c' }, index.h(button.Button, { key: '9440f90ebb380703b35b6c5d811e5d0780e80fd2', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -435,10 +434,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0db53b1dace76a8e02bab9f65fdc70e20f440a62' }, index.h(CardFormSkeleton, { key: 'ea756f1799b01b81a678ce5bd2592551edd81211', isReady: this.isReady }), index.h("hidden-input", { key: 'a6203630db26bfbb683e2b45174c79d753154eda' }), index.h("div", { key: 'dbb6328ba3a27106474f6b9af6fc3c347b99ae7d', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, index.h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), index.h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), index.h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '64055e42612ce94da35022d7e8314ed917f90f8a', class: "mb-3" }, index.h("iframe-input", { key: 'e99008d298b6ec6e22ff5a4e73042e3e8805f09b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '34ed1849877a47fe6ec32f443472fa9c913dae67', class: "row" }, index.h("div", { key: '39bfdd5c8dd6271315a09cd3022083fe4b45f5ea', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '981b65ebd142396312d09df8927fd5d08a5dea72', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'a6fee6c1cc609b665b3ba9935190a43a118c5e5c', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '257b738139e182dc6e9f6a6893f8b6a0bc3f6b69', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '523316b64f673cdf89b5d01c1ecf4cf25ccef246', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '37305b54e421d759ded57b0f9de7743a07be4b5b', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, index.h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, index.h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -450,12 +449,12 @@ const SaveNewPaymentMethod = class {
         this.isChecked = false;
         this.handleCheckboxChange = (_name, value) => {
             this.isChecked = value;
-            checkout_store.checkoutStore.savePaymentMethod = value;
+            GooglePay.checkoutStore.savePaymentMethod = value;
             this.checkboxChanged.emit(this.isChecked);
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e40e77b8ef70b343c870a4cb0b6cf3fa51543ff9' }, index.h("form-control-checkbox", { key: '1429e670405e0d43eef2d3b5ed2d071db339129d', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (index.h(styledHost.StyledHost, { key: '7cc086e518b2defcea924398cd5957b44a893d94' }, index.h("form-control-checkbox", { key: '523dd82fe06f0c0a6d259a84f320c0a335261232', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };