@justifi/webcomponents 6.1.0-rc.2 → 6.1.0-rc.3

package/dist/module/justifi-payment-provisioning.js

@@ -6,30 +6,33 @@ import { B as BusinessService } from './business.service.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Business.js';
-import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$w } from './business-documents-on-file2.js';
-import { d as defineCustomElement$v } from './custom-popper2.js';
-import { d as defineCustomElement$u } from './form-control-checkbox2.js';
-import { d as defineCustomElement$t } from './form-control-date2.js';
-import { d as defineCustomElement$s } from './form-control-file2.js';
-import { d as defineCustomElement$r } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$q } from './form-control-number-masked2.js';
-import { d as defineCustomElement$p } from './form-control-select2.js';
-import { d as defineCustomElement$o } from './form-control-text2.js';
-import { d as defineCustomElement$n } from './form-control-tooltip2.js';
-import { d as defineCustomElement$m } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$l } from './business-additional-questions-form-step-core.js';
-import { d as defineCustomElement$k } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$j } from './business-bank-account-form-step-core.js';
-import { d as defineCustomElement$i } from './business-core-info-form-step.js';
-import { d as defineCustomElement$h } from './business-core-info-form-step-core.js';
-import { d as defineCustomElement$g } from './business-owners-form-step.js';
-import { d as defineCustomElement$f } from './business-owners-form-step-core.js';
-import { d as defineCustomElement$e } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$d } from './business-representative-form-step.js';
-import { d as defineCustomElement$c } from './business-representative-form-step-core.js';
-import { d as defineCustomElement$b } from './business-terms-conditions-form-step.js';
+import { d as defineCustomElement$B } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$A } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$z } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$y } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$x } from './business-documents-on-file2.js';
+import { d as defineCustomElement$w } from './custom-popper2.js';
+import { d as defineCustomElement$v } from './form-control-checkbox2.js';
+import { d as defineCustomElement$u } from './form-control-date2.js';
+import { d as defineCustomElement$t } from './form-control-file2.js';
+import { d as defineCustomElement$s } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$r } from './form-control-number-masked2.js';
+import { d as defineCustomElement$q } from './form-control-select2.js';
+import { d as defineCustomElement$p } from './form-control-text2.js';
+import { d as defineCustomElement$o } from './form-control-tooltip2.js';
+import { d as defineCustomElement$n } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$m } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$l } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$k } from './business-bank-account-form-step-core.js';
+import { d as defineCustomElement$j } from './business-core-info-form-step.js';
+import { d as defineCustomElement$i } from './business-core-info-form-step-core.js';
+import { d as defineCustomElement$h } from './business-owners-form-step.js';
+import { d as defineCustomElement$g } from './business-owners-form-step-core.js';
+import { d as defineCustomElement$f } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$e } from './business-representative-form-step.js';
+import { d as defineCustomElement$d } from './business-representative-form-step-core.js';
+import { d as defineCustomElement$c } from './business-terms-conditions-form-step.js';
+import { d as defineCustomElement$b } from './form-address-fields.js';
 import { d as defineCustomElement$a } from './identity-address-form.js';
 import { d as defineCustomElement$9 } from './legal-address-form-step.js';
 import { d as defineCustomElement$8 } from './legal-address-form-step-core.js';
@@ -99,7 +102,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '4d0da0feba2d6786e696f6cc9e286d77e6aca8f1', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '41e96a931c082212f43bdd84dd5c948fac1eddfc', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -120,7 +123,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
@@ -129,120 +132,135 @@ function defineCustomElement$1() {
             break;
         case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$B();
             }
             break;
         case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$A();
+            }
+            break;
+        case "bank-account-form-inputs-canada":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$z();
+            }
+            break;
+        case "bank-account-read-only-value":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$y();
             }
             break;
         case "business-documents-on-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$x();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "justifi-business-owners-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "justifi-business-terms-conditions-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }

package/dist/module/justifi-payment-transactions-list.js

@@ -181,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'c73dfcd1d3038dbca6800b9bd0f4e6c5fba2b8bf' }, h(TableWrapper, { key: '66d8f92a96f2ace82c05d10a9f538d6ad22b588f' }, h(TableComponent, { key: 'cff0e6344efd035f264326ecc79615bddfe8d0ac' }, h(TableHead, { key: '702e53ae1d59ab674425f4753c1cf0b6415feacd' }, h(TableHeadRow, { key: '7773de2d113af30b3a0d64405dce5d5e09a0bb8c' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '7b86d982f52037349b5cc2f7ec5fa800e38ed519' }, h(TableLoadingState, { key: '040c3dfb101c1ea127cfcf982e4415ae94661b2a', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6d25f8a886cf9b15ea9c17c44dfe0bce6125c557', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '60bb435ecf7a595cdb028df4cd95c1361ce06c8d', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'accb2e3cb9dc8521c50db6a8ed306f91e5aa44c7' }, h(TableFootRow, { key: 'a4408276ce552fe4c43c60f79e7a2a3602566b2c' }, h(TableFootCell, { key: '20b13cc71f8b62166e8b6e9fce5dea2d1b4c5ac0', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '90657ed6a805af46446bc8fb316a52252a9a2bf4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '6cc5f2b4912082a551a3b70e5ed4195dcc377849' }, h(TableWrapper, { key: '5cfd24668cb55784d13e8c8d7dc9fe0a43e4bc4a' }, h(TableComponent, { key: '32ad4a5ddda0f27f114e2e1f71bb4e7a6664e94e' }, h(TableHead, { key: 'ea55561dbcf19bc5a9e23045990dddcafc127a6e' }, h(TableHeadRow, { key: '3d7f488dc283c2a1ade1029863da769a78c5164c' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '038b3a0bb90c0f088e080ae87d966ad967a0d575' }, h(TableLoadingState, { key: 'f7716a4a9a19cfd6ec35a00a37f72ab3dac98c23', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '463a993922fb69facece2a878d9ea845450c0456', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '84869759e0d89316c7d1c29132bb3163738f267a', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'f46a1e7a318e6d3a5575397609cc8490c7835b2e' }, h(TableFootRow, { key: '7c5302050f562a64507f75fe5b72d8f474a35465' }, h(TableFootCell, { key: '69e4d5d2c3def6cdc394ce17f63571f3e952668a', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '933233e9f47b4dfc4008e946c14760c13bdfa4b7', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payments-list-filters.js

@@ -58,8 +58,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: 'd4fa79604b6f9a390a63601001bc2ba8f8af425a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '54cc9fb98d5c0f6d96abb592d5e22c037634089c', class: "p-2" }, h("form-control-date", { key: '95001198266f09607e34d0c1fa5c1d0693b67b0a', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '3510ccb63020969b2777c65ed82cfab9027dccd8', class: "p-2" }, h("form-control-date", { key: '428a3195efb976842c186aa0b4ec76ebfb1b7836', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '4764d9aea618aa059382add95cb7b9a6307688fe' }, h("table-filters-menu", { key: 'e557e4d94265a35d0bc24afb819fc11b68c64c72', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'd147fe90eaa9a351b8fd7bbc26c81140bdd2736f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '55adb0f22e03ff1a4cb7adc796349785e2318b71', class: "p-2" }, h("form-control-text", { key: 'fb5037d0431b2df8a9a18a4a872599c10d893045', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5500043157e0ebdde2e8781f9efef90e05d5adca', class: "p-2" }, h("form-control-text", { key: '116692d8ca95dd90c33cf6e3da6f2d1d6f3b0729', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '3467ff316de211617b8b2549b41b7731ab12b44e', class: "p-2" }, h("form-control-select", { key: '0c60bb386acbd75ef0b9b743337d38801281bf07', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '8eccc7f8bde0ec94ba75da04d13ef5c57bcdd287', class: "p-2" }, h("form-control-date", { key: 'f1f8efe669fc3cff55773589a5b86072e1e08b64', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '7e99c77eb11a715be373b26a35967abc7047d362', class: "p-2" }, h("form-control-date", { key: '92df3e401316750a69beb42beadd958ea5fcc560', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

package/dist/module/justifi-payments-list.js

@@ -92,7 +92,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '4cdd2e9a318226408d47198bf2de40a750a71d01' }, h("payments-list-core", { key: '87964c5dd33fd3b716964227cd990539d5d13fc4', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '25843c991e12a0fde88d834ec92997567fd27f77' }, h("payments-list-core", { key: 'b06e45a3d24dcc2b44117d295bcc453bf20b3d46', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-transactions-list.js

@@ -186,7 +186,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'f795f89fe39f8cded7f0d9c671df8e3e86de6f03' }, h(TableWrapper, { key: '5bb5f805a78965068f675012a1a491e5dd3d4416' }, h(TableComponent, { key: 'c75e72fb5bde6b3f8f127be4d76ef1fa66ce6781' }, h(TableHead, { key: '3dfb03ed0205f6fff21953e0a4c85e8b151680a1' }, h(TableHeadRow, { key: '169156e61bdf1ce6e10b89c660526a7ec9efb860' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1e59e340e98ace8291acfbe26836e5b2b7b7dd29' }, h(TableLoadingState, { key: '3c1a420d293d24ac9434f034c7e6de7a83698b63', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2038ebb6ff5480d74b0bb6a6ecf31a9531f606ef', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '48582c83e384b4e5ba81c4d0055dc9e727a81cdd', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '0bb2c1f4085278db7b114c8b9c5a11702a1840d1' }, h(TableFootRow, { key: '2cc9fe5d66b433b392da1e0a1ae265db6404002d' }, h(TableFootCell, { key: 'cb21e30d68c92758efa03fbd16509ff28ab5e316', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e5ac8aa63ddb08d7f70976cfceccbadab3b8efa9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '35037a26a2ad1df0d5580bc9cbdf678b68d75703' }, h(TableWrapper, { key: '98cccf52e705665e09aa1b203f745c93ab6fa0b9' }, h(TableComponent, { key: '7280cc3d85164c2b0433cf54e66f747d9bda8293' }, h(TableHead, { key: '180eb9f41e8dabc002ff69e5a6b6b36b46a6a6ce' }, h(TableHeadRow, { key: 'b1b9fa3bce94622657619b5652c27d2b2f4c75f1' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'ab53e54503eff3e104249160e043aa4050b9a2ed' }, h(TableLoadingState, { key: 'e178b2af718b595e9e3bb865f29b0db27d5a597b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '4d17644347644ce12b168ec002e70ab49095eb70', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c941389bfda963a3e607bed76d81d9d3d79e7ca3', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '87277e41a96e5f2bf20e71363c79bc7afbec948c' }, h(TableFootRow, { key: '43d1e1bc876e6f954592277dbd74e55252845172' }, h(TableFootCell, { key: 'a11739b6f62786e537a94519b145c6d416786e3c', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '80e172cce8cd3ffd76caaa9c8bc20fbfc7dc76f5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payouts-list-filters.js

@@ -39,8 +39,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '83debaafb73e9143b6e2e7804f69c4124845d01e' }, h("table-filters-menu", { key: '162c3af697cef40e2a93c7e0245ec4d7d385f361', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '7e118d535a6bed14a1ea6e7ed920fd682bbd3705', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dfd557f8d5a3f834bbaa5164ef2c1e7d3c19adcc', class: "p-2" }, h("form-control-date", { key: '01d9e16489abce36d4f770c4c06912923026860f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '9e7167618cc737911056c9217dc6a1ca77c1f41b', class: "p-2" }, h("form-control-date", { key: 'd80e6e2ebda1cd8f290daff21908f7dba1af2d7a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '93d251d08587d0e4a39f5e0361f642fdb25e682e' }, h("table-filters-menu", { key: 'be80812190551197cfaf82c45a696bcbf8e1830d', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '983f3ff96bcddbda7e1a39f2c19d7886b5bad4f2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cb352ea18d854ab8a77361e544cbbbecf69baa58', class: "p-2" }, h("form-control-date", { key: '1c628e9d5be7d4c43b2a316a4bccbf4ee41f8652', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'd0649f25048043fbd6d12aa658162c4dbd084d75', class: "p-2" }, h("form-control-date", { key: '80550ba47ecdb6743d29ab9fb8ca66567992f91e', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

package/dist/module/justifi-payouts-list.js

@@ -106,7 +106,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '73ac65b309e80186e0f7799385d012e91ceb1b8b' }, h("payouts-list-core", { key: 'f7767376f3155521445cb2ee48b9a20c362c8137', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'fb38191d2ab5c59dee8261a9ca5116e574f721fd' }, h("payouts-list-core", { key: '8e24bf8753a52c1faa41ee60330f9da4372afdd0', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-saved-payment-method.js

@@ -26,10 +26,10 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '5ec0e8509e57396844602de87fde994f5da2ba83', class: "payment-method" }, h("div", { key: 'f2a45d84e969cd04aca91d61f5819bfc85f558c9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '1f4c35b2b6faa8ee42a1ee7347ddf2238b47fe50', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: '3ac45b0d672d5780664205822c712d4afd01d5c0', class: "payment-method" }, h("div", { key: 'e0ad4b748d79c50ef963b16f33b7c322c6819b79', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '181ecb03715f1c3c8d3d9dbf802d8e4d0fd72ec1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
-        "paymentMethodOption": [16, "payment-method-option"],
+        "paymentMethodOption": [16],
         "isSelected": [4, "is-selected"],
         "resolvePaymentMethod": [64]
     }]);

package/dist/module/justifi-skeleton.js

@@ -11,14 +11,14 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '79c2def38d099c6c146b89b6d33f8b1ca403bace' }, h(Skeleton, { key: 'd73576f82a88f9282caebaeb66cf4c444e8318a6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],
         "height": [8],
         "width": [8],
         "class": [1],
-        "customStyle": [16, "custom-style"]
+        "customStyle": [16]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -64,8 +64,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3042752f6f3bf4eb4f379aa256ff2a17d7fe8627' }, h("table-filters-menu", { key: '9a2a446701c17e3aa1ecbc89fa383c3a3c16b3d1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '8c5533b280615974883fba9da4b87c066f7af5be', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bbe71c8c5f2b49da9a38638ac4bda646cc4f7770', class: "p-2" }, h("form-control-select", { key: '235922673a4ef8e7392b3e46b3c0bd326f7abe79', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'd66c4305848a6f85867307d0448bfb2d7a80b698', class: "p-2" }, h("form-control-select", { key: '480bd03e3ba6ea595c1602bbdf657f369f133adb', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'ffdbbbac93a6498fe52f21c91a70998ad1094596', class: "p-2" }, h("form-control-date", { key: '60c95da005a50430e5a81d3b14f0b7a627480534', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '7e30fed8bbf9ba6db03d70d7b70a5f669d761ce9', class: "p-2" }, h("form-control-date", { key: 'ce490f4c346a3e455ae6f44e781b126ca46391d5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '920c99fe5fd7e8392cf4c7dffa2e1b36c7415e1f' }, h("table-filters-menu", { key: 'c01527296d2abc356b5d717280d631e385dd38ec', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'cb73d65ed0097c0112ba8a6990002d7043cffe9a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '96baa82b72d585e081b33397c62d05538c11f7a0', class: "p-2" }, h("form-control-select", { key: '134efdeaf6d72e17a123ee33f07eeb7e7725bd8a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'be7eaa48c38e424133dd898536c43487517097c6', class: "p-2" }, h("form-control-select", { key: 'dd54b28b9f54e5dbd320e48ade099cda1cf37a1d', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'cf26545dca2f274b54c987fb6ea3a280f527025a', class: "p-2" }, h("form-control-date", { key: 'b61c7f8bd814c5b7bd5baf63453fa1aa4247b8a8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'ddeb93a70d8d20e9c5d43fd5c8c8639c94174026', class: "p-2" }, h("form-control-date", { key: '8ebf3a23e3c2cfb178da6be69fa9e40caae65d0f', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

package/dist/module/justifi-terminal-orders-list.js

@@ -98,7 +98,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '55f0bf858787e00c304972c941a477815712df9d' }, h("terminal-orders-list-core", { key: '2d47e23bc2157d79254f34dfe0551fb32a9d88cc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '325e00fe580784e2898131a717a3e69ec3636e58' }, h("terminal-orders-list-core", { key: 'b4b577b99e07a2eafe8454ee96fba467c83fe1a4', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

package/dist/module/justifi-terminals-list-filters.js

@@ -53,7 +53,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5e6f1e8abcc7cffc26c101160bff40ff5092ff90' }, h("table-filters-menu", { key: '6a57cb7deeb0c6927ee557402ef2618a3d3d8a29', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'aaa63156c9603aafbe1b9dd4d4f87670b4e0ab66', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f76ca827834a98595a98d6bb6f982807506fe240', class: "p-2" }, h("form-control-text", { key: 'f9acf97e42e3e5f5ee216a10e116ab1aff2e6390', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'c4ac977f7433193e7a9c52be483c65cb5f96f214', class: "p-2" }, h("form-control-text", { key: '035fc59523056240eea5da7b63d75028278d3102', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'ab72f5ef8a0191b1726cd84c36a7cca28a78ecf0', class: "p-2" }, h("form-control-select", { key: '4a684c87e04e11f55c59d45a281f7c258fae4f0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'f9a009c6ec8e94cf4d580c50d510df652fa33ace' }, h("table-filters-menu", { key: 'dd27ab9f7e639785f81cf2389cd3da7b8e2627b0', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '1b2db646f0a60ab318bbab4eb8d780c16f7917c6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '835db982f4394cd1a61938f7985d07f051d78b71', class: "p-2" }, h("form-control-text", { key: 'af7f08f938c9234de1581874be87d1fa0b2b3e06', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '7ff0b5676765cd38512a4f3944d5719af4c4c5e6', class: "p-2" }, h("form-control-text", { key: '2b0984ac67813efb517c9c25ea011c339fc2dd23', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '9e26d822f9a111ed8006d3e763543a739c48d196', class: "p-2" }, h("form-control-select", { key: 'ca90a2bd5914685ccd6e618593553fb0f1c654d9', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

package/dist/module/justifi-terminals-list.js

@@ -103,7 +103,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '705ee40711e90c28a6b1699f450befa7c5b5529b' }, h("terminals-list-core", { key: '3d54a1519e5299eb83d16bf2034711fc0dd0cc18', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '8be2d4a6da1e9e5e5dd5d86f1ef62fc693f57590' }, h("terminals-list-core", { key: '69badecd6e85df42bd303637d0aa201868efa9b6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/legal-address-details2.js

@@ -16,7 +16,7 @@ const LegalAddressDetails = /*@__PURE__*/ proxyCustomElement(class LegalAddressD
         return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), h(DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), h(DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), h(DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), h(DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
     }
 }, [256, "legal-address-details", {
-        "legalAddress": [16, "legal-address"]
+        "legalAddress": [16]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/module/legal-address-form-step-core.js

@@ -1,16 +1,15 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as addressSchema } from './business-address-schema.js';
+import { c as addressSchemaByCountry } from './business-address-schema.js';
 import { F as FormController } from './form.js';
-import { b as Address } from './Business.js';
-import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils3.js';
+import { c as Address } from './Business.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { B as BusinessFormStep } from './event-types2.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';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$1 } from './form-address-fields.js';
 
 const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAddressFormStepCore extends HTMLElement {
     constructor(registerHost) {
@@ -25,11 +24,15 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         this.legal_address = {};
         this.isLoading = false;
         this.getData = () => {
+            if (!this.getBusiness)
+                return;
             this.formLoading.emit(true);
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
-                    this.legal_address = new Address(response.data.legal_address || {});
+                    const business = response.data || {};
+                    const address = new Address(business.legal_address || {});
+                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
                     this.formController.setInitialValues(Object.assign({}, this.legal_address));
                 },
                 onError: ({ error, code, severity }) => {
@@ -81,8 +84,9 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         return { legal_address: formValues };
     }
     componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new FormController(addressSchema(this.allowOptionalFields));
+        const schemaFactory = addressSchemaByCountry[this.country];
+        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
+        this.getData();
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -90,19 +94,17 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
         });
     }
     render() {
-        var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { class: "col-12" }, h("form-control-text", { name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { class: "col-12" }, h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { class: "col-12" }, h("form-control-select", { name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { class: "col-12" }, h("form-control-text", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
-            // just for now so we skip handling country specificities
-            disabled: true }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 }, [256, "justifi-legal-address-form-step-core", {
-        "getBusiness": [16, "get-business"],
-        "patchBusiness": [16, "patch-business"],
+        "getBusiness": [16],
+        "patchBusiness": [16],
         "allowOptionalFields": [4, "allow-optional-fields"],
+        "country": [1],
         "formController": [32],
         "errors": [32],
         "legal_address": [32],
@@ -113,7 +115,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-legal-address-form-step-core", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    const components = ["justifi-legal-address-form-step-core", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-legal-address-form-step-core":
             if (!customElements.get(tagName)) {
@@ -122,20 +124,25 @@ function defineCustomElement() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }