@justifi/webcomponents 6.11.0 → 6.12.0

package/dist/cjs/{justifi-apple-pay_8.cjs.entry.js → justifi-apple-pay_11.cjs.entry.js}

@@ -13,7 +13,8 @@ var configState = require('./config-state-BIgGhhe9.js');
 var header1 = require('./header-1-CsBQoo1f.js');
 var insuranceState = require('./insurance-state-Xe2auE-N.js');
 var header3 = require('./header-3-DCYJhPro.js');
-var checkPkgVersion = require('./check-pkg-version-Di4JmtKX.js');
+var Analytics = require('./Analytics-DZCXB2Za.js');
+var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 require('./Pagination-Dediz133.js');
@@ -25,7 +26,19 @@ var plaid_service = require('./plaid.service-CK1ouCBC.js');
 var index$1 = require('./index-CajjbB9t.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-W-zoNiyM.js');
-require('./package-D8NG-zuY.js');
+require('./package-CJg8qLYd.js');
+
+const JustifiRadioListItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.radioClick = index.createEvent(this, "radio-click", 7);
+        this.checked = false;
+        this.hidden = false;
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '02955940079320bd9c6bf94e239545385ac36458' }, index.h("radio-list-item", { key: 'fc6b98e456e4326b843b2b3248b7327436767cf4', name: this.name, value: this.value, label: this.label, checked: this.checked, hidden: this.hidden, class: this.class, "onRadio-click": (e) => this.radioClick.emit(e.detail) })));
+    }
+};
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -520,7 +533,7 @@ const ApplePayButton = (props) => {
         `)));
 };
 
-const ApplePay = class {
+const JustifiApplePay = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.applePayStarted = index.createEvent(this, "applePayStarted", 7);
@@ -578,7 +591,7 @@ const ApplePay = class {
                     });
                     this.applePayError.emit({
                         error: ((_a = result.error) === null || _a === void 0 ? void 0 : _a.message) || "Payment failed",
-                        code: ((_b = result.error) === null || _b === void 0 ? void 0 : _b.code) || ApplePay.ErrorCode.PAYMENT_FAILED,
+                        code: ((_b = result.error) === null || _b === void 0 ? void 0 : _b.code) || JustifiApplePay.ErrorCode.PAYMENT_FAILED,
                     });
                 }
             }
@@ -589,7 +602,7 @@ const ApplePay = class {
                 else {
                     const errorMessage = error instanceof Error ? error.message : "Payment failed";
                     this.error = errorMessage;
-                    this.applePayError.emit({ error: errorMessage, code: ApplePay.ErrorCode.PAYMENT_FAILED });
+                    this.applePayError.emit({ error: errorMessage, code: JustifiApplePay.ErrorCode.PAYMENT_FAILED });
                     this.applePayCompleted.emit({
                         success: false,
                         error: errorMessage,
@@ -618,7 +631,7 @@ const ApplePay = class {
                     hasAuthToken: Boolean(checkout_store.checkoutStore.authToken),
                     accountId: checkout_store.checkoutStore.accountId,
                 });
-                this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.CONFIG_ERROR });
+                this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
                 return;
             }
@@ -627,14 +640,14 @@ const ApplePay = class {
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 console.error(this.error);
-                this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_SUPPORTED });
+                this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_SUPPORTED });
                 this.isLoading = false;
                 return;
             }
             if (!this.canMakePayments) {
                 this.error = "Apple Pay is not available";
                 console.error(this.error);
-                this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.NOT_AVAILABLE });
+                this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.NOT_AVAILABLE });
                 this.isLoading = false;
                 return;
             }
@@ -659,7 +672,7 @@ const ApplePay = class {
                 error instanceof Error
                     ? error.message
                     : "Failed to initialize Apple Pay";
-            this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.INITIALIZATION_ERROR });
+            this.applePayError.emit({ error: this.error, code: JustifiApplePay.ErrorCode.INITIALIZATION_ERROR });
         }
         finally {
             this.isLoading = false;
@@ -698,7 +711,7 @@ const ApplePay = class {
     }
 };
 // Centralized error codes for the Apple Pay component layer
-ApplePay.ErrorCode = {
+JustifiApplePay.ErrorCode = {
     CONFIG_ERROR: 'CONFIG_ERROR',
     NOT_SUPPORTED: 'NOT_SUPPORTED',
     NOT_AVAILABLE: 'NOT_AVAILABLE',
@@ -706,12 +719,23 @@ ApplePay.ErrorCode = {
     PAYMENT_FAILED: 'PAYMENT_FAILED',
 };
 
-const Summary = class {
+const JustifiButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.variant = 'primary';
+        this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '74b2a1ebf22f1f7e7cb0cfbbbba8a3f8cd528a6b' }, index.h("section", { key: '6ea0bd41680b937c0ff88aa0f73c1ac4bccee9b9' }, index.h("div", { key: '6ca013f92dbaf076bda9a65c98acdf5c8192b22a' }, index.h("div", { key: '62f166bdc0b47e8cda03ee4d549736aaf336727e', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'c681ecba3bbceac71993833f8861393dc5751b4c' }, index.h("span", { key: '46eaedc091f44c2d3bad94cb6a05098385be8ebc', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'ad70de1a38c2c7625562cee3a745a6a61235f4cf', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: 'f1ac17863df571d72e7db9b748b1980218145322' }, index.h("internal-button", { key: '0b7052d216fb79ed5d9f90aacff97d39dce87473', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+    }
+};
+
+const JustifiCheckoutSummary = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '43b48a771bd617b3b3481e0976aa50b6b63e2d6e' }, index.h("section", { key: 'e112a767fef56b095f002dfb272a43eda42ede46' }, index.h("div", { key: '079ce3aa4eb74004f5ecd3a634d2b42cf9c7a863' }, index.h("div", { key: '5d816254f104e238122080fcf43356fd7f01bcfd', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'e7d28a3a4cce7399c1fb45194f4fad172e0a2751' }, index.h("span", { key: 'b1683801875c39a8de8d93e0cdc8778a669eebfd', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'ae2efd44a3ea54d77fcb284fee7361d0ba9b87e1', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -736,7 +760,7 @@ var GooglePayEventTypes;
     GooglePayEventTypes["paymentCanceled"] = "justifi.googlePay.paymentCanceled";
     GooglePayEventTypes["paymentError"] = "justifi.googlePay.paymentError";
 })(GooglePayEventTypes || (GooglePayEventTypes = {}));
-const GooglePay = class {
+const JustifiGooglePay = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.googlePayCompleted = index.createEvent(this, "googlePayCompleted", 7);
@@ -842,7 +866,7 @@ const GooglePay = class {
     }
 };
 
-const Header = class {
+const JustifiHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.levels = {
@@ -854,7 +878,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: 'c1e23a5b492761bc527abc1bd59145dcd40b429f' }, index.h(HeaderComponent, { key: 'f7865a78f1671fdc7844805ef241188b5855afbf', text: this.text, class: this.class })));
+        return (index.h(styledHost.StyledHost, { key: '879e301ec35e7cc536dec135e11daf140c67eeed' }, index.h(HeaderComponent, { key: '1766cb9a4d84bee1b3365b4df93515274cf31565', text: this.text, class: this.class })));
     }
 };
 
@@ -913,7 +937,7 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-const ModularCheckout = class {
+const JustifiModularCheckout = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event", 7);
@@ -994,7 +1018,7 @@ const ModularCheckout = class {
         });
     }
     componentWillLoad() {
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         checkPkgVersion.checkPkgVersion();
         checkout_store.checkoutStore.authToken = this.authToken;
         this.fetchCheckout();
@@ -1086,11 +1110,20 @@ const ModularCheckout = class {
         this.checkoutChangedEvent.emit(detail);
     }
     queryFormRefs() {
-        this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full");
+        this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full, justifi-tokenize-payment-method");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
         this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
+        if (!checkout_store.checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
+            const tag = this.paymentMethodFormRef.tagName.toLowerCase();
+            if (tag === 'justifi-card-form') {
+                checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_CARD };
+            }
+            else if (tag === 'justifi-bank-account-form') {
+                checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            }
+        }
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
     }
     setupApplePayListeners() {
@@ -1139,6 +1172,9 @@ const ModularCheckout = class {
         checkout_store.checkoutStore.paymentToken = tokenizeResult.id;
         return tokenizeResult.id;
     }
+    async fillBillingForm(fields) {
+        checkout_store.checkoutStore.billingFormFields = fields;
+    }
     // set the selected payment method to the checkout store from outside the component
     async setSelectedPaymentMethod(paymentMethod) {
         checkout_store.checkoutStore.selectedPaymentMethod = paymentMethod;
@@ -1313,14 +1349,14 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: 'dc4f1c1a2e9cc32100415e732817d4aaec063d89' });
+        return index.h(index.Host, { key: 'f97e00da82355bfd1bf1ce34acefc4adfe0863dc' });
     }
     get hostEl() { return index.getElement(this); }
 };
 
 const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';
 
-const PlaidPaymentMethod = class {
+const JustifiPlaidPaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected", 7);
@@ -1812,7 +1848,7 @@ const PlaidPaymentMethod = class {
         if (checkout_store.checkoutStore.bankAccountVerification !== true) {
             if (!this.hasLoggedDisabledWarning) {
                 // Log once per component lifecycle
-                console.warn('[PlaidPaymentMethod] bank_account_verification is disabled. Component will not render.');
+                console.warn('[JustifiPlaidPaymentMethod] bank_account_verification is disabled. Component will not render.');
                 this.hasLoggedDisabledWarning = true;
             }
             return null;
@@ -1855,7 +1891,7 @@ const PlaidPaymentMethod = class {
     }; }
 };
 
-const SavedPaymentMethods = class {
+const JustifiSavedPaymentMethods = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.onPaymentMethodOptionClick = (paymentMethod) => (e) => {
@@ -1899,7 +1935,7 @@ const sezzleLogo = (index.h("img", { class: "sezzle-smart-button-logo-img", src:
         marginLeft: '5px',
         marginTop: '-5px',
     } }));
-const SezzlePaymentMethod = class {
+const JustifiSezzlePaymentMethod = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected", 7);
@@ -1960,11 +1996,281 @@ const SezzlePaymentMethod = class {
     }
 };
 
-exports.justifi_apple_pay = ApplePay;
-exports.justifi_checkout_summary = Summary;
-exports.justifi_google_pay = GooglePay;
-exports.justifi_header = Header;
-exports.justifi_modular_checkout = ModularCheckout;
-exports.justifi_plaid_payment_method = PlaidPaymentMethod;
-exports.justifi_saved_payment_methods = SavedPaymentMethods;
-exports.justifi_sezzle_payment_method = SezzlePaymentMethod;
+// Constants
+const PAYMENT_METHOD_TYPE_LABELS = {
+    [index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT]: 'New bank account',
+    [index$1.PAYMENT_METHODS.NEW_CARD]: 'New credit or debit card',
+};
+const ERROR_MESSAGES = {
+    AUTH_TOKEN_REQUIRED: 'Auth token is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
+    ACCOUNT_ID_REQUIRED: 'Account ID is required when using the tokenize-payment-method component not slotted in justifi-modular-checkout',
+    FORM_NOT_READY: 'Payment form not ready',
+    VALIDATION_ERROR: 'Validation error',
+};
+const JustifiTokenizePaymentMethod = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.submitEvent = index.createEvent(this, "submit-event", 7);
+        this.computedHideSubmitButton = false;
+        this.isLoading = false;
+        this.submitButtonText = 'Submit';
+    }
+    paymentMethodsChanged() {
+        this.setDefaultSelectedPaymentMethod();
+    }
+    connectedCallback() {
+        this.setDefaultSelectedPaymentMethod();
+        this.setComputedHideSubmitButton();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+        if (this.unsubscribeFromStore) {
+            this.unsubscribeFromStore();
+        }
+    }
+    componentWillLoad() {
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+    }
+    handleRadioClick(event) {
+        this.selectedPaymentMethod = event.detail;
+        checkout_store.checkoutStore.selectedPaymentMethod = { type: event.detail };
+    }
+    async tokenizePaymentMethod(event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        this.validateRequiredProps();
+        this.isLoading = true;
+        try {
+            const validation = await this.validate();
+            if (!validation.isValid) {
+                this.errorEvent.emit({
+                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    message: ERROR_MESSAGES.VALIDATION_ERROR,
+                });
+                this.isLoading = false;
+                return;
+            }
+            const tokenizeResponse = await this.resolvePaymentMethod({ isValid: true });
+            if (tokenizeResponse.error) {
+                this.emitError({
+                    errorCode: tokenizeResponse.error.code,
+                    message: tokenizeResponse.error.message,
+                });
+            }
+            this.submitEvent.emit({ response: tokenizeResponse });
+            return tokenizeResponse;
+        }
+        catch (error) {
+            const errorResponse = this.createErrorResponse(ComponentError.ComponentErrorCodes.TOKENIZE_ERROR, error.message);
+            this.emitError({
+                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                message: error.message,
+            });
+            this.submitEvent.emit({ response: errorResponse });
+            return errorResponse;
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async fillBillingForm(fields) {
+        checkout_store.checkoutStore.billingFormFields = fields;
+    }
+    async validate() {
+        if (!this.areFormsReady()) {
+            return { isValid: false, errors: { general: ERROR_MESSAGES.FORM_NOT_READY } };
+        }
+        const [billingValidation, paymentMethodValidation] = await Promise.all([
+            this.billingFormRef.validate(),
+            this.paymentMethodFormRef.validate(),
+        ]);
+        const result = {
+            isValid: billingValidation.isValid && paymentMethodValidation.isValid,
+            errors: Object.assign(Object.assign({}, billingValidation.errors), paymentMethodValidation.errors),
+        };
+        return result;
+    }
+    async getValues() {
+        return this.billingFormRef.getValues();
+    }
+    async tokenize() {
+        try {
+            const billingFormFieldValues = await this.billingFormRef.getValues();
+            const config = {
+                clientId: this.authToken || checkout_store.checkoutStore.authToken,
+                account: this.accountId || checkout_store.checkoutStore.accountId,
+                paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
+            };
+            const result = await this.paymentMethodFormRef.tokenize(config);
+            return result;
+        }
+        catch (error) {
+            return error;
+        }
+    }
+    // 9. Local methods
+    validateRequiredProps() {
+        if (!this.authToken && !checkout_store.checkoutStore.authToken) {
+            this.emitError({
+                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
+            });
+        }
+        if (!this.accountId && !checkout_store.checkoutStore.accountId) {
+            this.emitError({
+                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
+            });
+        }
+    }
+    setDefaultSelectedPaymentMethod() {
+        if (this.selectedPaymentMethod) {
+            return;
+        }
+        if (!this.disableCreditCard) {
+            this.selectedPaymentMethod = 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;
+            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+        }
+    }
+    setComputedHideSubmitButton() {
+        // If hideSubmitButton prop is explicitly set, use that value
+        if (this.hideSubmitButton !== undefined) {
+            this.computedHideSubmitButton = this.hideSubmitButton;
+            return;
+        }
+        // Otherwise, auto-detect if component is slotted within modular-checkout
+        const isWithinModularCheckout = this.isSlottedWithinModularCheckout();
+        this.computedHideSubmitButton = isWithinModularCheckout;
+    }
+    isSlottedWithinModularCheckout() {
+        var _a;
+        let parent = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement;
+        while (parent) {
+            if (parent.tagName === 'JUSTIFI-MODULAR-CHECKOUT') {
+                return true;
+            }
+            parent = parent.parentElement;
+        }
+        return false;
+    }
+    get availablePaymentMethods() {
+        const methods = [];
+        if (!this.disableCreditCard) {
+            methods.push(index$1.PAYMENT_METHODS.NEW_CARD);
+        }
+        if (!this.disableBankAccount) {
+            methods.push(index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+        }
+        return methods;
+    }
+    areFormsReady() {
+        return !!(this.billingFormRef && this.paymentMethodFormRef);
+    }
+    emitError(errorData) {
+        this.errorEvent.emit(Object.assign(Object.assign({}, errorData), { severity: ComponentError.ComponentErrorSeverity.ERROR }));
+    }
+    createErrorResponse(code, message) {
+        return {
+            error: {
+                code: code,
+                message,
+                decline_code: undefined,
+            },
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        if (!this.areFormsReady()) {
+            return this.createErrorResponse('form_not_ready', ERROR_MESSAGES.FORM_NOT_READY);
+        }
+        try {
+            const validation = await this.validate();
+            if (!validation.isValid || !insuranceValidation.isValid) {
+                const errorMessage = Object.values(validation.errors)[0] || ERROR_MESSAGES.VALIDATION_ERROR;
+                return {
+                    validationError: true,
+                    error: {
+                        code: 'validation_error',
+                        message: String(errorMessage),
+                        decline_code: undefined,
+                    },
+                };
+            }
+            const result = await this.performTokenization();
+            return result;
+        }
+        catch (error) {
+            return { error };
+        }
+    }
+    async performTokenization() {
+        var _a, _b;
+        const tokenizeResponse = await this.tokenize();
+        if (tokenizeResponse.error) {
+            return { error: tokenizeResponse.error };
+        }
+        const tokenizeResponseData = tokenizeResponse.data;
+        const result = {
+            token: ((_a = tokenizeResponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeResponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
+            data: tokenizeResponseData,
+        };
+        return result;
+    }
+    buildPaymentMethodMetadata(billingFormFieldValues) {
+        return this.shouldSavePaymentMethod
+            ? Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupID }) : Object.assign({}, billingFormFieldValues);
+    }
+    get paymentMethodGroupID() {
+        return this.paymentMethodGroupId || checkout_store.checkoutStore.paymentMethodGroupId;
+    }
+    get shouldSavePaymentMethod() {
+        return !!(this.paymentMethodGroupId || checkout_store.checkoutStore.savePaymentMethod);
+    }
+    get shouldHideRadioInput() {
+        return this.disableCreditCard || this.disableBankAccount;
+    }
+    renderPaymentMethodOption(paymentMethodType) {
+        const isSelected = this.selectedPaymentMethod === paymentMethodType && checkout_store.checkoutStore.selectedPaymentMethod.id === undefined;
+        return (index.h("div", { class: "payment-method" }, index.h("radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
+    }
+    renderSelectedPaymentMethodForm(paymentMethodType) {
+        return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodType), index.h("div", { class: "mt-4" }, index.h("billing-form", { ref: (el) => {
+                if (el)
+                    this.billingFormRef = el;
+            }, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType })), index.h("div", { class: "mt-4" }, index.h("save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
+    }
+    renderPaymentMethodForm(paymentMethodType) {
+        return paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD ? (index.h("card-form", { ref: (el) => {
+                if (el)
+                    this.paymentMethodFormRef = el;
+            } })) : (index.h("bank-account-form", { ref: (el) => {
+                if (el)
+                    this.paymentMethodFormRef = el;
+            } }));
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '2d4349f3e5ad632981cdeb14dbe4e483f79379da' }, index.h("form", { key: '754afee2c5229cf016bd8fc0cf81041cf37270a8' }, index.h("fieldset", { key: '01867151a09d384e1258ef7f62fbc88c526706cc' }, index.h("div", { key: '7ba453d4629a0c2ef583daddcb9cf02ac5eee265', class: "row gy-3" }, index.h("div", { key: '4148f2269c738a00f2684d69d4a83a4ab2424f2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'e67b09357571aadfb3d2712f55954506748b3826', class: "col-12" }, index.h("internal-button", { key: 'c2e805060ff7e9e97144533ffad3b4a02433e792', 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 {
+        "disableCreditCard": ["paymentMethodsChanged"],
+        "disableBankAccount": ["paymentMethodsChanged"]
+    }; }
+};
+
+exports.justifi_apple_pay = JustifiApplePay;
+exports.justifi_button = JustifiButton;
+exports.justifi_checkout_summary = JustifiCheckoutSummary;
+exports.justifi_google_pay = JustifiGooglePay;
+exports.justifi_header = JustifiHeader;
+exports.justifi_modular_checkout = JustifiModularCheckout;
+exports.justifi_plaid_payment_method = JustifiPlaidPaymentMethod;
+exports.justifi_radio_list_item = JustifiRadioListItem;
+exports.justifi_saved_payment_methods = JustifiSavedPaymentMethods;
+exports.justifi_sezzle_payment_method = JustifiSezzlePaymentMethod;
+exports.justifi_tokenize_payment_method = JustifiTokenizePaymentMethod;

package/dist/cjs/justifi-bank-account-billing-form-simple.cjs.entry.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-p7cvUYAE.js');
+var Analytics = require('./Analytics-DZCXB2Za.js');
+var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
+var configState = require('./config-state-BIgGhhe9.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
+require('./event-types-YOY5TKUN.js');
+require('./package-CJg8qLYd.js');
+require('./Api-Bukk55YZ.js');
+require('./utils-BHi4j5rB.js');
+require('./dinero-BwNN_k7x.js');
+require('./ComponentError-D4OLnOkg.js');
+require('./Plaid-DR9WDZ98.js');
+require('./Dispute-CruQTF6_.js');
+require('./Pagination-Dediz133.js');
+require('./Business-oBifyXkW.js');
+require('./index-W-zoNiyM.js');
+
+const JustifiBankAccountBillingFormSimple = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async getValues() {
+        var _a, _b;
+        return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : {};
+    }
+    async validate() {
+        var _a, _b;
+        return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'a172aac4c90a5056ab32c1d146e3420b6307b53a' }, index.h("bank-account-billing-form-simple", { key: 'c3a15c1a55f446e1a905382ee70f97e57a0136ac', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+    }
+};
+
+exports.justifi_bank_account_billing_form_simple = JustifiBankAccountBillingFormSimple;

package/dist/cjs/justifi-bank-account-form.cjs.entry.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-p7cvUYAE.js');
+var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
+var Analytics = require('./Analytics-DZCXB2Za.js');
+var configState = require('./config-state-BIgGhhe9.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
+require('./event-types-YOY5TKUN.js');
+require('./package-CJg8qLYd.js');
+require('./Api-Bukk55YZ.js');
+require('./utils-BHi4j5rB.js');
+require('./dinero-BwNN_k7x.js');
+require('./ComponentError-D4OLnOkg.js');
+require('./Plaid-DR9WDZ98.js');
+require('./Dispute-CruQTF6_.js');
+require('./Pagination-Dediz133.js');
+require('./Business-oBifyXkW.js');
+require('./index-W-zoNiyM.js');
+
+const JustifiBankAccountForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        return this.bankAccountFormElement.validate();
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
+        return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '5f3b8fbc0592dce5def5def74cbc724338acf93c' }, index.h("bank-account-form", { key: '3c8e92e35ea8faf35b08df04190413770211d42f', ref: (el) => (this.bankAccountFormElement = el) })));
+    }
+};
+
+exports.justifi_bank_account_form = JustifiBankAccountForm;

package/dist/cjs/justifi-billing-form-full.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-p7cvUYAE.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
+require('./event-types-YOY5TKUN.js');
+
+const JustifiBillingFormFull = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    async getValues() {
+        var _a, _b;
+        return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : {};
+    }
+    async validate() {
+        var _a, _b;
+        return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '1ed5da8d8336789f2f88b43ae8a85f9976c9410f' }, index.h("billing-form-full", { key: '38ff23d95691f72383279828152c481d552af647', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+    }
+};
+
+exports.justifi_billing_form_full = JustifiBillingFormFull;