@justifi/webcomponents 5.7.6-rc-04 → 5.7.6-rc-05

package/dist/esm/{justifi-bank-account-form_7.entry.js → justifi-bank-account-form_5.entry.js}

@@ -1,36 +1,29 @@
-import { h, r as registerInstance, c as createEvent } from './index-N3w5zrz2.js';
-import { S as StyledHost } from './styled-host-DtvbNFVU.js';
+import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
+import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-D1Z4a8af.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CwPXpnQZ.js';
-import { w as waitForConfig, c as configState } from './config-state-B3mtRA6f.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 heading3, af as billingForm } from './parts-CKg_luIy.js';
+import { S as Skeleton } from './skeleton-CZfDofm6.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-B7MJjFP4.js';
+import { w as waitForConfig, c as configState } from './config-state-BrllxiM0.js';
+import { c as create$3, F as FormController } from './index.esm-cYgKOXtz.js';
+import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DcR1ujuX.js';
+import { ag as billingForm } from './parts-D3G5aVLy.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
-import { o as onChange, c as checkoutStore } from './checkout.store-td03RV8y.js';
-import { B as Button } from './button-BB-N4vit.js';
-import { H as Header1 } from './header-1-DYuf6mkF.js';
-import { H as Header2 } from './header-2-C4ZCdZwi.js';
-import './package-HlNEzyiZ.js';
-import './Api-BCeKXDaf.js';
-import './utils-Cu5hITuT.js';
-import './dinero-DizZAUMY.js';
-import './_commonjsHelpers-BFTU3MAI.js';
+import { o as onChange } from './checkout.store-QrBBYQfi.js';
+import './package-BLtzn9pE.js';
+import './Api-DQM93PRm.js';
+import './utils-B7jE0g5_.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-DBHZkemk.js';
-import './Dispute-BH0Xfn-F.js';
+import './Refund-4B3c-kLz.js';
 import './Pagination-CLHwhyvu.js';
+import './Payment-Bs0-9Lnt.js';
+import './Dispute-7MWRbTXI.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
-import './index-BAq5IUBW.js';
+import './index-B9me4yN2.js';
+import './_commonjsHelpers-BFTU3MAI.js';
 import './business-form-options-CgssATyg.js';
 
-const Header3 = (props) => {
-    return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);
-};
-
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;
     if (isReady) {
@@ -84,10 +77,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'c514fdaa726fbccd7caeb7629ffdb997b53a05d1' }, h(BankAccountFormSkeleton, { key: 'cc0871ce3e983c025def27526d811ac7547a5a15', isReady: this.isReady }), h("hidden-input", { key: '43fe0f3ee8987a7a71bdbda7d589916148ec8cb2' }), h("div", { key: '37d5fb42ee27aa02e34d0be96c4db913b51748bd', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '1cf811a60b481271f29c151aff5ab8c132d65d4b' }, h(BankAccountFormSkeleton, { key: '3b81c1b9456f2be69fb89f0abac6c0bb95d5f2d3', isReady: this.isReady }), h("hidden-input", { key: 'd1d02debee100c4a851f7eb5aa9196587e58e54d' }), h("div", { key: '49ced4f6c7c3b9b42fc2b08fd14161ed9a21fdfa', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '182f7124dbff91540e9507c184ddbe38e8878d08', class: "row mb-3" }, h("iframe-input", { key: '05f96ae6bb3b0da0e14144a2650100a87c203bea', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: 'abbd604d511e84b6ee814d124878ad9d118c312a', class: "row" }, h("iframe-input", { key: '615000330fc0735a514c37a60c814e3cb301dcd2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '5d44c0b231532e4b98ff6a777db820c41ce5ce0b', class: "row mb-3" }, h("iframe-input", { key: '1628067e98f44f9e7e0f404b1df9e61d756e9d50', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '513aa503c8df3f79d340bf9f4bec9cdee2679a69', class: "row" }, h("iframe-input", { key: 'fdbaf1f56b3d0fbc5d1395293240f3b27c134bdd', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -137,32 +130,16 @@ const BillingInformationForm = class {
             this.errors = Object.assign({}, errors);
         });
     }
-    async fill(values) {
-        this.formController.setInitialValues(values);
-        return this.formController.values.getValue();
-    }
     async getValues() {
         return this.formController.values.getValue();
     }
     async validate() {
-        const isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '8ccc19bff46cfdd69aa8c24d802f280f903b2c83' }, h("div", { key: 'e4086d169ed498257a7bee09d4e6d0370361cb47', part: billingForm }, h("form", { key: '5cfd86c8e707600323421593aca5d818b94d85bf' }, h("fieldset", { key: '2f0409d62e676510c1f9a12333249f5a90d4a137' }, h("div", { key: '244aefaac547fa583ea95cff06f9cb260d0e23f2', class: "row gy-3" }, h("div", { key: 'cec59600605cb3c071cd6160be1b3252e413cca3', class: "col-12" }, h("form-control-text", { key: 'd9046a9e2125027bd297847c3239acd41ddfb77c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'e3bde7950e9cc21441f603e9f83074eaee53e2bb', class: "col-12" }, h("form-control-text", { key: '1c60f429fe9bad373c9c224b1b5ae8e036a523e3', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '67b46c93ce0abf603b673d72ff056736be547c1e', class: "col-12" }, h("form-control-text", { key: 'f19f4650221d263e9b62526c6eba155e559bfce6', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '09d6bd3ce92fcf23c40225c17a144bb39dae3458', class: "col-12" }, h("form-control-text", { key: 'dd7d03f10badb50fdfb830de01208281e4027753', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '432885802707e91a326571201edb36153b2007f9', class: "col-12" }, h("form-control-select", { key: '3d67e842a0080180210fa0530f6ca2e980696db5', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '81d43b163f29bca08193affcfccd02224ed96cf3', class: "col-12" }, h("form-control-text", { key: 'bf5f32c222e044a09b275232fc42e6b474f1b7f3', 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 JustifiButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.variant = 'primary';
-        this.type = 'button';
-    }
-    render() {
-        return (h(StyledHost, { key: 'aad33c81cefca389b2806d7597fb3ea9dfe262b0' }, h(Button, { key: '3fb90e6122d7fe05385f8d84c6c21ca9f87d9666', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: 'abaa29c5d463c95801ebeadb254a2b87fe116dd0' }, h("div", { key: 'f3327594ec80d1365e23cebc523d18581093ed70', part: billingForm }, h("form", { key: '2aa614c338af201f648cb03f7865238bb82aa2e4' }, h("fieldset", { key: 'a00e9457818d996eee924e996464146a741a5468' }, h("div", { key: 'a7d18b979c2505ea8e0ba8b8427f0191060da3c0', class: "row gy-3" }, h("div", { key: 'a3ee71f96aafa50cf65e54a1e259d59b44de7494', class: "col-12" }, h("form-control-text", { key: 'd9bd8c2db3ed0b7d6062a8ca454f1c33caf84471', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '539f0e9ec635487c6118ec40b1bcf683efa5b64d', class: "col-12" }, h("form-control-text", { key: '10ae18b859dffb202ba014fb303917c58b95953b', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'bc6aba1d85cef27587e07bcf15073c766936ca8f', class: "col-12" }, h("form-control-text", { key: '073673edb594797a2158a1d5b04022b407b9ed0c', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '50062f42ee4da8238ffcc42b2f6850bbad309ffd', class: "col-12" }, h("form-control-text", { key: '4bf1c47edb3faca18aec278bef52d078d59f60ed', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd2b8c326762474d38b5271f89d682be763fb0f44', class: "col-12" }, h("form-control-select", { key: '506286fed3c031d72cae737c4631ec4f91428ceb', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'f70fd74b32594b43a524cb305c79854bcb5ea2ba', class: "col-12" }, h("form-control-text", { key: '8f24531c98865727c2b585feef088f9f2c9c7e96', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
 };
 
@@ -227,26 +204,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'e766d6934331eb81a88f7170b0af6ac30dcad5cf' }, h(CardFormSkeleton, { key: '085c4a7c55eb510fab67f5b2b40a74ed9dad8641', isReady: this.isReady }), h("hidden-input", { key: '2da8909ba30187b2af76c359df09454aee20c122' }), h("div", { key: '278ce2f40e26444bd6ba3d6c86ab2c9fc24f192f', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '7cb0c0a08ef0572fa1604e17edbf19478ea3f36b' }, h(CardFormSkeleton, { key: '5314b766fd972e03dbb7632776c97617132a861d', isReady: this.isReady }), h("hidden-input", { key: '479b8a68d10eb9e7e0358e165345020290ed6690' }), h("div", { key: 'a71bc32cfbef8b37d47c56662094dc6e292ff1f3', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '37cc4de3dee474960e1313ec373c5f1f8ac73832', class: "mb-3" }, h("iframe-input", { key: 'f4a0ec580257cec559d9b50f51a7b49f68724bba', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'e65d56b26704e676e0851fee603d94faf3927e63', class: "row" }, h("div", { key: 'dc3e8a71551bc9296a45f2f2f34e950aa2441b58', class: "col-4 align-content-end" }, h("iframe-input", { key: 'bf01e116b03c48a2562581b59c9fc51a2ceb76ca', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '894ff6ad9cabe84f040130029547c1f21280e648', class: "col-4 align-content-end" }, h("iframe-input", { key: '2491f2262264ca7d00763c24918cf36b1be3918c', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'eb28615b2b4c4f3c96eecaa669c145d7c75540e2', class: "col-4 align-content-end" }, h("iframe-input", { key: '3a41f7d72962ded54572046ff663b63dd00c3a7c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
-    }
-};
-
-const Header = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.levels = {
-            h1: Header1,
-            h2: Header2,
-            h3: Header3,
-        };
-        this.level = 'h1';
-    }
-    render() {
-        const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'ebc12609efe0a7c65bdbf8740abba439f09a92a4' }, h(HeaderComponent, { key: '4f88280af54c1980aa90ad149fad220e860b3c6d', text: this.text, class: this.class })));
+            } }, h("div", { key: '64c8b172e9786cf1cdefaea11bcb27d665015ecf', class: "mb-3" }, h("iframe-input", { key: 'c31ef9a392acbe9b2aabcacb0a37d4999853bbfc', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '7c60c66b4212423fa08a902c6550c2ca757198b8', class: "row" }, h("div", { key: '712d7b397299596d4b9dfd91ebdce84e028ec925', class: "col-4 align-content-end" }, h("iframe-input", { key: '2caf6a11018a30dbac0b973387e23fd0d00f96bd', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '41122ae04a8b6c568157213874df4a7d483cba41', class: "col-4 align-content-end" }, h("iframe-input", { key: 'abd6e99b75446663e428094dd3588e02f849fb85', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'c974afa273e7f150cb365704401e49408074faac', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c3998a85c9043a08d60b667c86e20bee5e5f007c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -284,12 +245,11 @@ const PostalCodeForm = class {
     }
     async validate() {
         let isValid = await this.formController.validate();
-        const errors = this.formController.errors.getValue();
-        return { isValid, errors };
+        return { isValid: isValid };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'dd5eac14587300198c7032b5ea66cddd0c732708' }, h("form", { key: 'fb51d6c69c0b4257a7d4c6299bf28ceb30d28f31' }, h("form-control-text", { key: '0ce26b35589622f79f653e538bc683b682af1944', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
+        return (h(StyledHost, { key: 'be5335622cb907795f13522a0b12e70e9854b2b6' }, h("form", { key: '9fd26fb2568030bf000d5501e5063b79a98ab02e' }, h("form-control-text", { key: 'aed14596c15442d99705dd75f5349186b60a8a89', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
     }
 };
 
@@ -298,15 +258,14 @@ const SaveNewPaymentMethod = class {
         registerInstance(this, hostRef);
         this.checkboxChanged = createEvent(this, "checkboxChanged");
         this.isChecked = false;
-        this.handleCheckboxChange = (_name, value) => {
-            this.isChecked = value;
-            checkoutStore.savePaymentMethod = value;
-            this.checkboxChanged.emit(this.isChecked);
-        };
+    }
+    handleCheckboxChange(_name, value) {
+        this.isChecked = value;
+        this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (h(StyledHost, { key: '6842e4b8045d568d8806fa8ade5cc41c9a2d5655' }, h("div", { key: 'f0d69890acbe422ea0dffe9d1313a2d3e4a6054d', class: "mt-4 form-check" }, h("form-control-checkbox", { key: '8509e3b6a5ebcf6b0e461cb9d2ad9115f6908663', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
+        return (h(StyledHost, { key: '114f1887f2aebee2440d5c0b187fe1f361137230' }, h("div", { key: '8a967beb89065a8b3ee501f0589b6617764c641e', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'b22ca881a5fcda9dc044dfd1175e9ae06fd9f504', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) }))));
     }
 };
 
-export { BankAccountForm as justifi_bank_account_form, BillingInformationForm as justifi_billing_information_form, JustifiButton as justifi_button, JustifiCardForm as justifi_card_form, Header as justifi_header, PostalCodeForm as justifi_postal_code_form, SaveNewPaymentMethod as justifi_save_new_payment_method };
+export { BankAccountForm as justifi_bank_account_form, BillingInformationForm as justifi_billing_information_form, JustifiCardForm as justifi_card_form, PostalCodeForm as justifi_postal_code_form, SaveNewPaymentMethod as justifi_save_new_payment_method };

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

@@ -0,0 +1,74 @@
+import { r as registerInstance, h } from './index-kpoIU4v_.js';
+import { c as create$3, F as FormController } from './index.esm-cYgKOXtz.js';
+import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DcR1ujuX.js';
+import { ag as billingForm } from './parts-D3G5aVLy.js';
+import { H as Header3 } from './header-3-D3gxg6YU.js';
+import './event-types-CZfYo5-1.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './state-options-BX8GieXu.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 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: '91beaa8646dd35b12e4ef90ce4cdcb73f1a441b2', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: 'ca3c1fbba66828371c2172e0d6c6607b36836b00', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), this.legend && h("legend", { key: '50f2c5e1f7a7b4f14841a91afb7ad7be79e0f89d' }, this.legend), this.isPostalOnlyMode ? (h("justifi-postal-code-form", null)) : (h("justifi-billing-information-form", null))));
+    }
+};
+
+export { BillingForm as justifi_billing_form };

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

@@ -1,24 +1,23 @@
-import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { E as ErrorState } from './utils-sZ_6zOKQ.js';
-import { B as BusinessService } from './business.service-ArD_uRLb.js';
+import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
+import { E as ErrorState } from './utils-CBJo9jNE.js';
+import { B as BusinessService } from './business.service-BgXdRyYa.js';
 import { m as makeGetBusiness } from './get-business-Crb6P-iI.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CwPXpnQZ.js';
-import './parts-CKg_luIy.js';
-import './Api-BCeKXDaf.js';
-import './config-state-B3mtRA6f.js';
-import './index-BAq5IUBW.js';
-import './utils-Cu5hITuT.js';
-import './dinero-DizZAUMY.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './Refund-DBHZkemk.js';
-import './Dispute-BH0Xfn-F.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-B7MJjFP4.js';
+import './parts-D3G5aVLy.js';
+import './Api-DQM93PRm.js';
+import './config-state-BrllxiM0.js';
+import './index-B9me4yN2.js';
+import './utils-B7jE0g5_.js';
+import './Refund-4B3c-kLz.js';
 import './Pagination-CLHwhyvu.js';
+import './Payment-Bs0-9Lnt.js';
+import './Dispute-7MWRbTXI.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './utils-BeQLScSm.js';
-import './package-HlNEzyiZ.js';
+import './package-BLtzn9pE.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,33 +1,33 @@
-import { h, r as registerInstance, c as createEvent } from './index-N3w5zrz2.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-B3mtRA6f.js';
-import './dinero-DizZAUMY.js';
+import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
+import { c as create$3, F as FormController } from './index.esm-cYgKOXtz.js';
+import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-C6NRHWEL.js';
+import { i as identitySchema, a as addressSchema } from './business-identity-schema-D8n5dyLX.js';
+import './config-state-BrllxiM0.js';
+import './utils-B7jE0g5_.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Refund-DBHZkemk.js';
+import './Refund-4B3c-kLz.js';
 import './Pagination-CLHwhyvu.js';
+import './Payment-Bs0-9Lnt.js';
 import { B as Business, b as BusinessFormServerErrors } from './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-CwPXpnQZ.js';
-import { B as Button } from './button-BB-N4vit.js';
-import { S as StyledHost } from './styled-host-DtvbNFVU.js';
-import { H as Header1 } from './header-1-DYuf6mkF.js';
+import './Dispute-7MWRbTXI.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-B7MJjFP4.js';
+import { B as Button } from './button-DxM4-mlD.js';
+import { S as StyledHost } from './styled-host-B_XBaM7z.js';
+import { H as Header1 } from './header-1-B0PFwGib.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-D1Z4a8af.js';
+import { S as Skeleton } from './skeleton-CZfDofm6.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-ArD_uRLb.js';
+import { B as BusinessService } from './business.service-BgXdRyYa.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-DLWfpHyI.js';
+import './schema-validations-DcR1ujuX.js';
 import './state-options-BX8GieXu.js';
 import './business-form-options-CgssATyg.js';
-import './index-BAq5IUBW.js';
-import './utils-Cu5hITuT.js';
+import './index-B9me4yN2.js';
 import './helpers-Mu7LQT-w.js';
-import './package-HlNEzyiZ.js';
-import './Api-BCeKXDaf.js';
-import './parts-CKg_luIy.js';
+import './package-BLtzn9pE.js';
+import './Api-DQM93PRm.js';
+import './parts-D3G5aVLy.js';
 import './utils-BeQLScSm.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-N3w5zrz2.js';
+import { r as registerInstance, h } from './index-kpoIU4v_.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 { G as heading2 } from './parts-CKg_luIy.js';
+import { C as heading2 } from './parts-D3G5aVLy.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 
@@ -17,7 +17,7 @@ const RepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: 'e4b7a532e18a921a5a28aab31f679fbbad164198' }, h("fieldset", { key: 'd7056e5ee25625adb563e2687f581157653c8a9d' }, h("div", { key: '456aab0ef1399a7c1d272059c881c6c6f3d0e87c', class: "d-flex align-items-center gap-2" }, h("legend", { key: '430b3731bbd97ff1589bd81bd6fdaa4082161180', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '47676ededb80e0f766cb786265d8fb307c60d125', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '514197b5bd4868ec29e75dc74367deb187b32063', class: "mt-2" }), h("div", { key: 'f2986d55d0bfbf0e6059f0b2a766d2dc603acdc5', class: "row gy-3" }, h("div", { key: 'e4a3749c5e972f505527b8fc172f9a4214806345', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd54c8d17f0360277fe04dd91a528e303182495c7', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '4fa0b1a192fb39a982c957d202ea2ac1e40dedd8', class: "col-12 col-md-4" }, h("form-control-text", { key: '8c3bca4234ea0e7ae3c79d810ffb469637898eb6', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '7e14a61364883172f2938bd8b1e53883ddd369fe', class: "col-12 col-md-6" }, h("form-control-text", { key: '8d9c81d374998dbaea5322906fddb5eeadea1546', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'c3f369b226a08497926b26d0732b7dc9d6413559', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '734625aeac8384f2b8676c4d350368675cff3a6f', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '23d509b724f2617eb0a4f85c74238b09a052a6cb', class: "col-12 col-md-4" }, h("form-control-date", { key: '0f838cc474beab9822a84856733a86ecf43f0ec3', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'f6d08c53dad2e9a550adf893ac59166015ffb6e4', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'dd610955fb7c62fd0aab9af925af34cdc47ab3e9', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'd4e2a212a87ca9be4be8e21f3e47008b2201871c', class: "col-12" }, h("justifi-identity-address-form", { key: 'bb2d0d01e07be4d37acfd448796c8a33460111ed', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: '02b2888267736b1441b16e569a7d1ff3ab3e7e17' }, h("fieldset", { key: 'd5d4afd7df869b87272407d4e401ad802708c870' }, h("div", { key: '4e2113e9d7d16c6d2b50625dba3dfa82f7b04832', class: "d-flex align-items-center gap-2" }, h("legend", { key: '17ffa94355f1d89223c554f4fb80e38735681725', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '0df0655bc4e409ae53b93e40260486e4ff610410', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'bb67f7aafe877075d18ac9a7e8acaa94267035de', class: "mt-2" }), h("div", { key: 'aa5b5fb1913f64c54384d793beeb6dcd5728d10e', class: "row gy-3" }, h("div", { key: '6fe16958c76e589581bd099192fc6886f3e7eb6c', class: "col-12 col-md-8" }, h("form-control-text", { key: 'e0579c2e09c9be66b431174b6d79122349e4d859', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '98cfa2ab8e5537452ab0dae54ad95f1ac2a541f4', class: "col-12 col-md-4" }, h("form-control-text", { key: '55962d3f118bc0ffbbe1fbf62d8d6e15c0f04dfb', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'c8bb3ea449d7adcd0d897ee64a1383ff7639305d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'df99114c3d94073a3a95b7ea2f326d27db1d4fa9', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '9fe7cce8fbaa975f2cb2f890ec60cc5696356014', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '236d3629a7d97feb7c7556b7e7ba83b0b45ca3db', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'cf99a0654ed61f599d5d854149e68abb9e52798f', class: "col-12 col-md-4" }, h("form-control-date", { key: '8bc17351844b590e16f34daaee6da1e67d433d44', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '563dd2be61ca9238c915298fb5db51dfca6468e3', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'a99b04783e2a7a439091aa79394e614d82293ac8', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '4ae17d91e7428f54e07942a1429e554c6e7a37ac', class: "col-12" }, h("justifi-identity-address-form", { key: '8490e4d041ff22bcb481d553760ed6f34ca908aa', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };