@justifi/webcomponents 6.11.0 → 6.12.1-rc.1

package/dist/esm/{form-alert_5.entry.js → additional-questions_5.entry.js}

@@ -1,25 +1,10 @@
 import { r as registerInstance, h, H as Host } from './index-CV0Pyo1O.js';
-import { al as alertDanger, b as heading2, z as label, w as inputDisabled, a2 as buttonSecondary } from './parts-D3V9AE6o.js';
 import { b as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as businessClassificationOptions } from './business-form-options-DRalxlqN.js';
 import { C as CURRENCY_MASK, I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
+import { b as heading2, z as label, w as inputDisabled, a2 as buttonSecondary, ak as alertDanger } from './parts-D50Rx76J.js';
 import { e as CoreBusinessInfo, d as deconstructDate } from './Business-BcNb9bVO.js';
 import { c as countryLabels } from './country-config-P042rrI3.js';
 
-const FormAlert = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        if (!this.text) {
-            return null;
-        }
-        if (this.hideAlert) {
-            return null;
-        }
-        return (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: alertDanger }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), h("div", null, this.text)));
-    }
-};
-
 const AdditionalQuestions = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -37,7 +22,7 @@ const AdditionalQuestions = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (h(Host, { key: '825ad2a859cacac1b9ba7be60ade5f3bb108abee' }, h("fieldset", { key: 'be913775846b09d99c0c5809a93dfc2779bbae9c' }, h("legend", { key: '52db62eb99455247f317f3dfce9ed260139d9b92', part: heading2 }, "Additional Questions"), h("div", { key: '9bca42f1668874643cb2c46f3ac39df85fb0cc45', class: "row gy-3" }, h("div", { key: '4f5cfbb11109a00d5427096503bceeb443349925', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '8d467c76af23e7aaa0a437a6b8631f8966dd7c41', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '4e5ed2a46af18734a97e498fe03d0b39b6d64895', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '5dac6143381928fa469e610a51c680dc2d6458ba', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '7ffc0942f4aa7a28fe5cb647af3fb4d0fbdfb19f', class: "col-12" }, h("form-control-select", { key: 'dd323dcdb5152040737ad91715e5f1eba17afaed', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'f7d98dcddaee8beb583b7436007660012c856d06', class: "col-12" }, h("form-control-select", { key: 'c3dd0af43353221f0b6f34555afc6627eb6e4805', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '6afac5b74ebf3f833f3a773c4c364ec805c827ee', class: "col-12" }, h("form-control-text", { key: '8730d4945250eaf2aee10e2eb2327876f98e07f3', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '4e13389f89aad6598817c4a45e5a8125ae21b9a4', class: "col-12" }, h("form-control-select", { key: '5cb9f4af9b1a1a707f6110073356474397b46489', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '705affae85c29fe6d5270ad32a2af9bdeed9b6e9', class: "col-12" }, h("form-control-text", { key: '08807d448e5a4f1865a22d06d9e1e34d27bb5f5f', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h(Host, { key: '2cef96e9fd7d585353deebd2149ccaa6f70601f3' }, h("fieldset", { key: '324401c967c047997b4b46c4835a2e9c28d200c3' }, h("legend", { key: '0958dcb308db0032292f54736eeeaeaf562a4dd3', part: heading2 }, "Additional Questions"), h("div", { key: '7eb6cf2912a726647937120600400f4cb70babf1', class: "row gy-3" }, h("div", { key: 'fee24c156b5e97d013520353813ef894e9295251', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: 'c72df3ba128cf84444febec88c402934442023a7', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'be1f0d42c19d479a56da7781316e659245a265c3', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '5a3df350a2bbb31286b4bbfadfb0067099135449', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '5b98b7842f1adad2d57c23c274c2ee5b70b1a5c4', class: "col-12" }, h("form-control-select", { key: '116133084185496cf6e22098b5bb1245132e361d', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '6b5849afeeab55f63cb3f084b9bfbfa0ce686df1', class: "col-12" }, h("form-control-select", { key: '523e2e69d6d637905efb74447785cb6e20d3d658', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '4b5e4167371d6d1e6f6ae764b28789741bcac145', class: "col-12" }, h("form-control-text", { key: '6e86c7d28ca2980f80c076e2359430773c47b575', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '55f01cf14c9e3d988672b494d9b3a50bf8d83869', class: "col-12" }, h("form-control-select", { key: 'c05d4e0ff64d61ad276e05daa86a4c574dfabfd5', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'b34e0e1eecca9b43141357e0973cae5d61dc228a', class: "col-12" }, h("form-control-text", { key: '3b097d06b301c6075f0f9706f1ccca3ae504ce3c', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -61,10 +46,10 @@ const BusinessCoreInfo = class {
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'd60b250bd327a8f49ac2854ef90a50149952d91f' }, h("fieldset", { key: '99523dc8f944bbbd51fd1cd660fcd2908658a5b8' }, h("legend", { key: 'f709a73ed08970d75e83617d9d4927a33fc8bcc4', part: heading2 }, "General Info"), h("div", { key: '7519e5f5b18247f63010edb6b15994413a1349f1', class: "row gy-3" }, h("div", { key: 'd11c9b6bc5f91ed3c521eeee88ee866ec81cb363', class: "col-12" }, h("form-control-text", { key: '8d346946db7275e1f64c84019dc2e202be77f8f7', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '4bdfff98f5652dfd22c04a4340b1ac882bf3ce65', class: "col-12" }, h("form-control-text", { key: '97055ec207286cb931e04f301fb6a0abef8e1085', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'aa43935a6d369a3f7c7fea36805fe2b15b908e06', class: "col-12 col-md-8" }, h("form-control-select", { key: 'fe958c7152cc3da4f33f666c4f57e692119fda18', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'c6c3233c998973732545d3f9623ee0e7f2606ead', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a87ac87813b6fe6c84cafbda1977c4ba93741342', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '5046bf2e0c9e2bbc6bbb6c8809b7147acab1ee1f', class: "col-12 col-md-6" }, h("form-control-text", { key: '1771cd9caf5e29d4e03666e3cebed92dcdaa686a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '1a9beb47f729497275e15ad8d4910ad5b4c9951d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: 'def39bb2d2fe2a47f064996ce20bc60fd490dc25' }, h("fieldset", { key: '64bd49c1a6be4193ffb7aae9e97c4b3e9a15f359' }, h("legend", { key: 'b11b4b1ff667d0367078c8af716ed99bb937809c', part: heading2 }, "General Info"), h("div", { key: '0da76a2b84b20da143a3071caef531c41cd81a3f', class: "row gy-3" }, h("div", { key: 'be1fa57c9efc822fe1c88360414dfab08ecdc60e', class: "col-12" }, h("form-control-text", { key: '5b044ec875cac8d7576c7b060bc262e513a6d2b1', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '00322e05fad4bdf71780e573adf5b7d1d0d85b25', class: "col-12" }, h("form-control-text", { key: '36608a32b2a9ec194785c7f32b92b40f136af6b2', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '90ccab857bb042c9d6eba0a9dcbcf72996a7da69', class: "col-12 col-md-8" }, h("form-control-select", { key: '3cf4ea374ae74005214684b20de6e3cd62337134', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'b4c0330b07221e9ff399cd360d81c0b0c6b8adad', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ae27cf1fc8f20b134e754f2612e945e0bcf85737', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '5f6c82d761dd44631fae1e61f9d73e9db84535dc', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ba6006564085b2634d6b438b72eca1bd2a344556', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '1bbd58d1cbfaf676a5a9d4f188d676c38d10303c', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), h("div", { key: '94b23160df7686b910628f02451c12a7752b72cd', class: "col-12" }, h("form-control-text", { key: '40faf5a4b4f9c8d21385ee078ed9f4aaa9f47583', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '36a7c80684f7fb5259f3e9385393a2787bbd1516', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a3bf801d4789e2b6328842b4bb1dfe8758f946b6', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '437eeff1d27957a77b7bf4c9e4aa2fc4fa436867', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0780f85cedacda3b8288ba54b5b40b86338ce877', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+            } }, "Change"))))), h("div", { key: 'c2759307684d50d8a7176b2c5c774f5f99016843', class: "col-12" }, h("form-control-text", { key: '96d3027c8db2dcd655c611201353948805fa3223', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '8918f247bf9cb2bfe6cd24d421be2ffd83bb08e8', class: "col-12 col-md-6" }, h("form-control-text", { key: 'da695eb10f15ff7ed08a5865a751cc467cfbe3a2', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0e6b9149f4fca4d55b12d96d3cd9b928beb34bd3', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd127281e989bb4d9140109b3bc46f1fad80feba4', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 };
 
@@ -98,11 +83,26 @@ const BusinessRepresentative = class {
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '23d11271b1ec0b5a36222cf972b3cbb94a436a99' }, h("fieldset", { key: '9062abcf81faf8c1bd136a7ad28ee9f21831b4fb' }, h("legend", { key: '61cf510c63cfe30278e1a07a0186a4feac0c31ec', part: heading2 }, "Representative"), h("div", { key: '431ab7681cc1dc022d251dd4caaf4fc6a7def9b1', class: "row gy-3" }, h("div", { key: 'd94add92e02afa9dbb7cc617fea60bd0bc37db9c', class: "col-12 col-md-8" }, h("form-control-text", { key: '2cdf16e8f5984de4db422fde0b0e353fb6029912', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'cff4220ba8704a02a7f8642b562116ef63400bd8', class: "col-12 col-md-4" }, h("form-control-text", { key: '949b4eea179738a03ff0b9336e8325320da56473', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'dc21ee17586cce9b39a924df668ad9c5be1ab84b', class: "col-12 col-md-6" }, h("form-control-text", { key: '0470770dbe028c8247bd8405d68d4d1690b5e4e4', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '6625e7fda86feabad127a97b7c06a40d19903b34', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '6f9df4495d3fea041a643eb6bb0560b1747b094a', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a8c3cbc3d2c075e82e82c8fd4a123eade5a64e5c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'a5be0388dbfa97375cedaf059e51b680170d806f', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: 'cab8eb5ba333109849bb22f32318c06a48972237' }, h("fieldset", { key: '5a6578447e4c737e5726198b8bac1ba0dc2e45a3' }, h("legend", { key: 'ebad85dfdeed325c15a56885bbb5a529c4ebdb99', part: heading2 }, "Representative"), h("div", { key: 'dcebe5124256a171b938212ff9aa3764351c05ba', class: "row gy-3" }, h("div", { key: '9493cf073abde249b8e6d2f61a6a1d9ad3b7d3b8', class: "col-12 col-md-8" }, h("form-control-text", { key: 'fbf15c78b4c88b86de111a19b87512be42574d44', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '94a4c79c5267de135403b9fd18b843d69d427cbb', class: "col-12 col-md-4" }, h("form-control-text", { key: '5793dd89937f0b898bfd867338ace5da72df5f26', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '7eff586ef81721269c57b2473f75421f086d42f7', class: "col-12 col-md-6" }, h("form-control-text", { key: '72738008970cb6905be7e69d66ae2e0967796187', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '24eeedf96f6a378fa084f5ac48028e0ec3ed32d4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '50dc535cba2d9f1fc9b1b360cd6d38492f699954', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '5a87f6f73fee87ea9712483b5ca8328566e1fcd4', class: "col-12 col-md-4" }, h("form-control-date", { key: '2cd3ea10d7e69b78985af179d50b7f628457b2c7', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '591c964f0629fb4da0bad605f54f652d6fe67cd7', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), h("div", { key: 'be522af99631fad573411bc5415fd6a712bc5486', class: "col-12" }, h("justifi-identity-address-form", { key: '145c76eb8c16fdd113dcd61faff219f852b22214', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: '9fe5c36d102c5870f91c24c2e0efc22948190468', class: "col-12" }, h("identity-address-form", { key: '42a7949f31ae3d3d0f0b01db13ecb6271486e62f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+    }
+};
+
+const FormAlert = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        if (!this.text) {
+            return null;
+        }
+        if (this.hideAlert) {
+            return null;
+        }
+        return (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: alertDanger }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), h("div", null, this.text)));
     }
 };
 
@@ -122,8 +122,8 @@ const LegalAddressForm = class {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '11d54eb58574e9afdeed03b357f4c5b89752b48b' }, h("fieldset", { key: '3608fc95fb7d60fcd5485394fc1a8210f91d13a8' }, h("legend", { key: 'ffe6b8794039b1df22e0bd1775cf497edac543d7', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '34adccfea54d0603d3e8899df048f3aab1b8b64c', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '56c938599697c9e40658de6fd52699ccfd306232' }, h("fieldset", { key: '7e77d120698e29ce040cce256e37745f53fac795' }, h("legend", { key: 'e4a4e23744eb5679d0797bb83970067709a0010d', part: heading2 }, "Business Legal Address"), h("form-address-fields", { key: '0703605fd1e5143547865bc19d1b0cdbe34a41bc', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 };
 
-export { FormAlert as form_alert, AdditionalQuestions as justifi_additional_questions, BusinessCoreInfo as justifi_business_core_info, BusinessRepresentative as justifi_business_representative, LegalAddressForm as justifi_legal_address_form };
+export { AdditionalQuestions as additional_questions, BusinessCoreInfo as business_core_info, BusinessRepresentative as business_representative, FormAlert as form_alert, LegalAddressForm as legal_address_form };

package/dist/esm/{badge-guwZ0VTf.js → badge-B_DdhQ3Q.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { d as badgeDark, e as badgeLight, g as badgeInfo, i as badgeWarning, j as badgeDanger, k as badgeSuccess, m as badgeSecondary, n as badgePrimary, o as badge } from './parts-D3V9AE6o.js';
+import { d as badgeDark, e as badgeLight, g as badgeInfo, i as badgeWarning, j as badgeDanger, k as badgeSuccess, m as badgeSecondary, n as badgePrimary, o as badge } from './parts-D50Rx76J.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

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

@@ -0,0 +1,198 @@
+import { r as registerInstance, h, H as Host } from './index-CV0Pyo1O.js';
+import { c as create$3, F as FormController } from './index.esm-BHdVU4hV.js';
+import { y as postalValidation, z as stateValidation, h as cityValidation, l as lineTwoValidation, j as lineOneValidation, v as identityNameValidation } from './schema-validations-v6WGlZkq.js';
+import { al as billingForm } from './parts-D50Rx76J.js';
+import { c as checkoutStore, o as onChange } from './checkout.store-C1TdhFf6.js';
+import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
+import { H as Header3 } from './header-3-E533c0A3.js';
+import './event-types-CZfYo5-1.js';
+import { S as StateOptions } from './Business-BcNb9bVO.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './country-config-P042rrI3.js';
+import './business-form-options-DRalxlqN.js';
+import './index-cDVGjRkU.js';
+
+const fullBillingSchema = () => create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.required('Enter street address'),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.required('Enter city'),
+    address_state: stateValidation.required('Select state'),
+    address_postal_code: postalValidation.required('Enter postal code'),
+});
+const postalOnlySchema = () => create$3({
+    name: identityNameValidation.nullable(),
+    address_line1: lineOneValidation.nullable(),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.nullable(),
+    address_state: stateValidation.nullable(),
+    address_postal_code: postalValidation.required('Enter postal code'),
+});
+const nameOnlySchema = () => create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.nullable(),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.nullable(),
+    address_state: stateValidation.nullable(),
+    address_postal_code: postalValidation.nullable(),
+});
+
+const BankAccountBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(nameOnlySchema());
+        const fields = checkoutStore.billingFormFields;
+        if (fields && Object.keys(fields).some((k) => fields[k])) {
+            this.formController.setInitialValues(fields);
+        }
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+        this.unsubscribeFromStore = onChange('billingFormFields', (newValue) => {
+            this.formController.setInitialValues(newValue);
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribeFromStore) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h("div", { key: '34e77db7e212eab37000212b208a6dc1afaa8054', part: billingForm, class: "mt-4" }, h("form", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }, h("fieldset", { key: '84efe1610a1bbc8b12a95711814280a4949e850c' }, this.legend && (h("legend", { key: '7076fc6b9ef264ac72d36833c7b760b5999e030e' }, this.legend)), h("div", { key: '66d78f8c243230d790d854ba16292f3d84ef5ca9', class: "row gy-3" }, h("div", { key: 'e58dfaa9b758dcfbe434a3d51ab6e51b54cc83c1', class: "col-12" }, h("form-control-text", { key: 'b872c9f5e3726312171bb16a95e3709bcd12f40a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })))))));
+    }
+};
+
+const BillingForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get showSimpleCardBillingForm() {
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_CARD && this.hideCardBillingForm;
+    }
+    get showSimpleBankAccountBillingForm() {
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_BANK_ACCOUNT && this.hideBankAccountBillingForm;
+    }
+    async getValues() {
+        var _a;
+        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.getValues();
+    }
+    async validate() {
+        var _a;
+        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.validate();
+    }
+    render() {
+        if (this.showSimpleBankAccountBillingForm) {
+            return (h(Host, null, h("bank-account-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+        }
+        if (this.showSimpleCardBillingForm) {
+            return (h(Host, null, h("card-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+        }
+        return (h(Host, null, h("billing-form-full", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+    }
+};
+
+const BillingFormFull = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(fullBillingSchema());
+        const fields = checkoutStore.billingFormFields;
+        if (fields && Object.keys(fields).some((k) => fields[k])) {
+            this.formController.setInitialValues(fields);
+        }
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    componentDidLoad() {
+        this.unsubscribeFromStore = onChange('billingFormFields', (newValue) => {
+            this.formController.setInitialValues(newValue);
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribeFromStore) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        if (!this.formController) {
+            return null;
+        }
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+    }
+};
+
+const CardBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(postalOnlySchema());
+        const fields = checkoutStore.billingFormFields;
+        if (fields && Object.keys(fields).some((k) => fields[k])) {
+            this.formController.setInitialValues(fields);
+        }
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+        this.unsubscribeFromStore = onChange('billingFormFields', (newValue) => {
+            this.formController.setInitialValues(newValue);
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribeFromStore) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h("div", { key: 'e03627343cb26892acde58da706338ecabcb5211', part: billingForm }, h("form", { key: '39470e1397359b0b76f3e6395ee4ba45c73e6bac' }, h("fieldset", { key: '8a46884528b7f7712c553bdd304b5caa6157db49' }, this.legend && (h("legend", { key: '6be8bc62f144505fe101292afe181c964beb598d' }, this.legend)), h("div", { key: '1380c7c0e24b454f362c7521e3b613319276dc72', class: "row gy-3" }, h("div", { key: 'ba96decebeef20bea2b0e1b278df2a64a05307b1', class: "col-12" }, h("form-control-text", { key: 'd82ac4e66ba40512c9ab1b30e31cb9708f566fed', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 })))))));
+    }
+};
+
+export { BankAccountBillingFormSimple as bank_account_billing_form_simple, BillingForm as billing_form, BillingFormFull as billing_form_full, CardBillingFormSimple as card_billing_form_simple };

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

@@ -1,10 +1,12 @@
-import { h, r as registerInstance, H as Host } from './index-CV0Pyo1O.js';
-import { S as Skeleton } from './skeleton-CV6EpBqb.js';
+import { h, r as registerInstance } from './index-CV0Pyo1O.js';
+import { S as Skeleton } from './skeleton-DV6yJalo.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
-import { b as generateTabId } from './utils-7bp92NC7.js';
-import './parts-D3V9AE6o.js';
+import { i as generateTabId } from './utils-De6tr4ug.js';
+import { c as checkPkgVersion } from './check-pkg-version-D9dGqUmC.js';
+import './parts-D50Rx76J.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
+import './package-BW1eeDYQ.js';
 
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;
@@ -23,6 +25,7 @@ const BankAccountForm = class {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
         this.tabId = generateTabId();
+        checkPkgVersion();
     }
     componentDidRender() {
         const elements = [
@@ -42,14 +45,15 @@ const BankAccountForm = class {
         const routingNumberIsValid = await this.routingNumberIframeElement.validate();
         return accountNumberIsValid && routingNumberIsValid;
     }
-    async tokenize(clientId, paymentMethodMetadata, account) {
-        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
+        const result = await this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+        return result;
     }
     render() {
-        return (h(Host, { key: 'a104b2e88e818472d0158990ccf2cac6d7315616' }, h(BankAccountFormSkeleton, { key: '1ed1ac87a66aedf6a7528247e0ff3a803c74e4c3', isReady: this.isReady }), h("div", { key: 'a96c05c60c51f97c8abb7dc6a8cfebc940ea1513', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'b19157c62bd6511b9f61ca8f94b7294b370bc8b9' }, h(BankAccountFormSkeleton, { key: '72ad4b72fbf0763a55be74045102b74fa4208e32', isReady: this.isReady }), h("hidden-input", { key: '73f5599e3cfd6c5cf85ef306711436c3749e0a9b' }), h("div", { key: '75c0c1496b02665348cc2b3ec1847772f4039dcd', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '3d168fd241702b30f0c8727d3c0aae65c20b69aa', class: "row mb-3" }, h("iframe-input", { key: 'dc1da989b1577ed62b3eeafd33128aca38e4610d', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '1179ae9d6b9f476bb01a1ee4f4edd7da6f22f635', class: "row" }, h("iframe-input", { key: '7e79b383876be1711a2e21ab7462f86281ebf28c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'eac4d39be4f282f510a486ec86522a21501b978f', class: "row mb-3" }, h("iframe-input", { key: '76a5fa31aa254a910af3349875c9112e1f0bde46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'bd636c2c0fd993594b9f6b8ef275b9951100e822', class: "row" }, h("iframe-input", { key: '796289f5ece7fc117fd3779f9086b927ccb9e6d2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 

package/dist/esm/bank-account-read-only-value.entry.js

@@ -0,0 +1,13 @@
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
+import { t as text } from './parts-D50Rx76J.js';
+
+const BankAccountReadOnlyValue = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("div", { key: '00324bedfc493145fa318532ce8efac12fad1823' }, h("label", { key: '0585ba26a000e3e761d7f7f212349392b692720b', class: "form-label", part: text }, this.label), h("div", { key: '448c97ef256388d8541a7b96d34d972ce41b824a', part: text }, this.value || '')));
+    }
+};
+
+export { BankAccountReadOnlyValue as bank_account_read_only_value };

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

@@ -1,9 +1,9 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
-import { E as ErrorState } from './utils-DUArY3am.js';
+import { E as ErrorState } from './utils-DJOBwFeP.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-CV6EpBqb.js';
-import './parts-D3V9AE6o.js';
+import { S as Skeleton } from './skeleton-DV6yJalo.js';
+import './parts-D50Rx76J.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" }, h(Skeleton, { width: "40%", height: "1.5rem" }), h("hr", null), h("div", { class: "row g-3" }, h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)), h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)))));

package/dist/esm/{business.service-DSolii9Q.js → business.service-Bt68Uk7V.js}

@@ -1,6 +1,5 @@
-import { A as Api } from './Api-CLZVsXZg.js';
-import './ComponentError-Cjcsf8ku.js';
-import './Plaid-DOdR_CNb.js';
+import { A as Api } from './Api-BrYhtpEh.js';
+import './Plaid-D40pFwwP.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{button-CdXktiZq.js → button-B-Agn8yQ.js}

@@ -1,5 +1,5 @@
 import { h } from './index-CV0Pyo1O.js';
-import { W as buttonOutlineSecondary, X as buttonOutlinePrimary, E as buttonLink, Y as buttonDark, Z as buttonLight, _ as buttonInfo, $ as buttonWarning, a0 as buttonDanger, a1 as buttonSuccess, a2 as buttonSecondary, a3 as buttonPrimary, a4 as buttonLoading } from './parts-D3V9AE6o.js';
+import { W as buttonOutlineSecondary, X as buttonOutlinePrimary, E as buttonLink, Y as buttonDark, Z as buttonLight, _ as buttonInfo, $ as buttonWarning, a0 as buttonDanger, a1 as buttonSuccess, a2 as buttonSecondary, a3 as buttonPrimary, a4 as buttonLoading } from './parts-D50Rx76J.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));
 

package/dist/esm/card-form.entry.js

@@ -1,10 +1,12 @@
-import { h, r as registerInstance, H as Host } from './index-CV0Pyo1O.js';
-import { S as Skeleton } from './skeleton-CV6EpBqb.js';
+import { h, r as registerInstance } from './index-CV0Pyo1O.js';
+import { S as Skeleton } from './skeleton-DV6yJalo.js';
 import { w as waitForConfig, c as configState } from './config-state-kKn89dp1.js';
-import { b as generateTabId } from './utils-7bp92NC7.js';
-import './parts-D3V9AE6o.js';
+import { i as generateTabId } from './utils-De6tr4ug.js';
+import { c as checkPkgVersion } from './check-pkg-version-D9dGqUmC.js';
+import './parts-D50Rx76J.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
+import './package-BW1eeDYQ.js';
 
 const CardFormSkeleton = (props) => {
     const { isReady } = props;
@@ -23,6 +25,7 @@ const CardForm = class {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
         this.tabId = generateTabId();
+        checkPkgVersion();
     }
     componentDidRender() {
         const elements = [
@@ -46,14 +49,15 @@ const CardForm = class {
         const cvvIsValid = await this.cvvIframeElement.validate();
         return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
     }
-    async tokenize(clientId, paymentMethodMetadata, account) {
-        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    async tokenize({ clientId, paymentMethodMetadata, account, }) {
+        const result = await this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+        return result;
     }
     render() {
-        return (h(Host, { key: 'fd58409622904cfdbe1df9e7aa893cec0b469472' }, h(CardFormSkeleton, { key: '7bd4dbc17afc1641eafa5cc6c12349901a05b862', isReady: this.isReady }), h("div", { key: '1eb88b3443cb12f592a247335d5a6de2597bf10d', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'f354f98736c53e02b03382706303c3d35dea3d82' }, h(CardFormSkeleton, { key: 'cb3a80209b1b86204bd19923080e339d83bb6f2b', isReady: this.isReady }), h("hidden-input", { key: '12c994f1c11366379ccb37ec9614c810b2f71edc' }), h("div", { key: 'af0b517f3e4a039d818e39c611a235f733d0fb0b', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '4b50883a1094343e1f039c8bafed2ecfb42be0e8', class: "mb-3" }, h("iframe-input", { key: '83930c6af6b6a7eb82bf66565fa2e9d16b3bfa59', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '33c8a34d012abc533d5b69baa3fddfcb3714be61', class: "d-flex align-items-start" }, h("div", { key: 'b37fedaab03b543789fb2909d0daa91d28d9b772', class: "flex-fill me-3" }, h("iframe-input", { key: 'd5fa7b25f4726e6896ee8fcf0a2ab882b1df5260', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '38798bb90f5457d3e5c3659c716fe38a79a2f2a0', class: "flex-fill me-3" }, h("iframe-input", { key: '44d57ddbe4221e1d0000a9db7a19d8878211cb50', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '233f99090baecc6097f2226d93a14d428571b03f', class: "flex-fill" }, h("iframe-input", { key: '0d353a3bc4c1ece3a5ff3aecc9aabf349d59bc90', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'bebae6017a3d1c6b165ce1fb04c6d904e30b872a', class: "mb-3" }, h("iframe-input", { key: '09b07e25d86bcee2edf4863bf221a1c153df7f61', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '16bff33c3b33f09275b40384340759faa740df5e', class: "row" }, h("div", { key: '3b3df16030097be0ed6c3a55ac36e3381934a6b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '38cfcddc60ec35c7ef5353753205689ba81a6090', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4413e72303e0f7c2e674327c3fd61c026a0c3530', class: "col-4 align-content-end" }, h("iframe-input", { key: '3a5f52bc7b626aafbdbc818238f0fe1357fab307', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '9c2e8c2aab3c618eded19c8793962302a77d2681', class: "col-4 align-content-end" }, h("iframe-input", { key: '1a6eadb96d537943ffdc6136fdef50240818e517', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

package/dist/esm/check-pkg-version-D9dGqUmC.js

@@ -0,0 +1,45 @@
+import { p as packageJson } from './package-BW1eeDYQ.js';
+
+const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
+const detectDuplicateVersion = () => {
+    if (typeof globalThis === 'undefined')
+        return;
+    const currentVersion = packageJson.version;
+    const existingVersion = globalThis[JUSTIFI_VERSION_KEY];
+    if (existingVersion && existingVersion !== currentVersion) {
+        console.error(`@justifi/webcomponents: Multiple versions detected. ` +
+            `Version ${existingVersion} was loaded first and registered all components. ` +
+            `Version ${currentVersion} is also present but its components will NOT be used. ` +
+            `To fix this, add to your package.json:\n` +
+            `"pnpm": { "overrides": { "@justifi/webcomponents": "${currentVersion}" } }`);
+        return;
+    }
+    globalThis[JUSTIFI_VERSION_KEY] = currentVersion;
+};
+const latestVersion = async (packageName) => {
+    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
+    const json = await response.json();
+    return json.version;
+};
+const checkPkgVersion = async () => {
+    var _a, _b;
+    detectDuplicateVersion();
+    // Skip version check in test environments to avoid async logs after tests complete
+    if (typeof process !== 'undefined' &&
+        (((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test' || ((_b = process.env) === null || _b === void 0 ? void 0 : _b.JEST_WORKER_ID))) {
+        return;
+    }
+    const version = packageJson.version;
+    const packageName = packageJson.name;
+    const latest = await latestVersion(packageName);
+    // remove rc from version and everything that comes after -rc
+    const latestNotRC = latest.replace(/-rc.*/, '');
+    // checkif there's a major version difference
+    const versionParts = version.split('.');
+    const latestParts = latest.split('.');
+    if (versionParts[0] !== latestParts[0]) {
+        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
+    }
+};
+
+export { checkPkgVersion as c };

package/dist/esm/{checkout.service-BTXHVtxI.js → checkout.service-B7K5LRx2.js}

@@ -1,6 +1,5 @@
-import { A as Api } from './Api-CLZVsXZg.js';
-import './ComponentError-Cjcsf8ku.js';
-import './Plaid-DOdR_CNb.js';
+import { A as Api } from './Api-BrYhtpEh.js';
+import './Plaid-D40pFwwP.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/{checkout.store-iNkW80yV.js → checkout.store-C1TdhFf6.js}

@@ -102,4 +102,4 @@ function onAnyChange(callback) {
     });
 }
 
-export { getCheckoutState as a, onChange as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };
+export { onAnyChange as a, getCheckoutState as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onChange as o };

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

@@ -1,20 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
-import './ComponentError-Cjcsf8ku.js';
-import './Plaid-DOdR_CNb.js';
+import './Plaid-D40pFwwP.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-DZ6rurWg.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-Deugl8h5.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-Bf6gjMf8.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-BXm9GGFI.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-CiGfmyWW.js';
 import './index-cDVGjRkU.js';
-import './utils-7bp92NC7.js';
-import './parts-D3V9AE6o.js';
-import './spinner-CG3aWl8K.js';
-import './badge-guwZ0VTf.js';
+import './utils-De6tr4ug.js';
+import './parts-D50Rx76J.js';
+import './spinner--fEgBBOG.js';
+import './badge-B_DdhQ3Q.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
@@ -132,7 +131,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '54239d9ac3afe4d4594d523f9b84b5bf852190b7' }, h(TableComponent, { key: '0c466e435625f08326fc521690c055648a0d3a6e' }, h(TableHead, { key: '6ac0b1a9bf3d42eb5bac5910f341c84a75d15eaa' }, h(TableHeadRow, { key: '171cc43a933be88dcfe2385414d6368755a66a00' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '238b814cfb2e27fa0ae0aee319da04fb7a9da477' }, h(TableLoadingState, { key: '3e73b173a14edea582ee06caa248dd31bf7e8971', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cd2ec244aa3663f4255f245727790c30c28438f7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'e2f458e70836a01cca79aa6e43c7d8a89bfa593d', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '97d1c34429fba943a752e9ece7348dd19d742c68' }, h(TableFootRow, { key: '252e8f76070a8a6a531c710cf36117a04625271a' }, h(TableFootCell, { key: 'a3fcfa5e6a90cac15348a387f65fa5b7ed2517f8', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'e4fa2774647748fd12c3742b3dd078aee8fdf483', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e93ef4479f03ff8d3479715bd89cbf0edc1f766c' }, h(TableComponent, { key: '5e1c2dad65fcbab0bd5dd1557fc22e41d8146ce7' }, h(TableHead, { key: 'f5c73179a9dd97dec17ac2336f22da37c8d86085' }, h(TableHeadRow, { key: 'fc0a99076077a6e3414a729b40a4fc9f26cf7d8b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '471c4c71f65c9f8f1ce17afde15d1500ac8e1f88' }, h(TableLoadingState, { key: 'ce26a46de28ee926509efd5d55f8de5b7b5e09fb', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '71f426374ebcaa1e06f523a456e134372a68f1fd', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5758c7e4475e2f16fbe6e78aabd6ab55f5b39e3', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '79efc8ae730e099f265971e6f0a9c3e49661f21b' }, h(TableFootRow, { key: '292148b3db52f3792206196c0201bacb011d5b9e' }, h(TableFootCell, { key: 'da8221314ed30423ba6292e6385ca6c9967069da', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '151d09b2cca1ff78fba6da6c2aa73d8bda4bf31f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],