@justifi/webcomponents 5.7.3-rc-01 → 5.7.3-rc-02

package/dist/esm/{insurance-state-BcwZy_5w.js → insurance-state-DMexHdvO.js}

@@ -1,5 +1,5 @@
 import { h } from './index-Bta_r52Z.js';
-import { x as heading2 } from './parts-_6eQgwfE.js';
+import { C as heading2 } from './parts-C71Mxtso.js';
 import { c as createStore } from './index-Cf8VXyXg.js';
 
 const Header2 = (props) => {

package/dist/esm/justifi-additional-questions-form-step-core_6.entry.js

@@ -1,26 +1,25 @@
 import { h, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
-import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './business-additional-questions-schema-0lssJqN7.js';
-import { F as FormController, c as create$3 } from './form-BjGUIqxU.js';
+import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './business-additional-questions-schema-uQlQ8fXQ.js';
+import { F as FormController, c as create$3, b as create$8 } from './index.esm-BCNUj0Dx.js';
 import { A as AdditionalQuestions, C as CoreBusinessInfo, R as Representative, c as Address } from './Business-BCoP0TAV.js';
 import { C as CURRENCY_MASK, P as PHONE_MASKS } from './form-input-masks-B-iV5cYd.js';
-import { x as heading2 } from './parts-_6eQgwfE.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
+import { C as heading2 } from './parts-C71Mxtso.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
 import './event-types-CZfYo5-1.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-CgssATyg.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
-import { z as bankStatementValidation, A as voidedCheckValidation, B as routingNumberValidation, C as accountNumberValidation, D as accountTypeValidation, i as identityNameValidation, E as nicknameValidation, F as bankNameValidation } from './schema-validations-DYV7urvw.js';
+import { E as EntityDocumentType, h as EntityDocumentStorage, i as EntityDocument } from './Refund-BKe90wSq.js';
+import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, y as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations-DLWfpHyI.js';
 import './config-state-BjXhUj2q.js';
 import './utils-BjLkBMLe.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import { a as EntityDocumentStorage, b as EntityDocument } from './Document-Ct-uNz2r.js';
 import './Dispute-7MWRbTXI.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { B as Button } from './button-BVAxQPpP.js';
-import { i as identitySchema, a as addressSchema } from './business-identity-schema-Bel1K5mu.js';
+import { B as Button } from './button-BcLzheaP.js';
+import { i as identitySchema, a as addressSchema } from './business-identity-schema-BsrgqgDl.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
@@ -176,17 +175,44 @@ const AdditionalQuestionsFormStepCore = class {
     }; }
 };
 
+const checkExistingDocs = (documents, documentType) => {
+    return documents.some((doc) => doc.document_type === documentType);
+};
+const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
 const businessBankAccountSchema = (documents, allowOptionalFields) => {
-    const schema = create$3({
+    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
+    const existingDocument = existingVoidedCheck || existingBankStatement;
+    const schema = create$3().shape({
         bank_name: bankNameValidation.required('Enter bank name'),
         nickname: nicknameValidation.required('Enter nickname'),
         account_owner_name: identityNameValidation.required('Enter account owner name'),
         account_type: accountTypeValidation.required('Select account type'),
         account_number: accountNumberValidation.required('Enter account number'),
         routing_number: routingNumberValidation.required('Enter routing number'),
-        voided_check: voidedCheckValidation(documents, allowOptionalFields),
-        bank_statement: bankStatementValidation(documents, allowOptionalFields)
-    });
+        voided_check: create$8().when('bank_statement', {
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
+        }),
+        bank_statement: create$8().when('voided_check', {
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
+        }),
+    }, [['voided_check', 'bank_statement']]);
     const easySchema = create$3({
         bank_name: bankNameValidation.nullable(),
         nickname: nicknameValidation.nullable(),
@@ -194,8 +220,8 @@ const businessBankAccountSchema = (documents, allowOptionalFields) => {
         account_type: accountTypeValidation.nullable(),
         account_number: accountNumberValidation.nullable(),
         routing_number: routingNumberValidation.nullable(),
-        voided_check: voidedCheckValidation(documents, allowOptionalFields),
-        bank_statement: bankStatementValidation(documents, allowOptionalFields)
+        voided_check: create$8().nullable(),
+        bank_statement: create$8().nullable(),
     });
     return allowOptionalFields ? easySchema : schema;
 };
@@ -418,7 +444,7 @@ const BusinessBankAccountFormStepCore = class {
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "These documents are required for underwriting purposes. Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "isLoading": ["watchHandler"]

package/dist/esm/justifi-additional-questions-form-step_9.entry.js

@@ -1,21 +1,20 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bta_r52Z.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
 import { m as makeGetBusiness, b as makePatchBusiness, f as makePostBankAccount, g as makePostDocumentRecord } from './payment-provisioning-actions-2qP7AtHj.js';
-import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-BM8hLxHS.js';
+import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service-wY8gOZQr.js';
 import './config-state-BjXhUj2q.js';
 import './utils-BjLkBMLe.js';
-import './Checkout-CV6qgU0r.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { c as create$3, d as create$7, F as FormController } from './form-BjGUIqxU.js';
+import { c as create$3, d as create$7, F as FormController } from './index.esm-BCNUj0Dx.js';
 import { A as Api } from './Api-CqimcNgb.js';
-import { x as heading2 } from './parts-_6eQgwfE.js';
+import { C as heading2 } from './parts-C71Mxtso.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
-import { B as Button } from './button-BVAxQPpP.js';
+import { B as Button } from './button-BcLzheaP.js';
 import './event-types-CZfYo5-1.js';
 import './utils-BZvep88z.js';
 import './index-Cf8VXyXg.js';

package/dist/esm/justifi-additional-statement_8.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-Bta_r52Z.js';
-import { c as create$3, a as create$6, F as FormController } from './form-BjGUIqxU.js';
-import { am as heading5 } from './parts-_6eQgwfE.js';
+import { c as create$3, a as create$6, F as FormController } from './index.esm-BCNUj0Dx.js';
+import { am as heading5 } from './parts-C71Mxtso.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const AdditionalStatementSchema = create$3({

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

@@ -0,0 +1,229 @@
+import { h, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
+import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import './event-types-CZfYo5-1.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import { c as create$3, F as FormController } from './index.esm-BCNUj0Dx.js';
+import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DLWfpHyI.js';
+import { ai as billingForm } from './parts-C71Mxtso.js';
+import { H as Header3 } from './header-3-BMoxz2Hr.js';
+import './package-CJdXAC5R.js';
+import './Api-CqimcNgb.js';
+import './config-state-BjXhUj2q.js';
+import './index-Cf8VXyXg.js';
+import './utils-BjLkBMLe.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './ComponentError-BhrFjjAs.js';
+import './Checkout-CH19cJxH.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BEvE6jAC.js';
+import './Dispute-7MWRbTXI.js';
+import './Refund-BKe90wSq.js';
+import './Business-BCoP0TAV.js';
+import './helpers-Mu7LQT-w.js';
+import './state-options-BX8GieXu.js';
+import './business-form-options-CgssATyg.js';
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "row mb-3" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "120px" }),
+                h(Skeleton, { height: "36px" }))),
+        h("div", { class: "row" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "110px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.iframeOrigin = "https://components.justifi.ai";
+        this.isReady = false;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
+        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
+        return accountNumberIsValid && routingNumberIsValid;
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
+        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (h(StyledHost, { key: 'e0a71dff66a2786c0f182595758c2fc7a36c940e' }, h(BankAccountFormSkeleton, { key: 'b8e530e282ff062f53e196782c49855aed5084d3', isReady: this.isReady }), h("hidden-input", { key: '9b877adccc33cfa1151c6fcc0a847fddd7459875' }), h("div", { key: '6fc462b4aea6d7a3d469eda6c077c09202ac5066', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: 'bad1c793767232d22139f06e91c63fecb75d5e6b', class: "row mb-3" }, h("iframe-input", { key: '2e015f0d5e526f309d63b122f0ea900224b0eb91', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '7f2c7e8ca7675c3f936702f605a26f4698addf65', class: "row" }, h("iframe-input", { key: '21eb81b7e69f3e1b376b38e7d533992d977cc2c7', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = 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 postalForm = 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')
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};
+
+const BillingForm = 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() {
+        const postalOnly = this.isPostalOnlyMode;
+        this.formController = new FormController(billingFormSchema(postalOnly));
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    get isPostalOnlyMode() {
+        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+    }
+    get hideAllBillingFields() {
+        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+    }
+    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 showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
+        return (h("div", { key: 'e1834cb4638e0b5ea99c55e7a2f73542d2e5ea8d', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: '9936d16177d2c83219872c44b9ca91c264ae7052', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), this.legend && h("legend", { key: 'c467223d7571122ea5c17885eed658c6cd6faf36' }, this.legend), this.isPostalOnlyMode ? (h("justifi-postal-code-form", null)) : (h("justifi-billing-information-form", null))));
+    }
+};
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "mb-3" },
+            h(Skeleton, { height: "18px", width: "100px" }),
+            h(Skeleton, { height: "36px" })),
+        h("div", { class: "row" },
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "80px" }),
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "36px" })),
+            h("div", { class: "col-4 align-content-end" },
+                h(Skeleton, { height: "18px", width: "30px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const JustifiCardForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.iframeOrigin = "https://components.justifi.ai";
+        this.isReady = false;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
+        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
+        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
+        const cvvIsValid = await this.cvvIframeElement.validate();
+        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account, }) {
+        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (h(StyledHost, { key: '44aa8e7da60f3dc8408e53f1ca4bf1ec98e838be' }, h(CardFormSkeleton, { key: 'eaea67379e10386d215284de04cd140ac0af0274', isReady: this.isReady }), h("hidden-input", { key: '6bdd3a8aef52e4d2bb7e5a7855578af5e491d04f' }), h("div", { key: '8e271c01ecd6c178f44f9cd9d331d6fc6240bce4', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: '568ac8e93eac648b43d047b2ba149230f7bd2e2f', class: "mb-3" }, h("iframe-input", { key: '5dde288003664ba6fb768a9e5837e4069e749ae5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '57d7153ff9f21fbbfe2fbf41d664fbbc05fd72db', class: "row" }, h("div", { key: 'a6f2dcd5a98428f2af8773c7ebf76ea3c232a2a9', class: "col-4 align-content-end" }, h("iframe-input", { key: 'ac7ef13f9c9e788a065f6fe3485f8aeb20a3f6e8', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '36c7531f0f7f4a5c98eb36f1c3c395d392567041', class: "col-4 align-content-end" }, h("iframe-input", { key: '2c04a8aa66b73e1e485dd124b27ebf8d9da043d8', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'e413f4a9232c6c8f21fd9738d6b641d2ff9c547f', class: "col-4 align-content-end" }, h("iframe-input", { key: 'bf1204c99ec33e349fe07a741a4ba80d20def1f8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+const SaveNewPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.checkboxChanged = createEvent(this, "checkboxChanged");
+        this.isChecked = false;
+    }
+    handleCheckboxChange(_name, value) {
+        this.isChecked = value;
+        this.checkboxChanged.emit(this.isChecked);
+    }
+    render() {
+        return (h("div", { key: 'b196a8d34fb4afe1293f4ff9f6eea8bb3ed4c1a6', class: "mt-4 form-check" }, h("form-control-checkbox", { key: '1f35cb80578373e1f77f2a95f08310f0830e1c90', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
+    }
+};
+
+export { BankAccountForm as justifi_bank_account_form, BillingForm as justifi_billing_form, JustifiCardForm as justifi_card_form, SaveNewPaymentMethod as justifi_save_new_payment_method };

package/dist/esm/justifi-billing-information-form_2.entry.js

@@ -0,0 +1,100 @@
+import { r as registerInstance, h } from './index-Bta_r52Z.js';
+import { c as create$3, F as FormController } from './index.esm-BCNUj0Dx.js';
+import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DLWfpHyI.js';
+import { ai as billingForm } from './parts-C71Mxtso.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
+import { S as StateOptions } from './state-options-BX8GieXu.js';
+import { S as StyledHost } from './styled-host-BSX_LSdk.js';
+import './event-types-CZfYo5-1.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './business-form-options-CgssATyg.js';
+import './Business-BCoP0TAV.js';
+import './helpers-Mu7LQT-w.js';
+
+const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = 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 postalForm = 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'),
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};
+
+const BillingInformationForm = 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(billingFormSchema());
+    }
+    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() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: '69c50df0f08e367aeb924bdde683793a542179d5' }, h("div", { key: 'de669a4fc15f3041672d9a093ce6cc80cef65d9e', part: billingForm }, h("form", { key: 'fb079f46703caaed345a9d7cadd380eba599a972' }, h("fieldset", { key: '8ebed9ab4c21b4c4bd490df6654287ac5dd301c8' }, h("div", { key: 'a5a9d27770724af4ea4e2ffed03b26a1d12773f9', class: "row gy-3" }, h("div", { key: 'e5ed5cca7c1bee4033df78c86c8e992b6851ed10', class: "col-12" }, h("form-control-text", { key: '427c31a6f1344a2786dbde7288a0f958957fdd22', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '6e222b1644b34f20f11f516d6de5e8e85f8277ac', class: "col-12" }, h("form-control-text", { key: '011574712b4ae735bfee96c7d6739e23ddd7318c', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'ecddd8f79102ef471053b5920072350e39ac313d', class: "col-12" }, h("form-control-text", { key: '95a37ac3c37c4c717bbefe9fa1b172e84027422e', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '3b14bb063904e57a5e2b1112b6f719875bbf33b7', class: "col-12" }, h("form-control-text", { key: 'cfaf3a8bd3c7ce50f47d721170829e2bfb92fff6', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5613add4617df1e292ed0b0ea3a8cefc619c71e2', class: "col-12" }, h("form-control-select", { key: '698b66f67beb9bb5d3501e23f49655e2b3a0a4f1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5dd514ba36bb2e1f398c88053dbb35356f3ef811', class: "col-12" }, h("form-control-text", { key: '8825a1a2c2235ee83461a626b0ccdfeb9adbb74a', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+};
+
+const PostalCodeForm = 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(billingFormSchema(true));
+    }
+    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() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: 'e5cdb9b21be1e5f4ee6fd21a2d919b2d9271b163' }, h("form", { key: '29c0a3edaad9877d50ecc9e4424ca2f5e667dc30' }, h("form-control-text", { key: '00e8688c8a8e9b91df5089e2fb97c8b71673a3fd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
+    }
+};
+
+export { BillingInformationForm as justifi_billing_information_form, PostalCodeForm as justifi_postal_code_form };

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

@@ -1,26 +1,25 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
-import { E as ErrorState } from './utils-1WrbuHVR.js';
-import { B as BusinessService } from './business.service-BM8hLxHS.js';
+import { E as ErrorState } from './utils-B-aPFy3u.js';
+import { B as BusinessService } from './business.service-wY8gOZQr.js';
 import { m as makeGetBusiness } from './get-business-BSRtbTh7.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-DR277kvb.js';
-import './parts-_6eQgwfE.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import './parts-C71Mxtso.js';
 import './Api-CqimcNgb.js';
 import './config-state-BjXhUj2q.js';
 import './index-Cf8VXyXg.js';
 import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-CV6qgU0r.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
 import './Dispute-7MWRbTXI.js';
-import './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
+import './Refund-BKe90wSq.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './utils-BZvep88z.js';
-import './package-CyXXks-Q.js';
+import './package-CJdXAC5R.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,35 +1,34 @@
 import { h, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
-import { c as create$3, F as FormController } from './form-BjGUIqxU.js';
-import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-0lssJqN7.js';
-import { i as identitySchema, a as addressSchema } from './business-identity-schema-Bel1K5mu.js';
+import { c as create$3, F as FormController } from './index.esm-BCNUj0Dx.js';
+import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-uQlQ8fXQ.js';
+import { i as identitySchema, a as addressSchema } from './business-identity-schema-BsrgqgDl.js';
 import './config-state-BjXhUj2q.js';
 import './utils-BjLkBMLe.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
+import './Checkout-CH19cJxH.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
+import './Refund-BKe90wSq.js';
 import { B as Business, b as BusinessFormServerErrors } from './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics-DR277kvb.js';
-import { B as Button } from './button-BVAxQPpP.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BmebRZ4u.js';
+import { B as Button } from './button-BcLzheaP.js';
 import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import { H as Header1 } from './header-1-5FIT-wD7.js';
+import { H as Header1 } from './header-1-CmImLcLi.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisioning-actions-2qP7AtHj.js';
-import { B as BusinessService } from './business.service-BM8hLxHS.js';
+import { B as BusinessService } from './business.service-wY8gOZQr.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-DYV7urvw.js';
+import './schema-validations-DLWfpHyI.js';
 import './state-options-BX8GieXu.js';
 import './business-form-options-CgssATyg.js';
 import './index-Cf8VXyXg.js';
 import './helpers-Mu7LQT-w.js';
-import './package-CyXXks-Q.js';
+import './package-CJdXAC5R.js';
 import './Api-CqimcNgb.js';
-import './parts-_6eQgwfE.js';
+import './parts-C71Mxtso.js';
 import './utils-BZvep88z.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-Bta_r52Z.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CX6mSvOM.js';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-B-iV5cYd.js';
-import { x as heading2 } from './parts-_6eQgwfE.js';
+import { C as heading2 } from './parts-C71Mxtso.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bta_r52Z.js';
 import { f as formatCurrency } from './utils-BjLkBMLe.js';
-import { C as Checkout } from './Checkout-CV6qgU0r.js';
+import { C as Checkout$1 } from './Checkout-CH19cJxH.js';
 import { C as ComponentErrorSeverity } from './ComponentError-BhrFjjAs.js';
-import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state-BcwZy_5w.js';
-import { B as Button } from './button-BVAxQPpP.js';
+import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state-DMexHdvO.js';
+import { B as Button } from './button-BcLzheaP.js';
 import { S as StyledHost } from './styled-host-BSX_LSdk.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
-import { t as text, V as checkoutSummary } from './parts-_6eQgwfE.js';
-import { H as Header3 } from './header-3-Ce9WLWBm.js';
+import { S as Skeleton } from './skeleton-BVM4XTj9.js';
+import { t as text, d as checkoutSummary } from './parts-C71Mxtso.js';
+import { H as Header3 } from './header-3-BMoxz2Hr.js';
 import './event-types-CZfYo5-1.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './index-Cf8VXyXg.js';
@@ -73,7 +73,7 @@ const CheckoutCore = class {
         this.renderState = 'loading';
         this.getCheckout({
             onSuccess: ({ checkout }) => {
-                this.checkout = new Checkout(checkout);
+                this.checkout = new Checkout$1(checkout);
                 const { status } = this.checkout;
                 this.loaded.emit({ checkout_status: status });
                 this.renderState = 'success';