@justifi/webcomponents 6.2.0 → 6.4.1

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

@@ -2,14 +2,14 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { A as Api } from './Api-DX-IWyBw.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-DdynMBnt.js';
-import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes, a as getCheckoutState, b as onChange } from './checkout.store-CMsV0tl9.js';
-import { D as text, r as radioListItem } from './parts-Dj_zevuD.js';
+import { S as Skeleton } from './skeleton-BmRZRW5K.js';
+import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes, a as getCheckoutState, b as onChange } from './checkout.store-CaS_htQd.js';
+import { D as text, r as radioListItem } from './parts-wtuY7MT2.js';
 import { f as formatCurrency } from './utils-CIaHqjQt.js';
-import { H as Header1 } from './header-1-uiFiNrVs.js';
-import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-iJs0LRg_.js';
-import { H as Header3 } from './header-3-BVYYTpLc.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-DrqnlTa_.js';
+import { H as Header1 } from './header-1-CPF3S2CC.js';
+import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-DRe0g_wf.js';
+import { H as Header3 } from './header-3-Cah707hu.js';
+import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-BZb5Z6DW.js';
 import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes, b as ComponentErrorMessages } from './ComponentError-Cjcsf8ku.js';
@@ -22,7 +22,7 @@ import { C as CheckoutService } from './checkout.service-BpaVN1_f.js';
 import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DCIW8z1f.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
 import './index-B-fWxE5e.js';
-import './package-BjCdImSF.js';
+import './package-C19Xk7z3.js';
 
 var ApplePaySessionStatus;
 (function (ApplePaySessionStatus) {
@@ -839,7 +839,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '89edcc4c5a478317da615d276af05cac241c1867' }, h(HeaderComponent, { key: 'a5c01967f8809fd6b824ddc8730599041ae31822', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', text: this.text, class: this.class })));
     }
 };
 
@@ -1975,258 +1975,4 @@ const SezzlePaymentMethod = class {
     }
 };
 
-// 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 TokenizePaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.submitEvent = createEvent(this, "submit-event");
-        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 fillBillingForm(fields) {
-        var _a;
-        (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
-    }
-    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 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 tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            const config = {
-                clientId: this.authToken || checkoutStore.authToken,
-                account: this.accountId || checkoutStore.accountId,
-                paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
-            };
-            return await this.paymentMethodFormRef.tokenize(config);
-        }
-        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;
-        return {
-            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,
-        };
-    }
-    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("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) {
-        return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodType), h("div", { class: "mt-4" }, h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType })), h("div", { class: "mt-4" }, h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
-    }
-    renderPaymentMethodForm(paymentMethodType) {
-        return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
-    }
-    render() {
-        return (h(StyledHost, { key: '805537f9c210dd7d2cd6fa101659c143d716e187' }, h("form", { key: 'c05caa0149784c7653021eb58b8eb41e1119e93c' }, h("fieldset", { key: '885abce69e70089d9841b9f866b41f9469a84437' }, h("div", { key: '0411d66e395077e3442dacab459f6c9150d16d4e', class: "row gy-3" }, h("div", { key: '1fa3dd928574a04b22ccca6a1727d4c8d602eea7', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ec3db8e32cd0c6205992225df7e7c317e9d2a7b0', class: "col-12" }, h("justifi-button", { key: '0eaba5f83caaf693fb110dfabfb78e2898d946df', 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 { ApplePay as justifi_apple_pay, Summary as justifi_checkout_summary, 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, TokenizePaymentMethod as justifi_tokenize_payment_method };
+export { ApplePay as justifi_apple_pay, Summary as justifi_checkout_summary, 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 };

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

@@ -0,0 +1,143 @@
+import { r as registerInstance, h } from './index-DwYM91AU.js';
+import { c as create$3, F as FormController } from './index.esm-IWS0494Y.js';
+import { A as postalValidation, B as stateValidation, k as cityValidation, l as lineTwoValidation, n as lineOneValidation, y as identityNameValidation } from './schema-validations-B5sfox_4.js';
+import { an as billingForm } from './parts-wtuY7MT2.js';
+import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
+import './event-types-CZfYo5-1.js';
+import { H as Header3 } from './header-3-Cah707hu.js';
+import { S as StateOptions } from './Business-B5rtFhtR.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './country-config-BQ4D46Lb.js';
+import './business-form-options-D6s5H4RI.js';
+
+const fullBillingSchema = () => create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.required('Enter street address'),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.required('Enter city'),
+    address_state: stateValidation.required('Select state'),
+    address_postal_code: postalValidation.required('Enter postal code'),
+});
+const postalOnlySchema = () => create$3({
+    name: identityNameValidation.nullable(),
+    address_line1: lineOneValidation.nullable(),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.nullable(),
+    address_state: stateValidation.nullable(),
+    address_postal_code: postalValidation.required('Enter postal code'),
+});
+const nameOnlySchema = () => create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.nullable(),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.nullable(),
+    address_state: stateValidation.nullable(),
+    address_postal_code: postalValidation.nullable(),
+});
+
+const BankAccountBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(nameOnlySchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: '2429d26c0338ec1732337718ca4e7693f30a0f8a' }, h("div", { key: '774911ce7d594bc1f44c15060136356acc349cbb', part: billingForm, class: "mt-4" }, h("form", { key: '5c93f5a6af372fdf24a20870ef6ae69f554efec4' }, h("fieldset", { key: '38ac8adb2592b7799825d63c4a8e9bde61510cd0' }, this.legend && (h("legend", { key: 'abbce27bb8ae2ef564b8aeef755050fc096cb81f' }, this.legend)), h("div", { key: '5a0350fe7f635600d746f1f3979757a045cc09f0', class: "row gy-3" }, h("div", { key: '71aac995514b7fea7254204df825eb8b381e21c7', class: "col-12" }, h("form-control-text", { key: 'f33d26eddfc9f3d307e05a48afec9472213b2822', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+    }
+};
+
+const BillingFormFull = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(fullBillingSchema());
+        // Set up subscriptions here to avoid warnings about setting state during componentDidLoad
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        // Guard clause to ensure formController is initialized before rendering
+        if (!this.formController) {
+            return null;
+        }
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, null, h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
+    }
+};
+
+const CardBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(postalOnlySchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: '406560bd86a894ec7d71ad6872ffedf200b7054d' }, h("div", { key: '5a824cbbd8dcb85fd5a7fab93ddbedd5407ef82d', part: billingForm }, h("form", { key: '2aa1abdcf5428f26edc3db42fc68141765ef5b64' }, h("fieldset", { key: '92844b0b69dda6f379a6509458dd67b2d6ec2c24' }, this.legend && (h("legend", { key: 'bc18d61d3f3d6b70bfece88dfaf540348099b252' }, this.legend)), h("div", { key: '63bc056fdfb6945eb00085ca1bf75fdb81741592', class: "row gy-3" }, h("div", { key: '56af403876ad942fc13570a462aff682d5b9e24e', class: "col-12" }, h("form-control-text", { key: '1478a6802dc5df7318e87f85bd069c6719af3372', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
+    }
+};
+
+export { BankAccountBillingFormSimple as justifi_bank_account_billing_form_simple, BillingFormFull as justifi_billing_form_full, CardBillingFormSimple as justifi_card_billing_form_simple };

package/dist/esm/justifi-business-details.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js';
-import { E as ErrorState } from './utils-DUz-H1tG.js';
+import { E as ErrorState } from './utils-BX7Rjm1M.js';
 import { B as BusinessService } from './business.service-CaEVmi4X.js';
 import { m as makeGetBusiness } from './get-business-Xt7B5dSo.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DrqnlTa_.js';
-import './parts-Dj_zevuD.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZb5Z6DW.js';
+import './parts-wtuY7MT2.js';
 import './Api-DX-IWyBw.js';
 import './config-state-C2NXATwF.js';
 import './index-B-fWxE5e.js';
@@ -15,7 +15,7 @@ import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './utils-BeQLScSm.js';
-import './package-BjCdImSF.js';
+import './package-C19Xk7z3.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/esm/justifi-business-form.entry.js

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent } from './index-DwYM91AU.js';
 import { c as create$3, F as FormController } from './index.esm-IWS0494Y.js';
-import { b as businessCoreInfoSchemaUSA, a as additionalQuestionsSchema, c as businessCoreInfoSchemaCAN } from './business-additional-questions-schema-BCXg6YTP.js';
-import { i as identitySchemaUSA, a as addressSchemaUSA, b as identitySchemaCAN, c as addressSchemaCAN } from './business-identity-schema-CvzdGI9h.js';
+import { b as businessCoreInfoSchemaUSA, a as additionalQuestionsSchema, c as businessCoreInfoSchemaCAN } from './business-additional-questions-schema-QFJEOHF5.js';
+import { i as identitySchemaUSA, a as addressSchemaUSA, b as identitySchemaCAN, c as addressSchemaCAN } from './business-identity-schema-DB_Hhjld.js';
 import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
@@ -9,24 +9,24 @@ import './Refund-L_muwEAh.js';
 import './Pagination-CLHwhyvu.js';
 import { C as CountryCode, B as Business, b as BusinessFormServerErrors } from './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DrqnlTa_.js';
-import { B as Button } from './button-DHljyr0K.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZb5Z6DW.js';
+import { B as Button } from './button-DBmjN7Ra.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
-import { H as Header1 } from './header-1-uiFiNrVs.js';
+import { H as Header1 } from './header-1-CPF3S2CC.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-DdynMBnt.js';
+import { S as Skeleton } from './skeleton-BmRZRW5K.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisioning-actions-ONP8lDnV.js';
 import { B as BusinessService } from './business.service-CaEVmi4X.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-CoIE0a4H.js';
+import './schema-validations-B5sfox_4.js';
 import './country-config-BQ4D46Lb.js';
 import './business-form-options-D6s5H4RI.js';
 import './index-B-fWxE5e.js';
 import './utils-CIaHqjQt.js';
-import './package-BjCdImSF.js';
+import './package-C19Xk7z3.js';
 import './Api-DX-IWyBw.js';
-import './parts-Dj_zevuD.js';
+import './parts-wtuY7MT2.js';
 import './utils-BeQLScSm.js';
 
 const businessFormSchemaUSA = create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaUSA().fields), { legal_address: addressSchemaUSA(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaUSA('representative') }));

package/dist/esm/justifi-business-representative-form-inputs.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-DwYM91AU.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-D3y0TzH9.js';
 import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { G as heading2, l as label, U as inputDisabled, _ as buttonSecondary } from './parts-Dj_zevuD.js';
+import { G as heading2, l as label, U as inputDisabled, _ as buttonSecondary } from './parts-wtuY7MT2.js';
 import { c as countryLabels } from './country-config-BQ4D46Lb.js';
 import './Business-B5rtFhtR.js';
 

package/dist/esm/justifi-checkout.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DrqnlTa_.js';
-import { c as checkoutStore } from './checkout.store-CMsV0tl9.js';
-import { d as checkoutSummary } from './parts-Dj_zevuD.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZb5Z6DW.js';
+import { c as checkoutStore } from './checkout.store-CaS_htQd.js';
+import { d as checkoutSummary } from './parts-wtuY7MT2.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
 import { P as PAYMENT_METHODS } from './index-DCIW8z1f.js';
-import './package-BjCdImSF.js';
+import './package-C19Xk7z3.js';
 import './Api-DX-IWyBw.js';
 import './config-state-C2NXATwF.js';
 import './index-B-fWxE5e.js';
@@ -54,6 +54,7 @@ const Checkout = class {
         this.isSubmitting = false;
     }
     checkoutError(_event) {
+        console.error('[justifi-checkout] error-event received', _event === null || _event === void 0 ? void 0 : _event.detail);
         this.isSubmitting = false;
     }
     checkoutChanged(event) {
@@ -91,9 +92,9 @@ const Checkout = class {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '468b97261a110d5779ac742de45248aadfbeeb6c' }, h("justifi-modular-checkout", { key: '7ce8d2e147f0b91ad93996f7e044a3fe2a9bd604', ref: (el) => {
+        return (h(StyledHost, { key: '54f7a5421fd47dc1a307ff0d22fd1a85812b32c8' }, h("justifi-modular-checkout", { key: 'f58a6b93e113786cd70c88b3db6b81bbce7066fb', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '7ace65df988d338d0cc810a532f8914a046e7268', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '3c6223ef06c7a2b42bef97dd67f5f09f21bb248b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '622b2ef667ab222a3152134573e7191bf2fa6117', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '036b447e7e92b1c6bfe33aff5d07a35bc2d9a915' }, h("justifi-checkout-summary", { key: '292c0b09960046e78b902652e5b0902129715ef5' }))), h("div", { key: '5d27c5a5d3f026ad9f9da37833f8ecf808a89de9', class: "col-12 mt-4" }, h("slot", { key: '1a583d890039b1c3a4493a0687ac5a9caa21d2b3', name: "insurance" })), h("div", { key: '0d7427acc37518888fceef97431f594fb4ea2359', class: "col-12 mt-4" }, h("justifi-header", { key: '5543bc55d4be2de9064b4c4924ecd7d2f32da7d9', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '80a17876009d3c6e39017432053e3ab18b6d406e', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'eac0e3466d8cf74df53acd1252d11d0461d0a263', class: "d-flex flex-column" }, h("section", { key: '1e27c56d333a44760d552549a716b39b1bcc538f' }, h("div", { key: '65680e1ed1a3eccc84ec67797f468edafcb65a80' }, h("justifi-saved-payment-methods", { key: '800e1e6312f8a38856341b5bc78c93a9fc18434e' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '0e5d9164a0066b88e7b9467bbb25167262614087', class: "mb-3" }, h("justifi-apple-pay", { key: '81717e6193aa402eef18cf006b74798d02811a8d' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '6405f56f8ee450d410801056c362580a6457325f', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'd2b920050db52162f5f1fee2ee46884f50f511e8', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'c160cd5403029ce3e1cac142cf1e782c104e97f2', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '6e03db84ccbfab811c72e4df5ffaf23c8822539b', class: "mt-4" }, h("justifi-button", { key: '93bb084fdcce73aebed63ad887ced32c4d47ef7f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '1d492a8d01aa93cde8466285086c71b20fc94b6f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '09f029624390d249fd4ab9aceb1f3c42bb524633', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '2e436a6abf5e94331f7642a688140c557aafc75a', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '2333962df211ea5d630fca7226c4cce890cfff7c' }, h("justifi-checkout-summary", { key: 'ac4ed83e68b9fe2483afc0efab05d946f7cbe2ab' }))), h("div", { key: 'e9f7b0377382ac22ef9bab03e3874dfb511a07de', class: "col-12 mt-4" }, h("slot", { key: '0fa44870ccca76cb7ba0241805b3febf709db5ca', name: "insurance" })), h("div", { key: '581704521e51194e4ea4bf6f7335045d5a2d85f1', class: "col-12 mt-4" }, h("justifi-header", { key: 'f710a6439ef64fffb6ee0d5d0da1631ebddc3dc2', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '31faf279ff8d2b8d4339dd48eea36fb305254bea', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'e1b9c40c75d479b628b764b68864d359aeeb64e7', class: "d-flex flex-column" }, h("section", { key: 'eaf49dafa87682e4767871327b03f117f79ac377' }, h("div", { key: 'f34d5c140e7af098cbc60fe0c14a66a983c0b34d' }, h("justifi-saved-payment-methods", { key: 'fb5722d0e222a6fa2bfd4680de5a71b8c0c3a514' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '30681e86e7565185aebc3518b18dd57cbd2ce87f', class: "mb-3" }, h("justifi-apple-pay", { key: '740e20cf993892ee74e4a5c96a1b7e3105248c13' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '8c4a8703be889d29ed0ab53d00f2a5a3735ae534', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '69fda81a664eb2b8908e277591a4a68881e97667', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: 'da43ac60c5485d0332bb4f35b58e23267220ea25', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '7fa25f365bcb34033259f7f00535c9e3fce357ab', class: "mt-4" }, h("justifi-button", { key: 'a22ef2c35ab02af5fff1caa0faeda89f4b2575c2', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/esm/justifi-checkouts-list-filters.entry.js

@@ -7,7 +7,7 @@ import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state-gllzDQAb.js';
-import { e as checkoutsListFilterMenu, s as statusCheckoutsListFilterParam, p as paymentModeCheckoutsListFilterParam } from './parts-Dj_zevuD.js';
+import { e as checkoutsListFilterMenu, s as statusCheckoutsListFilterParam, p as paymentModeCheckoutsListFilterParam } from './parts-wtuY7MT2.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
 import './index-B-fWxE5e.js';

package/dist/esm/justifi-checkouts-list.entry.js

@@ -7,18 +7,18 @@ import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DrqnlTa_.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZb5Z6DW.js';
 import { C as CheckoutService } from './checkout.service-BpaVN1_f.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-Cjz3-2D3.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
-import { d as defaultColumnsKeys } from './checkouts-table-Dn1sFyZs.js';
+import { d as defaultColumnsKeys } from './checkouts-table-lgbZpF1o.js';
 import './index-B-fWxE5e.js';
 import './utils-CIaHqjQt.js';
-import './package-BjCdImSF.js';
+import './package-C19Xk7z3.js';
 import './Api-DX-IWyBw.js';
-import './badge-BkjjtNUQ.js';
-import './parts-Dj_zevuD.js';
+import './badge-Bgosx-DC.js';
+import './parts-wtuY7MT2.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;

package/dist/esm/justifi-details.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-DwYM91AU.js';
-import { E as ErrorState } from './utils-DUz-H1tG.js';
-import './parts-Dj_zevuD.js';
+import { E as ErrorState } from './utils-BX7Rjm1M.js';
+import './parts-wtuY7MT2.js';
 
 const Details = class {
     constructor(hostRef) {

package/dist/esm/justifi-dispute-management.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DrqnlTa_.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZb5Z6DW.js';
 import { D as Dispute } from './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { D as DisputeService } from './dispute.service-Dq1SPI2m.js';
-import './package-BjCdImSF.js';
+import './package-C19Xk7z3.js';
 import './Api-DX-IWyBw.js';
 import './config-state-C2NXATwF.js';
 import './index-B-fWxE5e.js';