@justifi/webcomponents 6.5.1-rc.3 → 6.6.0

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

@@ -3,21 +3,22 @@
 var index = require('./index-BhI7cJcE.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-DuPkU5qI.js');
+var checkPkgVersion = require('./check-pkg-version-DZC7jOGP.js');
 var configState = require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var GooglePay = require('./GooglePay-40aEKdDF.js');
+require('./Refund-BX0mjsAQ.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
-var index$1 = require('./index-CajjbB9t.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-C6nOTkVV.js');
-require('./Api-BeSnjEuW.js');
-require('./utils-Bab-tddY.js');
+require('./package-CkO7M9IQ.js');
+require('./Api-QUTWjGTy.js');
+require('./utils-D4WPxuzW.js');
 require('./index-mmd0OhmD.js');
 
 const JustifiRadioListItem = class {
@@ -31,7 +32,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 }))));
     }
 };
 
@@ -75,7 +76,7 @@ const InternalTokenizePaymentMethod = class {
     }
     handleRadioClick(event) {
         this.selectedPaymentMethod = event.detail;
-        GooglePay.checkoutStore.selectedPaymentMethod = { type: event.detail };
+        checkout_store.checkoutStore.selectedPaymentMethod = { type: event.detail };
     }
     async fillBillingForm(fields) {
         var _a;
@@ -136,8 +137,8 @@ const InternalTokenizePaymentMethod = class {
         try {
             const billingFormFieldValues = await this.billingFormRef.getValues();
             const config = {
-                clientId: this.authToken || GooglePay.checkoutStore.authToken,
-                account: this.accountId || GooglePay.checkoutStore.accountId,
+                clientId: this.authToken || checkout_store.checkoutStore.authToken,
+                account: this.accountId || checkout_store.checkoutStore.accountId,
                 paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
             };
             return await this.paymentMethodFormRef.tokenize(config);
@@ -148,13 +149,13 @@ const InternalTokenizePaymentMethod = class {
     }
     // 9. Local methods
     validateRequiredProps() {
-        if (!this.authToken && !GooglePay.checkoutStore.authToken) {
+        if (!this.authToken && !checkout_store.checkoutStore.authToken) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
             });
         }
-        if (!this.accountId && !GooglePay.checkoutStore.accountId) {
+        if (!this.accountId && !checkout_store.checkoutStore.accountId) {
             this.emitError({
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
                 message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
@@ -167,11 +168,11 @@ const InternalTokenizePaymentMethod = class {
         }
         if (!this.disableCreditCard) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_CARD;
-            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
+            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
         }
         else if (!this.disableBankAccount) {
             this.selectedPaymentMethod = index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-            GooglePay.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
         }
     }
     setComputedHideSubmitButton() {
@@ -261,16 +262,16 @@ const InternalTokenizePaymentMethod = class {
             ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
     }
     get paymentMethodGroupID() {
-        return this.paymentMethodGroupId || GooglePay.checkoutStore.paymentMethodGroupId;
+        return this.paymentMethodGroupId || checkout_store.checkoutStore.paymentMethodGroupId;
     }
     get shouldSavePaymentMethod() {
-        return !!(this.paymentMethodGroupId || GooglePay.checkoutStore.savePaymentMethod);
+        return !!(this.paymentMethodGroupId || checkout_store.checkoutStore.savePaymentMethod);
     }
     get shouldHideRadioInput() {
         return this.disableCreditCard || this.disableBankAccount;
     }
     renderPaymentMethodOption(paymentMethodType) {
-        const isSelected = this.selectedPaymentMethod === paymentMethodType && GooglePay.checkoutStore.selectedPaymentMethod.id === undefined;
+        const isSelected = this.selectedPaymentMethod === paymentMethodType && checkout_store.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) {
@@ -280,7 +281,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: '6cf2d727360142a1342256c020bf3dc9af8da29c' }, index.h("form", { key: 'd57740b68749410cda92bd87edb8697ff379715c' }, index.h("fieldset", { key: '8df769d00d6f9c5499e7b7dce8e9c5472898d3fa' }, index.h("div", { key: '8501055a25d62fd9f6c9608a9813ec8cfbd79c84', class: "row gy-3" }, index.h("div", { key: '125cafaeea5cb3bd5631526f0f96c1f24dcf3235', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '80f3d481aa89d3f7ee8fa127535f9511022cdf1a', class: "col-12" }, index.h("justifi-button", { key: 'aa6c7db5425e799f12949affce288b1d5feb8abb', 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: '75a8be79398b21dfeef2e47c3141fb0bd01af515' }, index.h("form", { key: '87e98312524888dd08087dac5f1d2b3a6ef761b4' }, index.h("fieldset", { key: '799f7f415b3a74a1cc7ec5773dcbe7ac634c8432' }, index.h("div", { key: '709dc13091bf3cdcd673ea1ada7d643629ebe0cb', class: "row gy-3" }, index.h("div", { key: 'ecc57932a45ed5fd70c59e84a1a71376b7db9e31', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '1eb12574146656beffa605abfdbe3408df473ebe', class: "col-12" }, index.h("justifi-button", { key: '31ebba133ce26457bd1fb72d48552b1d20f4cafe', 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 {
@@ -334,10 +335,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'ed1021efed0ba7072c556e67f52d1c3ef47dbdda' }, index.h(BankAccountFormSkeleton, { key: '0c6f202f65dbdce9636fba8b3e8b68f895755bd7', isReady: this.isReady }), index.h("hidden-input", { key: '4340be8fb913a5198564bad3d65b099b69c51725' }), index.h("div", { key: '60dfe45a5f1f9bfc21815083e80b22d353ab19fb', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '5300180e7f23a8edf57f8fc875735eaff8a88dd6' }, index.h(BankAccountFormSkeleton, { key: 'e9464c243d616b4787f341e01d86bea0a2cf532f', isReady: this.isReady }), index.h("hidden-input", { key: '1903e13a850096457d4ffa1b68211f2289c1ba5d' }), index.h("div", { key: 'b9bd0c9d19b1e140c1d46f4ad6db2a3b34cd9084', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '8d4c2ef23151dce1efe79513fd2b0c7f738c0993', class: "row mb-3" }, index.h("iframe-input", { key: '61054e0b53954f10bd006273d9cdaa9aadb3f696', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '212a7b4085fc0aad4f0580faf93288d1f32afa75', class: "row" }, index.h("iframe-input", { key: '264bf390219b0e75a34b827629d5506c71c1eabe', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '40156309e44c38b2495c6f1fff6e3d61fef8f59b', class: "row mb-3" }, index.h("iframe-input", { key: '4e081e59170d28632290194672e4da4c6fdb2707', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '90c4082c1bd2afb6a17f3cf3c9b74c19a5e50459', class: "row" }, index.h("iframe-input", { key: '97eb9c0dddaa323ffc48691764982ea2ee796aed', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -381,7 +382,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, index.h(button.Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', 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: '435d3ad98725dcd3a3494a198d299818200cc1ba' }, index.h(button.Button, { key: '3518af6039637223262ae2adc1e671d9433b9938', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -434,10 +435,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'bfd3a4edceeb6ec2b0c3cb0b3b5f6028d605e6f3' }, index.h(CardFormSkeleton, { key: 'ff332972823a15933b191f4de8be94183dff2aae', isReady: this.isReady }), index.h("hidden-input", { key: '0e72eb09a7963080857cec955446bc11b283f593' }), index.h("div", { key: '7718e6f53a8534366c416f956a6e9d7ef4ced572', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: 'e2d9290e9537e5cf01743e560ba72ae03969737f' }, index.h(CardFormSkeleton, { key: '503d9d3511de6ec2fa42f833ec6d5d8d8b25f9a0', isReady: this.isReady }), index.h("hidden-input", { key: '8a429562e82c34ad9629a91b8b46e4333d06f607' }), index.h("div", { key: 'bd89861324642f3d4aff08f10f0ec2692378b973', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '36652ef83af5dbcb5908e767f3c5d9ecddf5d789', class: "mb-3" }, index.h("iframe-input", { key: '5291593fd97294c7bae5efbe1a86306fee6b494d', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'd3e26306377981509633a53d90e5f1db30fe0094', class: "row" }, index.h("div", { key: '2d3f520e496abe8da065ecf6f4232fc5cddcb5b0', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '8e4c4a19a5bc14f96922fcd975fe295919a61a94', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'a10578be32e8e81edf3101964dfcffb3788e4cd4', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '9c1bfc9485f069b649fd6bafdcda6945722cb972', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '97119f4cd6677091d78dd5cd65e49c5af78c4d19', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '226c41001bd76a3c11e536aa71455fe45531275e', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: 'ea3051446c8877824dff4f5d442f6df2575c01ae', class: "mb-3" }, index.h("iframe-input", { key: '54bf375d93b38257bb37e2294a95e8ac5318f6e3', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'c5314dc6426aff92153220bb7cb431ba000a1775', class: "row" }, index.h("div", { key: 'ca100aa1913e5e0c3390b7bef91fc88196c1b389', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '1fc8ac6e5be1f22943da8edaf3b51c8d1e04af2a', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '9cf86dca35588b7ef92c138a1c99f8e1af01597c', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'ae87a4afed43f2d87cfca5d9b1e3f388fea53ced', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'a9e5f4007f7f3f8d5521935a60c465caf6ab296d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'e181c1f20b2367b0b435d45e334994f8a7e2a4e8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -449,12 +450,12 @@ const SaveNewPaymentMethod = class {
         this.isChecked = false;
         this.handleCheckboxChange = (_name, value) => {
             this.isChecked = value;
-            GooglePay.checkoutStore.savePaymentMethod = value;
+            checkout_store.checkoutStore.savePaymentMethod = value;
             this.checkboxChanged.emit(this.isChecked);
         };
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e9b32bca13108d83ee6ff3b23b16973ccad25faa' }, index.h("form-control-checkbox", { key: 'ab07bc95d88dc5e97ca8abc646ab3d286edacff8', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (index.h(styledHost.StyledHost, { key: '7335e9c197b4066d1e1f65885f7bf2fd0f58fce4' }, index.h("form-control-checkbox", { key: '6567c114210b5091979eca5bdb16fb3bb0ef5e35', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 };