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

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

@@ -1,38 +1,31 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
+var index = require('./index-dm_GlYlb.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-CbZBGO47.js');
-var checkPkgVersion = require('./check-pkg-version-Bp51QhAR.js');
-var configState = require('./config-state-Dz9bnWHg.js');
-var index_esm = require('./index.esm-CVuJLXJZ.js');
-var schemaValidations = require('./schema-validations-BSeMee-o.js');
+var skeleton = require('./skeleton-x-GSs3xk.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+var configState = require('./config-state-5xZf-jax.js');
+var index_esm = require('./index.esm-BleZSAc0.js');
+var schemaValidations = require('./schema-validations-jek_iZ9W.js');
 var parts = require('./parts-9jMf1erK.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
-var checkout_store = require('./checkout.store-B58bewb_.js');
-var button = require('./button-0HYMPryx.js');
-var header1 = require('./header-1-M-mc3bsa.js');
-var header2 = require('./header-2-BXQLJn1q.js');
-require('./package-BMSb1ui9.js');
-require('./Api-eP0XeJLd.js');
-require('./utils-DqlrBltg.js');
-require('./dinero-J-SRFKIR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
+var checkout_store = require('./checkout.store-mEv437nN.js');
+require('./package-pyzAPwrl.js');
+require('./Api-p2pK86Zd.js');
+require('./utils-Dka3MplB.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-08OcZkXX.js');
-require('./Dispute-CruQTF6_.js');
+require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
+require('./Dispute-CruQTF6_.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./index-BCtVWU61.js');
+require('./index-Yd9aLenr.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 
-const Header3 = (props) => {
-    return index.h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading3 }, props.text);
-};
-
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;
     if (isReady) {
@@ -86,10 +79,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c514fdaa726fbccd7caeb7629ffdb997b53a05d1' }, index.h(BankAccountFormSkeleton, { key: 'cc0871ce3e983c025def27526d811ac7547a5a15', isReady: this.isReady }), index.h("hidden-input", { key: '43fe0f3ee8987a7a71bdbda7d589916148ec8cb2' }), index.h("div", { key: '37d5fb42ee27aa02e34d0be96c4db913b51748bd', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '1cf811a60b481271f29c151aff5ab8c132d65d4b' }, index.h(BankAccountFormSkeleton, { key: '3b81c1b9456f2be69fb89f0abac6c0bb95d5f2d3', isReady: this.isReady }), index.h("hidden-input", { key: 'd1d02debee100c4a851f7eb5aa9196587e58e54d' }), index.h("div", { key: '49ced4f6c7c3b9b42fc2b08fd14161ed9a21fdfa', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '182f7124dbff91540e9507c184ddbe38e8878d08', class: "row mb-3" }, index.h("iframe-input", { key: '05f96ae6bb3b0da0e14144a2650100a87c203bea', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: 'abbd604d511e84b6ee814d124878ad9d118c312a', class: "row" }, index.h("iframe-input", { key: '615000330fc0735a514c37a60c814e3cb301dcd2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '5d44c0b231532e4b98ff6a777db820c41ce5ce0b', class: "row mb-3" }, index.h("iframe-input", { key: '1628067e98f44f9e7e0f404b1df9e61d756e9d50', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '513aa503c8df3f79d340bf9f4bec9cdee2679a69', class: "row" }, index.h("iframe-input", { key: 'fdbaf1f56b3d0fbc5d1395293240f3b27c134bdd', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -139,32 +132,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 (index.h(styledHost.StyledHost, { key: '8ccc19bff46cfdd69aa8c24d802f280f903b2c83' }, index.h("div", { key: 'e4086d169ed498257a7bee09d4e6d0370361cb47', part: parts.billingForm }, index.h("form", { key: '5cfd86c8e707600323421593aca5d818b94d85bf' }, index.h("fieldset", { key: '2f0409d62e676510c1f9a12333249f5a90d4a137' }, index.h("div", { key: '244aefaac547fa583ea95cff06f9cb260d0e23f2', class: "row gy-3" }, index.h("div", { key: 'cec59600605cb3c071cd6160be1b3252e413cca3', class: "col-12" }, index.h("form-control-text", { key: 'd9046a9e2125027bd297847c3239acd41ddfb77c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'e3bde7950e9cc21441f603e9f83074eaee53e2bb', class: "col-12" }, index.h("form-control-text", { key: '1c60f429fe9bad373c9c224b1b5ae8e036a523e3', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { key: '67b46c93ce0abf603b673d72ff056736be547c1e', class: "col-12" }, index.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 })), index.h("div", { key: '09d6bd3ce92fcf23c40225c17a144bb39dae3458', class: "col-12" }, index.h("form-control-text", { key: 'dd7d03f10badb50fdfb830de01208281e4027753', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { key: '432885802707e91a326571201edb36153b2007f9', class: "col-12" }, index.h("form-control-select", { key: '3d67e842a0080180210fa0530f6ca2e980696db5', name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { key: '81d43b163f29bca08193affcfccd02224ed96cf3', class: "col-12" }, index.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: utils.numberOnlyHandler }))))))));
-    }
-};
-
-const JustifiButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.variant = 'primary';
-        this.type = 'button';
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: 'aad33c81cefca389b2806d7597fb3ea9dfe262b0' }, index.h(button.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 (index.h(styledHost.StyledHost, { key: 'abaa29c5d463c95801ebeadb254a2b87fe116dd0' }, index.h("div", { key: 'f3327594ec80d1365e23cebc523d18581093ed70', part: parts.billingForm }, index.h("form", { key: '2aa614c338af201f648cb03f7865238bb82aa2e4' }, index.h("fieldset", { key: 'a00e9457818d996eee924e996464146a741a5468' }, index.h("div", { key: 'a7d18b979c2505ea8e0ba8b8427f0191060da3c0', class: "row gy-3" }, index.h("div", { key: 'a3ee71f96aafa50cf65e54a1e259d59b44de7494', class: "col-12" }, index.h("form-control-text", { key: 'd9bd8c2db3ed0b7d6062a8ca454f1c33caf84471', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '539f0e9ec635487c6118ec40b1bcf683efa5b64d', class: "col-12" }, index.h("form-control-text", { key: '10ae18b859dffb202ba014fb303917c58b95953b', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { key: 'bc6aba1d85cef27587e07bcf15073c766936ca8f', class: "col-12" }, index.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 })), index.h("div", { key: '50062f42ee4da8238ffcc42b2f6850bbad309ffd', class: "col-12" }, index.h("form-control-text", { key: '4bf1c47edb3faca18aec278bef52d078d59f60ed', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { key: 'd2b8c326762474d38b5271f89d682be763fb0f44', class: "col-12" }, index.h("form-control-select", { key: '506286fed3c031d72cae737c4631ec4f91428ceb', name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { key: 'f70fd74b32594b43a524cb305c79854bcb5ea2ba', class: "col-12" }, index.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: utils.numberOnlyHandler }))))))));
     }
 };
 
@@ -229,26 +206,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e766d6934331eb81a88f7170b0af6ac30dcad5cf' }, index.h(CardFormSkeleton, { key: '085c4a7c55eb510fab67f5b2b40a74ed9dad8641', isReady: this.isReady }), index.h("hidden-input", { key: '2da8909ba30187b2af76c359df09454aee20c122' }), index.h("div", { key: '278ce2f40e26444bd6ba3d6c86ab2c9fc24f192f', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '7cb0c0a08ef0572fa1604e17edbf19478ea3f36b' }, index.h(CardFormSkeleton, { key: '5314b766fd972e03dbb7632776c97617132a861d', isReady: this.isReady }), index.h("hidden-input", { key: '479b8a68d10eb9e7e0358e165345020290ed6690' }), index.h("div", { key: 'a71bc32cfbef8b37d47c56662094dc6e292ff1f3', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '37cc4de3dee474960e1313ec373c5f1f8ac73832', class: "mb-3" }, index.h("iframe-input", { key: 'f4a0ec580257cec559d9b50f51a7b49f68724bba', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'e65d56b26704e676e0851fee603d94faf3927e63', class: "row" }, index.h("div", { key: 'dc3e8a71551bc9296a45f2f2f34e950aa2441b58', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'bf01e116b03c48a2562581b59c9fc51a2ceb76ca', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '894ff6ad9cabe84f040130029547c1f21280e648', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2491f2262264ca7d00763c24918cf36b1be3918c', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'eb28615b2b4c4f3c96eecaa669c145d7c75540e2', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3a41f7d72962ded54572046ff663b63dd00c3a7c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
-    }
-};
-
-const Header = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.levels = {
-            h1: header1.Header1,
-            h2: header2.Header2,
-            h3: Header3,
-        };
-        this.level = 'h1';
-    }
-    render() {
-        const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: 'ebc12609efe0a7c65bdbf8740abba439f09a92a4' }, index.h(HeaderComponent, { key: '4f88280af54c1980aa90ad149fad220e860b3c6d', text: this.text, class: this.class })));
+            } }, index.h("div", { key: '64c8b172e9786cf1cdefaea11bcb27d665015ecf', class: "mb-3" }, index.h("iframe-input", { key: 'c31ef9a392acbe9b2aabcacb0a37d4999853bbfc', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '7c60c66b4212423fa08a902c6550c2ca757198b8', class: "row" }, index.h("div", { key: '712d7b397299596d4b9dfd91ebdce84e028ec925', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2caf6a11018a30dbac0b973387e23fd0d00f96bd', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '41122ae04a8b6c568157213874df4a7d483cba41', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'abd6e99b75446663e428094dd3588e02f849fb85', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'c974afa273e7f150cb365704401e49408074faac', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c3998a85c9043a08d60b667c86e20bee5e5f007c', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -286,12 +247,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 (index.h(styledHost.StyledHost, { key: 'dd5eac14587300198c7032b5ea66cddd0c732708' }, index.h("form", { key: 'fb51d6c69c0b4257a7d4c6299bf28ceb30d28f31' }, index.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: utils.numberOnlyHandler }))));
+        return (index.h(styledHost.StyledHost, { key: 'be5335622cb907795f13522a0b12e70e9854b2b6' }, index.h("form", { key: '9fd26fb2568030bf000d5501e5063b79a98ab02e' }, index.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: utils.numberOnlyHandler }))));
     }
 };
 
@@ -300,21 +260,18 @@ const SaveNewPaymentMethod = class {
         index.registerInstance(this, hostRef);
         this.checkboxChanged = index.createEvent(this, "checkboxChanged");
         this.isChecked = false;
-        this.handleCheckboxChange = (_name, value) => {
-            this.isChecked = value;
-            checkout_store.checkoutStore.savePaymentMethod = value;
-            this.checkboxChanged.emit(this.isChecked);
-        };
+    }
+    handleCheckboxChange(_name, value) {
+        this.isChecked = value;
+        this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '6842e4b8045d568d8806fa8ade5cc41c9a2d5655' }, index.h("div", { key: 'f0d69890acbe422ea0dffe9d1313a2d3e4a6054d', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: '8509e3b6a5ebcf6b0e461cb9d2ad9115f6908663', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
+        return (index.h(styledHost.StyledHost, { key: '114f1887f2aebee2440d5c0b187fe1f361137230' }, index.h("div", { key: '8a967beb89065a8b3ee501f0589b6617764c641e', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: 'b22ca881a5fcda9dc044dfd1175e9ae06fd9f504', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) }))));
     }
 };
 
 exports.justifi_bank_account_form = BankAccountForm;
 exports.justifi_billing_information_form = BillingInformationForm;
-exports.justifi_button = JustifiButton;
 exports.justifi_card_form = JustifiCardForm;
-exports.justifi_header = Header;
 exports.justifi_postal_code_form = PostalCodeForm;
 exports.justifi_save_new_payment_method = SaveNewPaymentMethod;

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

@@ -0,0 +1,76 @@
+'use strict';
+
+var index = require('./index-dm_GlYlb.js');
+var index_esm = require('./index.esm-BleZSAc0.js');
+var schemaValidations = require('./schema-validations-jek_iZ9W.js');
+var parts = require('./parts-9jMf1erK.js');
+var header3 = require('./header-3-D9Wa0IfT.js');
+require('./event-types-YOY5TKUN.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./state-options-CIT9xdTz.js');
+require('./business-form-options-CMII7nIK.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+
+const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = index_esm.create$3({
+        name: schemaValidations.identityNameValidation.required('Enter full name'),
+        address_line1: schemaValidations.lineOneValidation.required('Enter street address'),
+        address_line2: schemaValidations.lineTwoValidation.nullable(),
+        address_city: schemaValidations.cityValidation.required('Enter city'),
+        address_state: schemaValidations.stateValidation.required('Select state'),
+        address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+    });
+    const postalForm = index_esm.create$3({
+        name: schemaValidations.identityNameValidation.nullable(),
+        address_line1: schemaValidations.lineOneValidation.nullable(),
+        address_line2: schemaValidations.lineTwoValidation.nullable(),
+        address_city: schemaValidations.cityValidation.nullable(),
+        address_state: schemaValidations.stateValidation.nullable(),
+        address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};
+
+const BillingForm = class {
+    constructor(hostRef) {
+        index.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 index_esm.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 (index.h("div", { key: '91beaa8646dd35b12e4ef90ce4cdcb73f1a441b2', part: parts.billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && index.h(header3.Header3, { key: 'ca3c1fbba66828371c2172e0d6c6607b36836b00', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), this.legend && index.h("legend", { key: '50f2c5e1f7a7b4f14841a91afb7ad7be79e0f89d' }, this.legend), this.isPostalOnlyMode ? (index.h("justifi-postal-code-form", null)) : (index.h("justifi-billing-information-form", null))));
+    }
+};
+
+exports.justifi_billing_form = BillingForm;

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

@@ -1,26 +1,25 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var utils = require('./utils-wkdkLmDI.js');
-var business_service = require('./business.service--Zv-Xtu4.js');
+var index = require('./index-dm_GlYlb.js');
+var utils = require('./utils-Df-pajL7.js');
+var business_service = require('./business.service-DwZSyIlI.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-Bp51QhAR.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
 require('./parts-9jMf1erK.js');
-require('./Api-eP0XeJLd.js');
-require('./config-state-Dz9bnWHg.js');
-require('./index-BCtVWU61.js');
-require('./utils-DqlrBltg.js');
-require('./dinero-J-SRFKIR.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
-require('./Refund-08OcZkXX.js');
-require('./Dispute-CruQTF6_.js');
+require('./Api-p2pK86Zd.js');
+require('./config-state-5xZf-jax.js');
+require('./index-Yd9aLenr.js');
+require('./utils-Dka3MplB.js');
+require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
+require('./Dispute-CruQTF6_.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
-require('./package-BMSb1ui9.js');
+require('./package-pyzAPwrl.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -1,34 +1,34 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
-var index_esm = require('./index.esm-CVuJLXJZ.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-e3GCIHk5.js');
-var businessIdentitySchema = require('./business-identity-schema-Diqj_WVQ.js');
-require('./config-state-Dz9bnWHg.js');
-require('./dinero-J-SRFKIR.js');
+var index = require('./index-dm_GlYlb.js');
+var index_esm = require('./index.esm-BleZSAc0.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DNbSH3E-.js');
+var businessIdentitySchema = require('./business-identity-schema-CclzWSOn.js');
+require('./config-state-5xZf-jax.js');
+require('./utils-Dka3MplB.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Refund-08OcZkXX.js');
+require('./Refund-BztCb6AK.js');
 require('./Pagination-Dediz133.js');
+require('./Payment-2Zmn-l6G.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-Bp51QhAR.js');
-var button = require('./button-0HYMPryx.js');
-var styledHost = require('./styled-host-DXNHOiqW.js');
-var header1 = require('./header-1-M-mc3bsa.js');
+var checkPkgVersion = require('./check-pkg-version-lPG_FnM4.js');
+var button = require('./button-CfVQSysQ.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
+var header1 = require('./header-1-DD41iNlG.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-CbZBGO47.js');
+var skeleton = require('./skeleton-x-GSs3xk.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service--Zv-Xtu4.js');
+var business_service = require('./business.service-DwZSyIlI.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./schema-validations-BSeMee-o.js');
+require('./schema-validations-jek_iZ9W.js');
 require('./state-options-CIT9xdTz.js');
 require('./business-form-options-CMII7nIK.js');
-require('./index-BCtVWU61.js');
-require('./utils-DqlrBltg.js');
+require('./index-Yd9aLenr.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-BMSb1ui9.js');
-require('./Api-eP0XeJLd.js');
+require('./package-pyzAPwrl.js');
+require('./Api-p2pK86Zd.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D5bL1DOi.js');
+var index = require('./index-dm_GlYlb.js');
 var inputHandlers = require('./input-handlers-DYl_0IwC.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');
@@ -19,7 +19,7 @@ const RepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h("form", { key: 'e4b7a532e18a921a5a28aab31f679fbbad164198' }, index.h("fieldset", { key: 'd7056e5ee25625adb563e2687f581157653c8a9d' }, index.h("div", { key: '456aab0ef1399a7c1d272059c881c6c6f3d0e87c', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '430b3731bbd97ff1589bd81bd6fdaa4082161180', class: "mb-0", part: parts.heading2 }, "Representative"), index.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." })), index.h("hr", { key: '514197b5bd4868ec29e75dc74367deb187b32063', class: "mt-2" }), index.h("div", { key: 'f2986d55d0bfbf0e6059f0b2a766d2dc603acdc5', class: "row gy-3" }, index.h("div", { key: 'e4a3749c5e972f505527b8fc172f9a4214806345', class: "col-12 col-md-8" }, index.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 })), index.h("div", { key: '4fa0b1a192fb39a982c957d202ea2ac1e40dedd8', class: "col-12 col-md-4" }, index.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." })), index.h("div", { key: '7e14a61364883172f2938bd8b1e53883ddd369fe', class: "col-12 col-md-6" }, index.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 })), index.h("div", { key: 'c3f369b226a08497926b26d0732b7dc9d6413559', class: "col-12 col-md-6" }, index.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: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '23d509b724f2617eb0a4f85c74238b09a052a6cb', class: "col-12 col-md-4" }, index.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) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: 'f6d08c53dad2e9a550adf893ac59166015ffb6e4', class: "col-12 col-md-8" }, index.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: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: 'd4e2a212a87ca9be4be8e21f3e47008b2201871c', class: "col-12" }, index.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 (index.h("form", { key: '02b2888267736b1441b16e569a7d1ff3ab3e7e17' }, index.h("fieldset", { key: 'd5d4afd7df869b87272407d4e401ad802708c870' }, index.h("div", { key: '4e2113e9d7d16c6d2b50625dba3dfa82f7b04832', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '17ffa94355f1d89223c554f4fb80e38735681725', class: "mb-0", part: parts.heading2 }, "Representative"), index.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." })), index.h("hr", { key: 'bb67f7aafe877075d18ac9a7e8acaa94267035de', class: "mt-2" }), index.h("div", { key: 'aa5b5fb1913f64c54384d793beeb6dcd5728d10e', class: "row gy-3" }, index.h("div", { key: '6fe16958c76e589581bd099192fc6886f3e7eb6c', class: "col-12 col-md-8" }, index.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 })), index.h("div", { key: '98cfa2ab8e5537452ab0dae54ad95f1ac2a541f4', class: "col-12 col-md-4" }, index.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." })), index.h("div", { key: 'c8bb3ea449d7adcd0d897ee64a1383ff7639305d', class: "col-12 col-md-6" }, index.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 })), index.h("div", { key: '9fe7cce8fbaa975f2cb2f890ec60cc5696356014', class: "col-12 col-md-6" }, index.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: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'cf99a0654ed61f599d5d854149e68abb9e52798f', class: "col-12 col-md-4" }, index.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) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '563dd2be61ca9238c915298fb5db51dfca6468e3', class: "col-12 col-md-8" }, index.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: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: '4ae17d91e7428f54e07942a1429e554c6e7a37ac', class: "col-12" }, index.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 }))))));
     }
 };