@justifi/webcomponents 6.10.4 → 6.12.0

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

@@ -1,29 +1,42 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { A as Api } from './Api-CLZVsXZg.js';
-import { A as ApplePayConfig, r as ApplePayHelpers, s as ApplePayPaymentRequest, t as ApplePaySessionStatus, u as ApplePayButtonStyle, v as ApplePayButtonType, w as ApplePayMerchantCapability, I as ICheckoutStatus, m as PLAID_ERROR_SEVERITY, n as PLAID_ERROR_MESSAGES, o as PlaidErrorCodes } from './Plaid-Cmyilr-q.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
+import { A as Api } from './Api-DI0-itk3.js';
+import { A as ApplePayConfig, r as ApplePayHelpers, s as ApplePayPaymentRequest, t as ApplePaySessionStatus, u as ApplePayButtonStyle, v as ApplePayButtonType, w as ApplePayMerchantCapability, I as ICheckoutStatus, m as PLAID_ERROR_SEVERITY, n as PLAID_ERROR_MESSAGES, o as PlaidErrorCodes } from './Plaid-vwPGZ5y4.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-DzBAY0bs.js';
-import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes, a as getCheckoutState, b as onChange } from './checkout.store-iNkW80yV.js';
-import { H as text, u as radioListItem } from './parts-c8J1gsDg.js';
-import { f as formatCurrency } from './utils-7bp92NC7.js';
+import { S as Skeleton } from './skeleton-DV6yJalo.js';
+import { c as checkoutStore, a as onAnyChange, g as getAvailablePaymentMethodTypes, b as getCheckoutState, o as onChange } from './checkout.store-C1TdhFf6.js';
+import { t as text, r as radioListItem } from './parts-D50Rx76J.js';
+import { f as formatCurrency } from './utils-C_8ZxLti.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
-import { H as Header1 } from './header-1-BIaO3iDb.js';
-import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-MpA7uaXF.js';
-import { H as Header3 } from './header-3-UswhFvUr.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-QOngucT4.js';
+import { H as Header1 } from './header-1-bRxxOyI-.js';
+import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-obAKb1XR.js';
+import { H as Header3 } from './header-3-E533c0A3.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes, b as ComponentErrorMessages } from './ComponentError-Cjcsf8ku.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { C as CheckoutService } from './checkout.service-BcQ_onZq.js';
-import { P as PlaidService } from './plaid.service-C59iS7tB.js';
+import { C as CheckoutService } from './checkout.service-DdIBmfsp.js';
+import { P as PlaidService } from './plaid.service-Dtxfrsm8.js';
 import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DkoufM1t.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
 import './index-cDVGjRkU.js';
-import './package-Cc6518FT.js';
+import './package-CIYOQWsL.js';
+
+const JustifiRadioListItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.radioClick = createEvent(this, "radio-click", 7);
+        this.checked = false;
+        this.hidden = false;
+    }
+    render() {
+        return (h(StyledHost, { key: '02955940079320bd9c6bf94e239545385ac36458' }, 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;
@@ -60,7 +73,7 @@ class ApplePayService {
                     'Sub-Account': accountId,
                 },
                 body: {
-                    domain: window.location.host,
+                    domain: window.location.hostname,
                     display_name: this.applePayConfig.displayName
                 }
             });
@@ -518,7 +531,7 @@ const ApplePayButton = (props) => {
         `)));
 };
 
-const ApplePay = class {
+const JustifiApplePay = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.applePayStarted = createEvent(this, "applePayStarted", 7);
@@ -576,7 +589,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,
                     });
                 }
             }
@@ -587,7 +600,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,
@@ -616,7 +629,7 @@ const ApplePay = class {
                     hasAuthToken: Boolean(checkoutStore.authToken),
                     accountId: 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;
             }
@@ -625,14 +638,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;
             }
@@ -657,7 +670,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;
@@ -696,7 +709,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',
@@ -704,12 +717,23 @@ ApplePay.ErrorCode = {
     PAYMENT_FAILED: 'PAYMENT_FAILED',
 };
 
-const Summary = class {
+const JustifiButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'primary';
+        this.type = 'button';
+    }
+    render() {
+        return (h(StyledHost, { key: 'f1ac17863df571d72e7db9b748b1980218145322' }, 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) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(StyledHost, { key: '13d4dd7fbc2335e2af7c24066800e0642df0cd77' }, h("section", { key: '456cc598f5cf08e55b0c24ff23945b327df5fb66' }, h("div", { key: '37143e2b5157cfb973189335e357f39e78fbb7a1' }, h("div", { key: 'f4d34254b589f631e5cf7f49cab4d37933a7b1a0', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7d4f4bad72a2c637eafd95ab7dc73f5881ed4906' }, h("span", { key: '37b639cd520e87d73246f5d68a294fa2919376cd', part: text }, "Total"), "\u00A0", h("span", { key: '0ace5f0a3f53dd016d3d3167879364be20f407e4', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '43b48a771bd617b3b3481e0976aa50b6b63e2d6e' }, h("section", { key: 'e112a767fef56b095f002dfb272a43eda42ede46' }, h("div", { key: '079ce3aa4eb74004f5ecd3a634d2b42cf9c7a863' }, h("div", { key: '5d816254f104e238122080fcf43356fd7f01bcfd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e7d28a3a4cce7399c1fb45194f4fad172e0a2751' }, h("span", { key: 'b1683801875c39a8de8d93e0cdc8778a669eebfd', part: text }, "Total"), "\u00A0", h("span", { key: 'ae2efd44a3ea54d77fcb284fee7361d0ba9b87e1', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 };
 
@@ -734,7 +758,7 @@ var GooglePayEventTypes;
     GooglePayEventTypes["paymentCanceled"] = "justifi.googlePay.paymentCanceled";
     GooglePayEventTypes["paymentError"] = "justifi.googlePay.paymentError";
 })(GooglePayEventTypes || (GooglePayEventTypes = {}));
-const GooglePay = class {
+const JustifiGooglePay = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.googlePayCompleted = createEvent(this, "googlePayCompleted", 7);
@@ -840,7 +864,7 @@ const GooglePay = class {
     }
 };
 
-const Header = class {
+const JustifiHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.levels = {
@@ -852,7 +876,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '1fc31aaf9d222d4f53e4ca546fd323389f4154c3' }, h(HeaderComponent, { key: '6bc979a358b5a93159d378db2452b57133ed3aaa', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '879e301ec35e7cc536dec135e11daf140c67eeed' }, h(HeaderComponent, { key: '1766cb9a4d84bee1b3365b4df93515274cf31565', text: this.text, class: this.class })));
     }
 };
 
@@ -911,7 +935,7 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-const ModularCheckout = class {
+const JustifiModularCheckout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
@@ -1084,11 +1108,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 (!checkoutStore.selectedPaymentMethod && this.paymentMethodFormRef) {
+            const tag = this.paymentMethodFormRef.tagName.toLowerCase();
+            if (tag === 'justifi-card-form') {
+                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_CARD };
+            }
+            else if (tag === 'justifi-bank-account-form') {
+                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_BANK_ACCOUNT };
+            }
+        }
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
     }
     setupApplePayListeners() {
@@ -1137,6 +1170,9 @@ const ModularCheckout = class {
         checkoutStore.paymentToken = tokenizeResult.id;
         return tokenizeResult.id;
     }
+    async fillBillingForm(fields) {
+        checkoutStore.billingFormFields = fields;
+    }
     // set the selected payment method to the checkout store from outside the component
     async setSelectedPaymentMethod(paymentMethod) {
         checkoutStore.selectedPaymentMethod = paymentMethod;
@@ -1311,14 +1347,14 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return h(Host, { key: 'ee341d8d78767a80e2627ea5244ba46ca63cd8df' });
+        return h(Host, { key: 'f97e00da82355bfd1bf1ce34acefc4adfe0863dc' });
     }
     get hostEl() { return getElement(this); }
 };
 
 const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';
 
-const PlaidPaymentMethod = class {
+const JustifiPlaidPaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
@@ -1810,7 +1846,7 @@ const PlaidPaymentMethod = class {
         if (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;
@@ -1853,7 +1889,7 @@ const PlaidPaymentMethod = class {
     }; }
 };
 
-const SavedPaymentMethods = class {
+const JustifiSavedPaymentMethods = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.onPaymentMethodOptionClick = (paymentMethod) => (e) => {
@@ -1897,7 +1933,7 @@ const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "http
         marginLeft: '5px',
         marginTop: '-5px',
     } }));
-const SezzlePaymentMethod = class {
+const JustifiSezzlePaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
@@ -1958,4 +1994,271 @@ const SezzlePaymentMethod = class {
     }
 };
 
-export { ApplePay as justifi_apple_pay, Summary as justifi_checkout_summary, GooglePay as justifi_google_pay, Header as justifi_header, ModularCheckout as justifi_modular_checkout, PlaidPaymentMethod as justifi_plaid_payment_method, SavedPaymentMethods as justifi_saved_payment_methods, SezzlePaymentMethod as justifi_sezzle_payment_method };
+// Constants
+const PAYMENT_METHOD_TYPE_LABELS = {
+    [PAYMENT_METHODS.NEW_BANK_ACCOUNT]: 'New bank account',
+    [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) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitEvent = 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();
+        this.analytics = new JustifiAnalytics(this);
+    }
+    handleRadioClick(event) {
+        this.selectedPaymentMethod = event.detail;
+        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: 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(ComponentErrorCodes.TOKENIZE_ERROR, error.message);
+            this.emitError({
+                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                message: error.message,
+            });
+            this.submitEvent.emit({ response: errorResponse });
+            return errorResponse;
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async fillBillingForm(fields) {
+        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 || checkoutStore.authToken,
+                account: this.accountId || 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 && !checkoutStore.authToken) {
+            this.emitError({
+                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                message: ERROR_MESSAGES.AUTH_TOKEN_REQUIRED,
+            });
+        }
+        if (!this.accountId && !checkoutStore.accountId) {
+            this.emitError({
+                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                message: ERROR_MESSAGES.ACCOUNT_ID_REQUIRED,
+            });
+        }
+    }
+    setDefaultSelectedPaymentMethod() {
+        if (this.selectedPaymentMethod) {
+            return;
+        }
+        if (!this.disableCreditCard) {
+            this.selectedPaymentMethod = PAYMENT_METHODS.NEW_CARD;
+            checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.NEW_CARD };
+        }
+        else if (!this.disableBankAccount) {
+            this.selectedPaymentMethod = PAYMENT_METHODS.NEW_BANK_ACCOUNT;
+            checkoutStore.selectedPaymentMethod = { type: 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(PAYMENT_METHODS.NEW_CARD);
+        }
+        if (!this.disableBankAccount) {
+            methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
+        }
+        return methods;
+    }
+    areFormsReady() {
+        return !!(this.billingFormRef && this.paymentMethodFormRef);
+    }
+    emitError(errorData) {
+        this.errorEvent.emit(Object.assign(Object.assign({}, errorData), { severity: 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 || checkoutStore.paymentMethodGroupId;
+    }
+    get shouldSavePaymentMethod() {
+        return !!(this.paymentMethodGroupId || checkoutStore.savePaymentMethod);
+    }
+    get shouldHideRadioInput() {
+        return this.disableCreditCard || this.disableBankAccount;
+    }
+    renderPaymentMethodOption(paymentMethodType) {
+        const isSelected = this.selectedPaymentMethod === paymentMethodType && checkoutStore.selectedPaymentMethod.id === undefined;
+        return (h("div", { class: "payment-method" }, 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 (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodType), h("div", { class: "mt-4" }, h("billing-form", { ref: (el) => {
+                if (el)
+                    this.billingFormRef = el;
+            }, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType })), h("div", { class: "mt-4" }, h("save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
+    }
+    renderPaymentMethodForm(paymentMethodType) {
+        return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("card-form", { ref: (el) => {
+                if (el)
+                    this.paymentMethodFormRef = el;
+            } })) : (h("bank-account-form", { ref: (el) => {
+                if (el)
+                    this.paymentMethodFormRef = el;
+            } }));
+    }
+    render() {
+        return (h(StyledHost, { key: '2d4349f3e5ad632981cdeb14dbe4e483f79379da' }, h("form", { key: '754afee2c5229cf016bd8fc0cf81041cf37270a8' }, h("fieldset", { key: '01867151a09d384e1258ef7f62fbc88c526706cc' }, h("div", { key: '7ba453d4629a0c2ef583daddcb9cf02ac5eee265', class: "row gy-3" }, h("div", { key: '4148f2269c738a00f2684d69d4a83a4ab2424f2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'e67b09357571aadfb3d2712f55954506748b3826', class: "col-12" }, 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 getElement(this); }
+    static get watchers() { return {
+        "disableCreditCard": ["paymentMethodsChanged"],
+        "disableBankAccount": ["paymentMethodsChanged"]
+    }; }
+};
+
+export { JustifiApplePay as justifi_apple_pay, JustifiButton as justifi_button, JustifiCheckoutSummary as justifi_checkout_summary, JustifiGooglePay as justifi_google_pay, JustifiHeader as justifi_header, JustifiModularCheckout as justifi_modular_checkout, JustifiPlaidPaymentMethod as justifi_plaid_payment_method, JustifiRadioListItem as justifi_radio_list_item, JustifiSavedPaymentMethods as justifi_saved_payment_methods, JustifiSezzlePaymentMethod as justifi_sezzle_payment_method, JustifiTokenizePaymentMethod as justifi_tokenize_payment_method };

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

@@ -0,0 +1,44 @@
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import { w as waitForConfig } from './config-state-kKn89dp1.js';
+import { S as StyledHost } from './styled-host-D6byRazK.js';
+import './event-types-CZfYo5-1.js';
+import './package-CIYOQWsL.js';
+import './Api-DI0-itk3.js';
+import './utils-C_8ZxLti.js';
+import './dinero-HXpYMWUU.js';
+import './ComponentError-Cjcsf8ku.js';
+import './Plaid-vwPGZ5y4.js';
+import './Dispute-BH0Xfn-F.js';
+import './Pagination-CLHwhyvu.js';
+import './Business-BcNb9bVO.js';
+import './index-cDVGjRkU.js';
+
+const JustifiBankAccountBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        checkPkgVersion();
+        this.analytics = new 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 (h(StyledHost, { key: 'a172aac4c90a5056ab32c1d146e3420b6307b53a' }, h("bank-account-billing-form-simple", { key: 'c3a15c1a55f446e1a905382ee70f97e57a0136ac', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+    }
+};
+
+export { JustifiBankAccountBillingFormSimple as justifi_bank_account_billing_form_simple };

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

@@ -0,0 +1,42 @@
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { w as waitForConfig } from './config-state-kKn89dp1.js';
+import { S as StyledHost } from './styled-host-D6byRazK.js';
+import './event-types-CZfYo5-1.js';
+import './package-CIYOQWsL.js';
+import './Api-DI0-itk3.js';
+import './utils-C_8ZxLti.js';
+import './dinero-HXpYMWUU.js';
+import './ComponentError-Cjcsf8ku.js';
+import './Plaid-vwPGZ5y4.js';
+import './Dispute-BH0Xfn-F.js';
+import './Pagination-CLHwhyvu.js';
+import './Business-BcNb9bVO.js';
+import './index-cDVGjRkU.js';
+
+const JustifiBankAccountForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        checkPkgVersion();
+        this.analytics = new 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 (h(StyledHost, { key: '5f3b8fbc0592dce5def5def74cbc724338acf93c' }, h("bank-account-form", { key: '3c8e92e35ea8faf35b08df04190413770211d42f', ref: (el) => (this.bankAccountFormElement = el) })));
+    }
+};
+
+export { JustifiBankAccountForm as justifi_bank_account_form };

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

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
+import { S as StyledHost } from './styled-host-D6byRazK.js';
+import './event-types-CZfYo5-1.js';
+
+const JustifiBillingFormFull = class {
+    constructor(hostRef) {
+        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 (h(StyledHost, { key: '1ed5da8d8336789f2f88b43ae8a85f9976c9410f' }, h("billing-form-full", { key: '38ff23d95691f72383279828152c481d552af647', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+    }
+};
+
+export { JustifiBillingFormFull as justifi_billing_form_full };