@justifi/webcomponents 6.1.1 → 6.2.0-rc.2

package/dist/module/Business.js

@@ -1,4 +1,271 @@
-import { f as filterNumber, a as constructDate, g as getStateAbbreviation } from './helpers.js';
+const StateOptions = [
+    {
+        label: 'Choose state',
+        value: '',
+    },
+    {
+        label: 'Alabama',
+        value: 'AL',
+    },
+    {
+        label: 'Alaska',
+        value: 'AK',
+    },
+    {
+        label: 'American Samoa',
+        value: 'AS',
+    },
+    {
+        label: 'Arizona',
+        value: 'AZ',
+    },
+    {
+        label: 'Arkansas',
+        value: 'AR',
+    },
+    {
+        label: 'California',
+        value: 'CA',
+    },
+    {
+        label: 'Colorado',
+        value: 'CO',
+    },
+    {
+        label: 'Connecticut',
+        value: 'CT',
+    },
+    {
+        label: 'Delaware',
+        value: 'DE',
+    },
+    {
+        label: 'District Of Columbia',
+        value: 'DC',
+    },
+    {
+        label: 'Federated States Of Micronesia',
+        value: 'FM',
+    },
+    {
+        label: 'Florida',
+        value: 'FL',
+    },
+    {
+        label: 'Georgia',
+        value: 'GA',
+    },
+    {
+        label: 'Guam',
+        value: 'GU',
+    },
+    {
+        label: 'Hawaii',
+        value: 'HI',
+    },
+    {
+        label: 'Idaho',
+        value: 'ID',
+    },
+    {
+        label: 'Illinois',
+        value: 'IL',
+    },
+    {
+        label: 'Indiana',
+        value: 'IN',
+    },
+    {
+        label: 'Iowa',
+        value: 'IA',
+    },
+    {
+        label: 'Kansas',
+        value: 'KS',
+    },
+    {
+        label: 'Kentucky',
+        value: 'KY',
+    },
+    {
+        label: 'Louisiana',
+        value: 'LA',
+    },
+    {
+        label: 'Maine',
+        value: 'ME',
+    },
+    {
+        label: 'Marshall Islands',
+        value: 'MH',
+    },
+    {
+        label: 'Maryland',
+        value: 'MD',
+    },
+    {
+        label: 'Massachusetts',
+        value: 'MA',
+    },
+    {
+        label: 'Michigan',
+        value: 'MI',
+    },
+    {
+        label: 'Minnesota',
+        value: 'MN',
+    },
+    {
+        label: 'Mississippi',
+        value: 'MS',
+    },
+    {
+        label: 'Missouri',
+        value: 'MO',
+    },
+    {
+        label: 'Montana',
+        value: 'MT',
+    },
+    {
+        label: 'Nebraska',
+        value: 'NE',
+    },
+    {
+        label: 'Nevada',
+        value: 'NV',
+    },
+    {
+        label: 'New Hampshire',
+        value: 'NH',
+    },
+    {
+        label: 'New Jersey',
+        value: 'NJ',
+    },
+    {
+        label: 'New Mexico',
+        value: 'NM',
+    },
+    {
+        label: 'New York',
+        value: 'NY',
+    },
+    {
+        label: 'North Carolina',
+        value: 'NC',
+    },
+    {
+        label: 'North Dakota',
+        value: 'ND',
+    },
+    {
+        label: 'Northern Mariana Islands',
+        value: 'MP',
+    },
+    {
+        label: 'Ohio',
+        value: 'OH',
+    },
+    {
+        label: 'Oklahoma',
+        value: 'OK',
+    },
+    {
+        label: 'Oregon',
+        value: 'OR',
+    },
+    {
+        label: 'Palau',
+        value: 'PW',
+    },
+    {
+        label: 'Pennsylvania',
+        value: 'PA',
+    },
+    {
+        label: 'Puerto Rico',
+        value: 'PR',
+    },
+    {
+        label: 'Rhode Island',
+        value: 'RI',
+    },
+    {
+        label: 'South Carolina',
+        value: 'SC',
+    },
+    {
+        label: 'South Dakota',
+        value: 'SD',
+    },
+    {
+        label: 'Tennessee',
+        value: 'TN',
+    },
+    {
+        label: 'Texas',
+        value: 'TX',
+    },
+    {
+        label: 'Utah',
+        value: 'UT',
+    },
+    {
+        label: 'Vermont',
+        value: 'VT',
+    },
+    {
+        label: 'Virgin Islands',
+        value: 'VI',
+    },
+    {
+        label: 'Virginia',
+        value: 'VA',
+    },
+    {
+        label: 'Washington',
+        value: 'WA',
+    },
+    {
+        label: 'West Virginia',
+        value: 'WV',
+    },
+    {
+        label: 'Wisconsin',
+        value: 'WI',
+    },
+    {
+        label: 'Wyoming',
+        value: 'WY',
+    },
+];
+
+function getStateAbbreviation(stateName) {
+    const state = StateOptions.find(s => s.label === stateName);
+    return state ? state.value : stateName;
+}
+// filterNumber is intended to be used to format a string that contains a single digit to a two digit string. 
+function filterNumber(num) {
+    if (/^\d$/.test(num)) {
+        return '0' + num;
+    }
+    return num;
+}
+function constructDate(year, month, day) {
+    if (!year || !month || !day) {
+        return;
+    }
+    return `${year}-${filterNumber(month)}-${filterNumber(day)}`;
+}
+function deconstructDate(formInput) {
+    const dateString = formInput.value;
+    const [dob_year, dob_month, dob_day] = dateString.split('-');
+    return { dob_year, dob_month, dob_day };
+}
+function checkProvisioningStatus(business) {
+    return business.associated_accounts.length > 0;
+}
 
 class Owner {
     constructor(owner) {
@@ -83,6 +350,21 @@ class Representative {
     }
 }
 
+var CountryCode;
+(function (CountryCode) {
+    CountryCode["USA"] = "USA";
+    CountryCode["CAN"] = "CAN";
+})(CountryCode || (CountryCode = {}));
+
+// Normalize various incoming country representations to strict CountryCode values
+const normalizeCountry = (value) => {
+    const v = (value || '').toString().trim().toUpperCase();
+    if (v === 'US' || v === 'USA' || v === CountryCode.USA)
+        return CountryCode.USA;
+    if (v === 'CA' || v === 'CAN' || v === CountryCode.CAN)
+        return CountryCode.CAN;
+    return CountryCode.USA;
+};
 var BusinessFormServerErrors;
 (function (BusinessFormServerErrors) {
     BusinessFormServerErrors["fetchData"] = "Error retrieving business data";
@@ -107,7 +389,7 @@ class Address {
         this.postal_code = address.postal_code;
         this.city = address.city;
         this.state = getStateAbbreviation(address.state);
-        this.country = address.country || 'USA';
+        this.country = normalizeCountry(address.country);
         this.created_at = address.created_at;
         this.updated_at = address.updated_at;
     }
@@ -156,6 +438,7 @@ class CoreBusinessInfo {
         this.doing_business_as = coreBusinessInfo.doing_business_as;
         this.industry = coreBusinessInfo.industry;
         this.tax_id = coreBusinessInfo.tax_id;
+        this.tax_id_last4 = coreBusinessInfo.tax_id_last4;
         this.website_url = coreBusinessInfo.website_url;
         this.email = coreBusinessInfo.email;
         this.phone = coreBusinessInfo.phone;
@@ -202,10 +485,12 @@ class Business {
             ? new Representative(business.representative)
             : null;
         this.tax_id = business.tax_id;
+        this.tax_id_last4 = business.tax_id_last4;
         this.terms_conditions_accepted = business.terms_conditions_accepted;
         this.updated_at = business.updated_at;
         this.website_url = business.website_url;
         this.date_of_incorporation = business.date_of_incorporation;
+        this.country_of_establishment = normalizeCountry(business.country_of_establishment);
     }
     get payload() {
         return {
@@ -223,10 +508,12 @@ class Business {
             platform_account_id: this.platform_account_id || '',
             representative: new Representative(this.representative).payload,
             tax_id: this.tax_id || '',
+            tax_id_last4: this.tax_id_last4 || '',
             website_url: this.website_url || '',
             date_of_incorporation: this.date_of_incorporation || '',
+            country_of_establishment: this.country_of_establishment || CountryCode.USA,
         };
     }
 }
 
-export { AdditionalQuestions as A, BusinessClassification as B, CoreBusinessInfo as C, Owner as O, Representative as R, Business as a, Address as b, BusinessFormServerErrors as c };
+export { AdditionalQuestions as A, BusinessClassification as B, CoreBusinessInfo as C, Owner as O, Representative as R, StateOptions as S, CountryCode as a, Business as b, Address as c, deconstructDate as d, checkProvisioningStatus as e, BusinessFormServerErrors as f };

package/dist/module/additional-questions.js

@@ -28,10 +28,10 @@ const AdditionalQuestions = /*@__PURE__*/ proxyCustomElement(class AdditionalQue
     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: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: heading2 }, "Additional Questions"), h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', 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: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', 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: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', 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: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', 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: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', 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: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', 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: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', 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: '8f51222ff2a06a8636c2252a1df25803c464cd5a' }, h("fieldset", { key: 'c705274cb9e5cc651f8cedb5ac23714a75dca09a' }, h("legend", { key: '0e865f2763c872ccd65c7d255e0a49533bf8afbe', part: heading2 }, "Additional Questions"), h("div", { key: 'b5a9d2c8086820d837a6261c0fbbd1c4785e8cbe', class: "row gy-3" }, h("div", { key: 'b0174e926ef2726d9c1ce809d00cf8fef623207c', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '5553ed9ca690b4b7a54dfe864225fb4e10987c96', 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: 'a01e709a65772041979e7b8c057b271e26524174', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2e56403c3eb357dac7f6791e0c5fa4fca58e6cfb', 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: '74318a7f6fdcc265d96827e5fb02d797631b3fd5', class: "col-12" }, h("form-control-select", { key: 'd166c9a1951afc9e1876d078ddc026671e8e0dcc', 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: 'e47aefb3a2274244d3e2561da7cfecb203445f1e', class: "col-12" }, h("form-control-select", { key: '33978d0af775cace90de84104f74b2d6c22ae1c0', 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: '93f996064e4055c9a81c0077a20fd878ad1a6c97', class: "col-12" }, h("form-control-text", { key: '68ac25357311838b8fa9a897fbb324f45f589f5f', 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: 'f2dfe10a8ed19faa36a38a8192268813b03d454f', class: "col-12" }, h("form-control-select", { key: '1d6cf56564944d8dbef4f22c403232c9b7841018', 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: 'fe75a54400d4614fe1d3ed9099ff5a5d3822c007', class: "col-12" }, h("form-control-text", { key: 'aa7609f7687a5c0666bf35119cd4af7ad4e68f89', 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 }))))));
     }
 }, [256, "justifi-additional-questions", {
-        "formController": [16],
+        "formController": [8, "form-controller"],
         "errors": [32],
         "additional_questions": [32]
     }]);

package/dist/module/additional-statement.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { a0 as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
@@ -41,7 +41,7 @@ const AdditionalStatement = /*@__PURE__*/ proxyCustomElement(class AdditionalSta
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '1923f4fe65f07834785b052ff36d2c9b11a38232' }, h("div", { key: 'd3cd444874826ca88bca6dc4a3c411ad40cc4e59', class: "row gy-3" }, h("div", { key: '55359a7d9b54f71ceb1e78a802348f03c6274716', class: "col-12" }, h("h2", { key: '08dab7b1178136a2c82a6d6eb92e6e1c8ce8a50c', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '1bd6f80bfccf53663f3edd983e90dc48d5063254', class: "col-12" }, h("form-control-textarea", { key: 'ecc2f5c94e92b46688f37e10b10b9dc81f08d0f7', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'dacce3a39a44e7b9a819feb4b9dc66f3d761ec95', class: "col-12" }, h("form-control-file-v2", { key: 'd54e7538b572e84b81ea3fb4601fa92083599225', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: 'a03e78a3610b5bf23bf9611ed2225e839da41c5d' }, h("div", { key: '235029013598b89a4d92c06cc468b1fb4147fc4c', class: "row gy-3" }, h("div", { key: 'f18cdb52f20817dc6dc3d16e91b4fee09ccda690', class: "col-12" }, h("h2", { key: '37a18cbc0027cb3fd170fa5afad295d57cfc0f19', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '9cc4ef86508b8232e343f46fc64ccc78b42ac22f', class: "col-12" }, h("form-control-textarea", { key: '93fb66f2e4ee72b58ff53c5010b1e5e16e9abbd7', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'cb3fe8f241e08df1984fc47820e723f00d34641d', class: "col-12" }, h("form-control-file-v2", { key: 'eeae63012b624078bfc3fa34553ed7aa8288a24b', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 }, [256, "justifi-additional-statement", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/bank-account-billing-form-simple.js

@@ -44,7 +44,7 @@ const BankAccountBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class Bank
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'fc6e23e6f8b64b5635dbeea93b9d5fe261dc772c' }, h("div", { key: '05b37c65fe24ddcb546e204350996976f5a53eea', part: billingForm, class: "mt-4" }, h("form", { key: 'b02df8adf96ac298b15bfb744177524f0c067254' }, h("fieldset", { key: '83d292caaa4322fbf151bf5bdac007ea13ea0b7e' }, this.legend && (h("legend", { key: 'bf956b7714776d01869e4bf740b5ee75d758a2cc' }, this.legend)), h("div", { key: '7095362ffbba89a5b6396921e8c5c05d144a9a5b', class: "row gy-3" }, h("div", { key: '36dc450d4411e5755cff8b76fceba7e7cff516c8', class: "col-12" }, h("form-control-text", { key: 'ea52769979280cde0854cbf9fe12fa4abe40b769', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '674a080063df249018a8601cea7680b06208d2fb' }, h("div", { key: 'c282a7c8ed0316edf0a92abd2f8c69a927c79f00', part: billingForm, class: "mt-4" }, h("form", { key: '843548c8b0239dcce2b611b215112024acfb6413' }, h("fieldset", { key: '2e49050377413910e47bea94e8900f902e26b814' }, this.legend && (h("legend", { key: '960da7d3f797db0517b3a14559a025a497ca3ad2' }, this.legend)), h("div", { key: '56636731c41c7bcaf6d4a7c3eb7e9517157c4929', class: "row gy-3" }, h("div", { key: 'b6028f7001044423d72a134c01a0395ade1496b8', class: "col-12" }, h("form-control-text", { key: 'b2fe6dc8c69cd87ac07b99f9a6619f5069f2dc5c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
 }, [257, "justifi-bank-account-billing-form-simple", {
         "legend": [1025],

package/dist/module/bank-account-document-inputs.js

@@ -16,7 +16,7 @@ const BankAccountDocumentFormInputs = /*@__PURE__*/ proxyCustomElement(class Ban
         }
     }
     render() {
-        return (h("div", { key: '23f5fa6b191b3feea7677a85a421002642a86f50', class: "row gy-3" }, h("div", { key: 'da9d9698f15aeb4bb05baef8fb63c630fcff8a82', class: "col-12" }, h("form-control-file", { key: 'b84a8ec1753210f74989c04b5520f0e94c5a083d', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '06d442df900406f122970bde6b2b293f2c9080ee', class: "col-12" }, h("form-control-file", { key: 'b3dc1d48900c5932c4d59f8b31a323193f0e86b4', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (h("div", { key: '4daf6eadf7e1213c3534bd845c917af0b1ec1fec', class: "row gy-3" }, h("div", { key: '9d7235d40a0884960948eaac7dc990e947bf5165', class: "col-12" }, h("form-control-file", { key: 'e0e3704079e20c86dacec668d27ca23ef981aa2f', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '5c4c20191c6c54170896a9c0f893a7fe06ff6a70', class: "col-12" }, h("form-control-file", { key: '6d4ac9d3a47952644bab5afe4b23332a56c04035', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 }, [256, "bank-account-document-form-inputs", {
         "inputHandler": [16],

package/dist/module/bank-account-form-inputs-canada.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BankAccountFormInputsCanada extends Components.BankAccountFormInputsCanada, HTMLElement {}
+export const BankAccountFormInputsCanada: {
+    prototype: BankAccountFormInputsCanada;
+    new (): BankAccountFormInputsCanada;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/bank-account-form-inputs-canada.js

@@ -0,0 +1,6 @@
+import { B as BankAccountFormInputsCanada$1, d as defineCustomElement$1 } from './bank-account-form-inputs-canada2.js';
+
+const BankAccountFormInputsCanada = BankAccountFormInputsCanada$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BankAccountFormInputsCanada, defineCustomElement };

package/dist/module/bank-account-form-inputs-canada2.js

@@ -0,0 +1,68 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { b as bankAccountTypeOptions } from './business-form-options.js';
+import './event-types2.js';
+import { n as numberOnlyHandler } from './utils3.js';
+import { d as defineCustomElement$5 } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$4 } from './custom-popper2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const BankAccountFormInputsCanada = /*@__PURE__*/ proxyCustomElement(class BankAccountFormInputsCanada extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h("div", { key: '80b2030f1c1840df293a5ec600fe16836b502647', class: "row gy-3" }, h("div", { key: '5a28a5b515856da7808fc49cf0f775f8c4c71daa', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '62761912ccf0ee5ba1e5c13cbb08cde9687d05bd', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '04472a07096890a51d2e2db463f7040a389fd4e1', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'c2caa8ddb2b1038efb49e3361eab760108a34308', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '2446720991bd2512f6bb8a779e47e526100dacb3', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: '98cda3809e604cc3e863f2d01698e217694b2550', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: 'de285afb20fe922e3a8dd66727222e2f49567aae', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
+    }
+}, [256, "bank-account-form-inputs-canada", {
+        "defaultValue": [8, "default-value"],
+        "errors": [8],
+        "inputHandler": [16],
+        "formDisabled": [4, "form-disabled"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bank-account-form-inputs-canada", "bank-account-read-only-value", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bank-account-form-inputs-canada":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BankAccountFormInputsCanada);
+            }
+            break;
+        case "bank-account-read-only-value":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BankAccountFormInputsCanada as B, defineCustomElement as d };

package/dist/module/bank-account-form-inputs2.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { b as bankAccountTypeOptions } from './business-form-options.js';
 import './event-types2.js';
 import { n as numberOnlyHandler } from './utils3.js';
+import { d as defineCustomElement$5 } from './bank-account-read-only-value2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -15,7 +16,8 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
         }
     }
     render() {
-        return (h("div", { key: 'da4dc9523bca84cdd02f7e5d47e513c426ed90fd', class: "row gy-3" }, h("div", { key: 'b625a293dec704cbbb132469fdbc8c5d99a660e1', class: "col-12" }, h("form-control-text", { key: 'b41460ddc605f73faf71233ccbbef7e34e690e5a', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'e5560bcdba399baa2e54441436ef5c67936e9fef', class: "col-12" }, h("form-control-text", { key: '18cd16931899f724fd92cb89f1b8d4cd41c5354c', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3bb589db98e5d65022576b602bda41f36e3a90d5', class: "col-12" }, h("form-control-text", { key: 'c870513b8895add114d5ec588561fa6f33a63514', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1783e7b4af2b012338fe2e1b4f1faa9b5e086bcd', class: "col-12" }, h("form-control-select", { key: '6a9af0f6edeae133dce04b7f829abb802db4ac83', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3c3ffced96f67320b4c580be6f28dd8ef5d2c109', class: "col-12" }, h("form-control-text", { key: 'e85df115a9de08ad9abb3237f7bf6c6d23c84150', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '5a25cb25160aff24d1f62df2115dbd248709141e', class: "col-12" }, h("form-control-text", { key: 'dfdf7dce470efb8eea65aa6daf562d190963bace', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
+        var _a, _b, _c, _d, _e, _f;
+        return (h("div", { key: '951373cbaf604ec2f34364fd93ac9ccf666a4e58', class: "row gy-3" }, h("div", { key: 'a2fbc555aeb3b9bed12f032385ea9889482e6caf', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'c05c9e185293799ee94cbd8bec3976d115469b00', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b3cc026a1c2079ddcd744d7557742ac98073f03c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'f3649a91a8af13374eb55f06ecc81e6e06bd4b01', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '34eb7df603e1d7d9bb616c51057dd5da9a2e3e3f', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '64897a96be65ddd311267e5ea1571993ab61787d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
     }
 }, [256, "bank-account-form-inputs", {
         "defaultValue": [8, "default-value"],
@@ -27,13 +29,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["bank-account-form-inputs", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    const components = ["bank-account-form-inputs", "bank-account-read-only-value", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BankAccountFormInputs);
             }
             break;
+        case "bank-account-read-only-value":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();

package/dist/module/bank-account-form.js

@@ -47,10 +47,10 @@ const BankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class BankAccountForm
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'f570c76e32ab7b017f220b8bcc0cecfafeffe47a' }, h(BankAccountFormSkeleton, { key: '390e43942d12ca974aa2d591e4df537c0300f235', isReady: this.isReady }), h("div", { key: '97a667e02df2bdc7b804708c122627e315d96c73', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '1c142c117694002871cfcb0f9c419febda59ee1b' }, h(BankAccountFormSkeleton, { key: '06ee99086ab92d21f098bc266d9a3860cf0cfee3', isReady: this.isReady }), h("div", { key: 'f1ff30c399806c07854701c45698ee3b2a4d1492', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '7b4230ade22fa763a07259d0041a07d6a551e2a7', class: "row mb-3" }, h("iframe-input", { key: '2c1ee3b97a75aae1985fd04d59268c35e61b06e8', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '4aec3fd9f5e9d2ac57d12ecfda773ca75570ae54', class: "row" }, h("iframe-input", { key: 'd2c538e1772bafdcf4bb63bd58951ba8bc617be5', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'b9225fef945018fea713a58bf0f2d58b24069826', class: "row mb-3" }, h("iframe-input", { key: '116526dcaa3325b9f9de8c70f6a0dafdf9ec7ced', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'ef4856499b18125170f6b1117981cab79aa69914', class: "row" }, h("iframe-input", { key: 'ed3c4988a2eb856450f36ff225a91104f5c10422', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 }, [256, "bank-account-form", {
         "isReady": [32],

package/dist/module/bank-account-read-only-value.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BankAccountReadOnlyValue extends Components.BankAccountReadOnlyValue, HTMLElement {}
+export const BankAccountReadOnlyValue: {
+    prototype: BankAccountReadOnlyValue;
+    new (): BankAccountReadOnlyValue;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/bank-account-read-only-value.js

@@ -0,0 +1,6 @@
+import { B as BankAccountReadOnlyValue$1, d as defineCustomElement$1 } from './bank-account-read-only-value2.js';
+
+const BankAccountReadOnlyValue = BankAccountReadOnlyValue$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BankAccountReadOnlyValue, defineCustomElement };

package/dist/module/bank-account-read-only-value2.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as text } from './parts.js';
+
+const BankAccountReadOnlyValue = /*@__PURE__*/ proxyCustomElement(class BankAccountReadOnlyValue extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    render() {
+        return (h("div", { key: '0d44d4aa265a5fd36ca30f1db072eb834f8bdf1b' }, h("label", { key: '892e6dbdbff5d484df4dfb522f3db8968f46d7d4', class: "form-label", part: text }, this.label), h("div", { key: 'cd617e2302834ad67ebccd64e24d535b2cc19da8', part: text }, this.value || '')));
+    }
+}, [256, "bank-account-read-only-value", {
+        "label": [1],
+        "value": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bank-account-read-only-value"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bank-account-read-only-value":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BankAccountReadOnlyValue);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BankAccountReadOnlyValue as B, defineCustomElement as d };

package/dist/module/bank-account.js

@@ -58,10 +58,10 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'a2fd28c8b8202e0d702d02761cbcf3f568298265' }, h(BankAccountFormSkeleton, { key: '6777d110d3ccf3a688a763687c7087a3520643ac', isReady: this.isReady }), h("hidden-input", { key: '513e1cdaaf464a741d4312a6d359c4af665e0ade' }), h("div", { key: '2b4e473c7bb062a78148537d2cad02caf503330d', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '1396c82eb048077e956a6cfa0954c969830a3e4e' }, h(BankAccountFormSkeleton, { key: '90439488c391f7dcb62c9b3aadeeeb9e22b476fe', isReady: this.isReady }), h("hidden-input", { key: 'ab5ab9990cd03e493551dae5dc18717ed144558b' }), h("div", { key: '7031dcaa20b3d017b3a3064d5e6f2e9ec5f3c3de', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'e706151f3e04835efab49fc0fb7a48f4657ab2c4', class: "row mb-3" }, h("iframe-input", { key: 'a70e0deac68d04f9ffa37790c33d801cfce8dc46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '3f488f86388b2fc797c49ddc81c7de3a815ca74f', class: "row" }, h("iframe-input", { key: 'a09d3cec373c5bab5b38ebc090724178e65d2de2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'cf64b23918c17c525be517fa3506bc5a99de4472', class: "row mb-3" }, h("iframe-input", { key: '1a0bad102f68437d751a123ab14db53d0308b02a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '332cf9bc370f6bbddaf717c4debbd90bc557d808', class: "row" }, h("iframe-input", { key: '878379906a0efb39c7a236941fda8d399d3a8baf', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 }, [257, "justifi-bank-account-form", {
         "iframeOrigin": [32],