@justifi/webcomponents 6.1.1 → 6.2.0-rc.2

package/dist/module/payment-provisioning-form-steps.js

@@ -1,28 +1,32 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$u } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$t } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$s } from './business-documents-on-file2.js';
-import { d as defineCustomElement$r } from './custom-popper2.js';
-import { d as defineCustomElement$q } from './form-control-checkbox2.js';
-import { d as defineCustomElement$p } from './form-control-date2.js';
-import { d as defineCustomElement$o } from './form-control-file2.js';
-import { d as defineCustomElement$n } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$m } from './form-control-number-masked2.js';
-import { d as defineCustomElement$l } from './form-control-select2.js';
-import { d as defineCustomElement$k } from './form-control-text2.js';
-import { d as defineCustomElement$j } from './form-control-tooltip2.js';
-import { d as defineCustomElement$i } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$h } from './business-additional-questions-form-step-core.js';
-import { d as defineCustomElement$g } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$f } from './business-bank-account-form-step-core.js';
-import { d as defineCustomElement$e } from './business-core-info-form-step.js';
-import { d as defineCustomElement$d } from './business-core-info-form-step-core.js';
-import { d as defineCustomElement$c } from './business-owners-form-step.js';
-import { d as defineCustomElement$b } from './business-owners-form-step-core.js';
-import { d as defineCustomElement$a } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$9 } from './business-representative-form-step.js';
-import { d as defineCustomElement$8 } from './business-representative-form-step-core.js';
-import { d as defineCustomElement$7 } from './business-terms-conditions-form-step.js';
+import { a as CountryCode } from './Business.js';
+import { d as defineCustomElement$x } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$w } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$v } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$u } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$t } from './business-documents-on-file2.js';
+import { d as defineCustomElement$s } from './custom-popper2.js';
+import { d as defineCustomElement$r } from './form-control-checkbox2.js';
+import { d as defineCustomElement$q } from './form-control-date2.js';
+import { d as defineCustomElement$p } from './form-control-file2.js';
+import { d as defineCustomElement$o } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$n } from './form-control-number-masked2.js';
+import { d as defineCustomElement$m } from './form-control-select2.js';
+import { d as defineCustomElement$l } from './form-control-text2.js';
+import { d as defineCustomElement$k } from './form-control-tooltip2.js';
+import { d as defineCustomElement$j } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$i } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$h } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$g } from './business-bank-account-form-step-core.js';
+import { d as defineCustomElement$f } from './business-core-info-form-step.js';
+import { d as defineCustomElement$e } from './business-core-info-form-step-core.js';
+import { d as defineCustomElement$d } from './business-owners-form-step.js';
+import { d as defineCustomElement$c } from './business-owners-form-step-core.js';
+import { d as defineCustomElement$b } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$a } from './business-representative-form-step.js';
+import { d as defineCustomElement$9 } from './business-representative-form-step-core.js';
+import { d as defineCustomElement$8 } from './business-terms-conditions-form-step.js';
+import { d as defineCustomElement$7 } from './form-address-fields.js';
 import { d as defineCustomElement$6 } from './identity-address-form.js';
 import { d as defineCustomElement$5 } from './legal-address-form-step.js';
 import { d as defineCustomElement$4 } from './legal-address-form-step-core.js';
@@ -37,13 +41,14 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
             this.__registerHost();
         }
         this.allowOptionalFields = false;
+        this.country = CountryCode.USA;
         this.componentStepMapping = {
-            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields }),
-            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields }),
+            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
             2: () => h("justifi-additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
-            3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields }),
-            4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields }),
-            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields }),
+            3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
             6: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
     }
@@ -51,7 +56,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],
@@ -59,13 +64,14 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         "refs": [16],
         "currentStep": [2, "current-step"],
         "allowOptionalFields": [4, "allow-optional-fields"],
+        "country": [1],
         "handleFormLoading": [16]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning-form-steps", "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", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning-form-steps", "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", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning-form-steps":
             if (!customElements.get(tagName)) {
@@ -74,120 +80,135 @@ function defineCustomElement() {
             break;
         case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$x();
             }
             break;
         case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$w();
+            }
+            break;
+        case "bank-account-form-inputs-canada":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$v();
+            }
+            break;
+        case "bank-account-read-only-value":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$u();
             }
             break;
         case "business-documents-on-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "justifi-additional-questions-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "justifi-business-bank-account-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "justifi-business-owners-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "justifi-business-terms-conditions-form-step":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

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

@@ -138,7 +138,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '2cceca3ea193752152afb7514513422ad40165a8' }, h(TableComponent, { key: '61f651673b6cfa85380ca2806907facada8152e9' }, h(TableHead, { key: '5d65f625ba51588d5c1d288d31d2f52680645f2c' }, h(TableHeadRow, { key: '0a2c0158996f39964ae0f050632e47c40e7d10f5' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '4c5e3252951cad51e705a6fb377a6d4b8f28869e' }, h(TableLoadingState, { key: '9159d22917307f9886d57c488218be65782dbeb2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dcb34a17de509c1856ff3507f7e10863b3b5fe09', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '5a4d81745f6764ed8860c1be74895c6f7cc7e7aa', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '095986da34b545b85c62c881c06e215410d26793' }, h(TableFootRow, { key: '5d592db903775c67b6f587477a0fa3713a7abd88' }, h(TableFootCell, { key: 'c23d9b7111b6f3dde3101f5fd49b297630948de5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '37deefd8ffd902f9bd458b4fa0fe5c4ef4bdb87e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e4b304800014f90e9200d071099e0dd15682242a' }, h(TableComponent, { key: '038c2e1acb61683dd197e873b061c70d05395e05' }, h(TableHead, { key: 'fd81255bfe0a7e5d742bffd3f80173afd8fe6cf5' }, h(TableHeadRow, { key: '359b37df1c94ca1e07b3b8d269b14a30f7e678bc' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '9fd6f62e02aac2fcb9bdbc4a93f75acce26b490d' }, h(TableLoadingState, { key: 'b63217f3fcf6fad0a431553d6d31b58abc5ebf31', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c33d2c14ef0143ad456c3c4f23fc89039476713a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'afed1e216fecca915ffcf16d92efa96f57158d14', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '463331f0c514c40bb40a0d73dad4e2993ecc65c1' }, h(TableFootRow, { key: '35c63a476b4058d048e53d8cd008dc3bdb1b26db' }, h(TableFootCell, { key: '2c5e1be77fe84aeede22fa7a923071c27f5df4a5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '90cff6a1c7f6e380d9e3c66037e2fbacfef9a681', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/payout-details-core2.js

@@ -77,9 +77,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'd81fd85bbfa1c54175b4055cfed2eb62c7db1735' }, this.loading && h(PayoutDetailsLoading, { key: '37fca566131507232afc04332989545f81f21ace' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2135970df52759def666f17297f055b90fc61274', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '12d9f81cea53ea7f8636c3ed249f994f13ae1389', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'd3f061a66f4dd3bfee92e5de3b2ba8f245853c85', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '292267e98b0e12ef4fd365c0c972f9eccba0df09', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '0ca068bb4c8c2dea86feff59916b42871de799e7', title: "ID", value: this.payout.id }), h("div", { key: 'a97d286bf5eafce9cfbf81c6e7f62bb4e7b0849f', class: "m-4" }, h(Button, { key: '8a026a6f3819519815148115ffed876c18e37142', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '66520ccf02a84b4523552de31d43e2b5c75e16ae', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '27e9caef31af8e5d89141b5c0265e6ee9183809e', sectionTitle: "Details" }), h("div", { key: '2cb15bde0c567667978f482a55753c1355a359b9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5fe197ecc8f1aa79786a8da0092e7962095336a1', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '50d667f0b575e89b712832b3d70026c422119308', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '28f753d09ca0434ef6e913baa1c95e977657bdfe', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '84eb131bc5493293e75d0c5eb5cf69379769843d', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '0fd9fc497e076165b9e5a70b385fdde44d9290fb', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '29b8ef5d56c77bc44bf0809acf3bf7235a5f678d', sectionTitle: "Account" }), h("div", { key: '49104b277fe2c27a28326bc6e84aa76713f355a5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7e8f4b347227c73ebfb28a3846c994943dc22b14', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '594d4853374fdacde8c38c9409abe593acf3d1d8', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '86198dd9f123775d687df6a7efa7b17fae6f7fc0', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'ff5840da92dc48469915698937c52be1be6573f3', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'dae3be8251b99e92c14d19151f7fcf43e7d79d2b', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: 'ab9280b8f08bfa10492d86d73d7fcc054602c23b', sectionTitle: 'Metadata' }),
-            h("div", { key: '91326afd6edbd573802684fa8518d6738cbcf4ff', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7ac4be5f733114b2257eade5c315583b09643390', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'b7654bca327b4a7c7d03edc2c85375a8496e466d' }, this.loading && h(PayoutDetailsLoading, { key: 'b9cda081550abe8f4e4ab33329e13bca3e2bb905' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '9ecaedec9c2f2e8655018ed6c7ec279d31c2817b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '70a0046c360065505965425906cf69dd3e477b04', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '908bae7d95c5649aac6928a2cd49eb4511f87809', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c49a87f564091498891924f3c645542879264df', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '4953c429840cebd6485f0ded0e330152b50d78b6', title: "ID", value: this.payout.id }), h("div", { key: '08593f7b54ddfe2d24d0b0c4b1d738f57769e671', class: "m-4" }, h(Button, { key: 'cdfa16df03dcbcbd9edd8591e1fc877644ce9465', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c65296580a275d7fb74e4b95f97e2633bc5fa70c', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c2970c5b956ed035e5ae911c557d9f59c945cd8d', sectionTitle: "Details" }), h("div", { key: '91f0f6e54c79dfea18474e83deba9364b2f3c8f4', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0e2f745c610fa0efddb061edb179aab99b0d9167', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '55e7c25da1f6ad8ed8665b459c74a6f8f2603c2e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '92b9fcad3ac6658a6b813f30456f6ca8b233198f', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '369bed6889c8c68b6b9dfdd50bc320b64ad4ca5e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bc2b2283bf87752932a8f4cc8996a394f86f1b44', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '62c1fad6c3b2f8ee500f31acb9b4c1a84f94de79', sectionTitle: "Account" }), h("div", { key: '31fb316e496ef68671b6df80dcf9e6d34d62b2c5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '47e3f14ba46c432fc62f9fedef265281b5477801', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'aa5c179afb349b0253b595866fa26cc94be3f84f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '420c8b2fd759ccead9bb981af9eef62fa1222844', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a28e32d0a855b6077aba42b7572b7aa40d18240f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '1518b9279cc6021bd3bbb861940bde3940f314be', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '5df0034950365eee1f59b563f53e1d830bd4edc1', sectionTitle: 'Metadata' }),
+            h("div", { key: '61682a85d734025d6b933b1e1291815c6ae6b0bf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '10b470329d8131840054ca39410035e73af9ef01', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '44f6c2c3a44435f30c61220114797c5938e475a8' }, h(TableComponent, { key: '756c4ea4ad9c59bea1241af2502c03ced6ec3623' }, h(TableHead, { key: '2748d99edcaea098b111954178cf799811be445c' }, h(TableHeadRow, { key: 'c824617152c899cdff946f979ac71dbdb8002ffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '4ae6368c8a634f0a1aa85117a2ead0dd66f9828c' }, h(TableLoadingState, { key: 'f6473742b82e604808474cf294aca1f09bcf820f', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '334eef7d28de693a0c5e4f413c72268acf00bc6d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6172568fd0282924413cbf28255d06f1651bcdbe', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '232dad4bfb95c707989633a1c0c198481aa3a5e1' }, h(TableFootRow, { key: '1bb1da49bef435aec118bc8c8eb5a96c0469f817' }, h(TableFootCell, { key: '481a46c6488f8652f6360725b45ec76baecc6ad4', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'd4fdb00ff58d674f77d99502d98c572562f516ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'cdf6daaa40985bc3925c6f5d5b618102f5168ee0' }, h(TableComponent, { key: '52e74b98af14199c22442fe8b70d2af8c48da931' }, h(TableHead, { key: '65e21eb180a339b71f861c9130e89ad55cda138c' }, h(TableHeadRow, { key: 'b1e2c439fdce4d235fa54560d1952ee84bdfbffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c3113938a3c99f1fe52b7526f9e3d4a0f3f36ba5' }, h(TableLoadingState, { key: 'eda682acb4f576e34d0068ca2ebbec0561bec0e8', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4aee9df94af9135ab87ce32fc3fb3eec4c27990f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '413d3362c4c3fd0dbae32b7c56d3c45a0f228285', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '8d528bd87a55c41dc3327dfff1aaed84593b70c3' }, h(TableFootRow, { key: '1cd949eaafefe2fadfebcd1320cf4d47f8401d47' }, h(TableFootCell, { key: '057e0a48bf6e2fe35754eb11a53b0179adb08e1f', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '7eb638922c2403586e6737e8696aced00d0188ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/product-or-service.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-date2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '1002bf180aa37c993efd3843426d4ec3e46b091d' }, h("div", { key: '967d17c9b1efe91249dff780a207c59970700bb1', class: "row gy-3" }, h("div", { key: '52a40746d927711df8c524eb19bd20f6dc2a0992', class: "col-12" }, h("h2", { key: '72c38af00bc0427b69ed3c59985c9adc0e735ddf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '01245228bab86a92f467467f766ee19679491311', class: "col-12" }, h("form-control-text", { key: 'd0936f06983e214bdbb2c46c934caeb8f1be5429', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'af799d1fc18297dd453a3cf95499d7f3fe131a2d', class: "col-12" }, h("form-control-date", { key: 'bae6c1912a5b58e9e241799bf422f47e05cf69ad', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'ba0fb2219d311ff6532371de7d1779f9cdf58fba', class: "col-12" }, h("form-control-file-v2", { key: '35321f0049a0c792a0c723a4f56fcf1077cfe226', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '116c8109ff66ee49f71dd2942afd87802f0a7c55' }, h("div", { key: 'ad46e75181ecd8c30ba60c11f4d841ced13e77f0', class: "row gy-3" }, h("div", { key: '7247495b2134d3abe73c65f115f82467b0ffbb74', class: "col-12" }, h("h2", { key: 'c9e1e882662d10242bf287c426fa976580521af8', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4bf80f0e5bbf2fa8f2722bcf55f21339afb6e650', class: "col-12" }, h("form-control-text", { key: '0c29fe5584bcaf6329efa1d24eb1a731459a99f6', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5a9338d6d046ecc9e9df64cab31c7ba50ce88e7d', class: "col-12" }, h("form-control-date", { key: '51e2d0983faf533fa188e0d679446c2b1b17a9ee', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '237e39cb91eef0d6e5ddcb6c0ff0d4bccb64cfe2', class: "col-12" }, h("form-control-file-v2", { key: '5eee43125a7ded5640735f25c9713fc98666df98', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.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 RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '8c477299c96f62141b72beb93869affcdfc6b11b' }, h("div", { key: '91788a7fbad8a83f79840f6579688f29a97d49a5', class: "row gy-3" }, h("div", { key: 'e2948efeccf931b4b35fa12dda1c00ba7edbbfda', class: "col-12" }, h("h2", { key: 'bff14f8b7bf0e823fc7586ba4eb64160ed031d60', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '90affc176f5fb5f53253493833bc3a053611a3cf', class: "col-12" }, h("form-control-textarea", { key: 'b367d9aa62aa68fed18cfeeb97fbf3eb3e692b0e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'a73a5ff85720baf8753871a6f644fe590cf78984', class: "col-12" }, h("form-control-textarea", { key: 'd1b50580a0e3dd932628b4538ca7d9baa629120f', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '58cc7aeab51768dd5dd95b5779383345c32e13b7', class: "col-12" }, h("form-control-file-v2", { key: 'ef83492203035b03ae2dc164a552dabef93b67e1', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'd5cdd3248db7caaec1c0ac1f29f6855a8aae7173', class: "col-12" }, h("form-control-file-v2", { key: '94ea35a1d40ff19d2820469d540f77d23001062a', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '70c6484a73b7bb3c794703f08eee51aaedc564f2' }, h("div", { key: '26743bb218cfdaaf8f99f75582afc06b45a45584', class: "row gy-3" }, h("div", { key: 'd9fca9e6a0985cf2c8746b54f26c8fcd4c198382', class: "col-12" }, h("h2", { key: '428b73ad90c7f6b73980ff51ce7936dd7fe40217', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '7cbca206b3d9aa7669242b33fdd84712f6d6a49d', class: "col-12" }, h("form-control-textarea", { key: '5d7cadc32a5c6f95c0cefc89eb81e1f5d62dafac', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bd1bfcea8114595f34bb477c88d18dc9d4094821', class: "col-12" }, h("form-control-textarea", { key: 'cb08d0e1e206079e97929d4008fc8f5d7561b342', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'b692266abea088b1818ade9243ffff67d556a196', class: "col-12" }, h("form-control-file-v2", { key: '79fe63b4949a3181a4afffffb8ab5676c175774c', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'ce43bc526887e61e58c30aed49e75d23c04d74d1', class: "col-12" }, h("form-control-file-v2", { key: '6f743b261c533985aedc5d3dc0d4e706f9ad9a71', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/save-new-payment-method.js

@@ -23,7 +23,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(StyledHost, { key: '04ed1491d4f5ca3e03a8a1f7a46dff5a0eb888de' }, h("form-control-checkbox", { key: '7901643960e9d5d26c5916fb6e06601a6b59906a', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: 'e40e77b8ef70b343c870a4cb0b6cf3fa51543ff9' }, h("form-control-checkbox", { key: '1429e670405e0d43eef2d3b5ed2d071db339129d', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "label": [1],

package/dist/module/schema-validations.js

@@ -1,6 +1,7 @@
 import { a as create$6 } from './form.js';
-import { S as StateOptions } from './state-options.js';
-import { c as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as bankAccountTypeOptions } from './business-form-options.js';
+import { S as StateOptions, a as CountryCode } from './Business.js';
+import { b as countryValidation } from './country-config.js';
+import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as bankAccountTypeOptions } from './business-form-options.js';
 
 const transformEmptyString = (value) => {
     return value === '' ? null : value;
@@ -43,9 +44,7 @@ const doingBusinessAsValidation = create$6()
 const websiteUrlValidation = create$6()
     .matches(urlRegex, 'Enter valid website url')
     .transform(transformEmptyString);
-const businessClassificationValidation = create$6()
-    .oneOf(businessClassificationOptions.map((option) => option.value), 'Select business classification')
-    .transform(transformEmptyString);
+const businessClassificationValidation = create$6().transform(transformEmptyString);
 const industryValidation = create$6()
     .min(2, 'Industry must be at least 2 characters')
     .max(50, 'Industry must be less than 50 characters')
@@ -59,6 +58,42 @@ const taxIdValidation = create$6()
     return value !== '123456789';
 })
     .transform(transformEmptyString);
+// Country-aware helpers (backward compatible)
+const makePostalValidation = (country) => create$6()
+    .matches(countryValidation[country].postalRegex, 'Enter valid postal code')
+    .transform(transformEmptyString);
+const makeIdentityNumberValidation = (country) => {
+    if (country === CountryCode.CAN) {
+        return create$6()
+            .matches(numbersOnlyRegex, 'Enter valid SIN')
+            .length(countryValidation[country].identityDigits, 'Enter valid SIN')
+            .test('not-repeat', 'Enter valid SIN', (value) => {
+            return !/^(\d)\1+$/.test(value);
+        })
+            .test('not-seq', 'Enter valid SIN', (value) => {
+            return value !== '123456789';
+        })
+            .transform(transformEmptyString);
+    }
+    // USA default (SSN)
+    return ssnValidation;
+};
+const makeTaxIdValidation = (country) => {
+    if (country === CountryCode.CAN) {
+        return create$6()
+            .matches(numbersOnlyRegex, 'Enter valid Business Number (BN)')
+            .length(countryValidation[country].taxIdDigits, 'Enter valid Business Number (BN)')
+            .test('not-repeat', 'Enter valid Business Number (BN)', (value) => {
+            return !/^(\d)\1+$/.test(value);
+        })
+            .test('not-seq', 'Enter valid Business Number (BN)', (value) => {
+            return value !== '123456789';
+        })
+            .transform(transformEmptyString);
+    }
+    // USA default
+    return taxIdValidation;
+};
 const dateOfIncorporationValidation = create$6()
     .test('not-future', 'Date of incorporation cannot be in the future', (value) => {
     const inputDate = new Date(value);
@@ -183,4 +218,4 @@ const routingNumberValidation = create$6()
 })
     .transform(transformEmptyString);
 
-export { accountNumberValidation as A, accountTypeValidation as B, nicknameValidation as C, bankNameValidation as D, revenueValidation as a, recurringPaymentsPercentageValidation as b, postalValidation as c, stateValidation as d, cityValidation as e, lineOneValidation as f, dateOfIncorporationValidation as g, industryValidation as h, identityNameValidation as i, businessClassificationValidation as j, doingBusinessAsValidation as k, lineTwoValidation as l, phoneValidation as m, emailValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, websiteUrlValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, taxIdValidation as t, businessNameValidation as u, ssnValidation as v, whenServiceReceivedValidation as w, dobValidation as x, identityTitleValidation as y, routingNumberValidation as z };
+export { makeIdentityNumberValidation as A, makePostalValidation as B, accountNumberValidation as C, accountTypeValidation as D, nicknameValidation as E, bankNameValidation as F, numbersOnlyRegex as G, routingNumberValidation as H, revenueValidation as a, recurringPaymentsPercentageValidation as b, postalValidation as c, stateValidation as d, cityValidation as e, lineOneValidation as f, dateOfIncorporationValidation as g, industryValidation as h, identityNameValidation as i, businessClassificationValidation as j, doingBusinessAsValidation as k, lineTwoValidation as l, makeTaxIdValidation as m, phoneValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, emailValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, websiteUrlValidation as t, businessNameValidation as u, taxIdValidation as v, whenServiceReceivedValidation as w, ssnValidation as x, dobValidation as y, identityTitleValidation as z };

package/dist/module/shipping-details.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$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'cd32d2a2ae133088c3388a9a52039ae757a0a200' }, h("div", { key: '5457f7a144ca6ce25d20fe2f043eba902c35205f', class: "row gy-3" }, h("div", { key: 'd11c623e7351f870cfbe41b3841eae7f6bb58eef', class: "col-12" }, h("h2", { key: 'ab3defdc23613c680c9e275b0fcc5598528f1c9d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'cde829a944264990fbbb21261a858dea7e7e3ff0', class: "col-12" }, h("form-control-text", { key: 'b4c7ed2c1ca6f0a6b56702449fadf8d7440aea83', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '2c1fd6999a2cbda3282a87c8512386abd40988e4', class: "col-12" }, h("form-control-text", { key: 'eadf6f942e0ea8ba2a09f08c89c75e493fcec54e', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '6c7cde4b10b6fc29eaf643b60521fd08071a4e9b', class: "col-12" }, h("form-control-date", { key: '0a38ef541f75ba9416ab85a6a396b2cdd7075064', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '117e0936637101d76dda444e0892270196e27f0f', class: "col-12" }, h("form-control-textarea", { key: '72edaebdde0129baf35803be9620d4279c08481e', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'f50278e1ba2a8221bb1b656e636325edab4652d9', class: "col-12" }, h("form-control-file-v2", { key: 'c56b1a62dfd1d4ab3b164d1e27f5f4622af4327b', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '0cf5535a17c98e536665690e19857e6cad62a6dd' }, h("div", { key: 'bb42bc4f9732c68b59d29b520fa8b72cf0169d60', class: "row gy-3" }, h("div", { key: 'aff7c671db0b966b128ab05ff574be7f65ae89ae', class: "col-12" }, h("h2", { key: '8910100bf94d4ac11f8a252c03d8fa09b4b016ac', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '392d3d1ca2fb607d3e82b35813e5a39254bb5598', class: "col-12" }, h("form-control-text", { key: 'c857a5e60c66a1476c509937ccf5907ddb8bb69b', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e98ee583d1333752dc20a8aa34d06680910d868b', class: "col-12" }, h("form-control-text", { key: '07a9d25aac27fe726cfb216e77c937678f7fa592', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'f58bb675c12b21dfcabf0e0ef1194627b5652d29', class: "col-12" }, h("form-control-date", { key: '546063536d78767b2e81ae7c686a7e761602ee3b', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'c197611cc502e5cfaf67461eee9cb606d9cdc14a', class: "col-12" }, h("form-control-textarea", { key: '2afe4380f738553f308aec1c747152e9f6289d26', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '98b0312297d02c4146ad6db2ce3b52235b8c9bb2', class: "col-12" }, h("form-control-file-v2", { key: '1781b796e35fdeb9a11485273cc667fca33dedd4', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/summary.js

@@ -16,7 +16,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'abd92b499208321582b08a490c78c9167be2ebd4' }, h("section", { key: '38e15cef5a19a43249d7ecf3d4eb4ea8e032f248' }, h("div", { key: '747f811012ed9707265369e59dbde8cd7ad3bca6' }, h("div", { key: '8575f50759664d5c64d235025699c81f055267ca', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'af77776bbe21bce77586447bbf445e4c5d8c1165' }, h("span", { key: '5cdaaec454118197b3e37a942d83907e72444342', part: text }, "Total"), "\u00A0", h("span", { key: 'ccc35217ac9740d5a00b7abbcec4133848afcc28', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'a0cf2d923a1283aeac48837faf25aa8ca100adbe' }, h("section", { key: 'dd98da2e82a8a68606c3cee9a9f4ab54a618dea5' }, h("div", { key: '1a4ca7e0cfd24d3ffa7c4d639ae6ecc01ab04ae0' }, h("div", { key: '01291cd64ac310a23f9bb8e6a7a0bde3ab36755c', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7a1fdb4d579a119618c2afd9226834fba41449e1' }, h("span", { key: '9ec7e265476839a663a52116bb64424aeafc5bcf', part: text }, "Total"), "\u00A0", h("span", { key: '72b6ba530ba51d9f6b41c35c843b7fada598de40', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

package/dist/module/table-filters-menu2.js

@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'feeb1b62445446c773d4b6a31cf58bb237e782f5', class: "d-flex gap-2" }, h("div", { key: '4118208bf7f1a0a95f17ce3b5e675f0593a404a2', class: "dropdown pb-3" }, h("button", { key: 'd19031fcda3a895e141758b453e84e58a5dc0869', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '57b0d375b063fbe91299865ae7a441f09ea6e7ea', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'e76309f3d4fbdf967ec1bed88d3ddaf99cf0eccf', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'e72f0b9567b07e22237f905ad5a94aa5d8d0400f' })))), h("div", { key: 'e9ace5e67bf4dc200e48c538e93571166caa1225' }, h(Button, { key: 'b26a73a1ad3af4ee2f724a95fb0361cb51460c64', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '14b8c9b28e6db7921a0b504cdac9d09cc51e250c', class: "d-flex gap-2" }, h("div", { key: '8017069d76200797bb796062c500f5139dd103e1', class: "dropdown pb-3" }, h("button", { key: '12e81650b0c2649d3be74f82744ed6195af4bdae', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'f123c078509a97e24499f909457cefa697c3f18d', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'f983f848d4bebd40c734ecc7e44a28fa8bcae060', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '22ab7f6e07726f2a92008937a7cd1a7dc0b95727' })))), h("div", { key: '51e56c9fea70c03e1738e5baacbdf88432cc78cb' }, h(Button, { key: 'd33af17298a3fa68906ba8b490133db9b294c695', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

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

@@ -164,7 +164,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'f642f35fa0bd514d42f94a2991ec00923159d788' }, h(TableComponent, { key: 'dc6a0488729a57c4792ae84a16c8a7d4c00e16cb' }, h(TableHead, { key: '04ebae008a9e7c29b1a5bd2efb948605857743f0' }, h(TableHeadRow, { key: '61931ebd8258c4a6e83692de4dd43cb3766cad0e' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'f8acfec2e54c75df0c5e0082ed14693f1f01169a' }, h(TableLoadingState, { key: '095f29bb7c56371397c07a22f40b17b673d7c8d1', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'fc77d1eb81ec891fbe6345e4fd23028d70c60331', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '5a6e8f297219dc45d96d5d7e17a8636ca1b50648', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '66b118f9daba0f6b8a12869d3348a06e7425f1f0' }, h(TableFootRow, { key: 'a3e149e674bb6f5a9114da1b917ddb7addf6effb' }, h(TableFootCell, { key: '34eedd1c6d8ff11935a5b411d821efd4eba1381f', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '1374d80bd8c0307afae2c226f3e07b9e1cf21878', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f0170c6510ec26f07f85393063c0255eab650abd' }, h(TableComponent, { key: '3d299e4d180e60f1353397c478e58e5362c2921e' }, h(TableHead, { key: '5b88f652217c31b08c7989ee33823a447c89ebf4' }, h(TableHeadRow, { key: '9dd2b76e6d8d0f82d0e62c663c4156672b0dcd16' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '12442761a52bb3cf60bfd525d2a449f2240594ad' }, h(TableLoadingState, { key: 'e446d797e4cf4d23b761542c1acf2c6f04ff6094', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f7f6fcd1fb4896a5d284d53202f43ac4f7968f0', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c72efe2ae0512c4ef08ca73143828ee6036cecd2', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: 'df73fd0b601ac8b3a0787fb0accc952a87dfba9c' }, h(TableFootRow, { key: '438c6c91bc500ea933747b94159d899babbd137b' }, h(TableFootCell, { key: '8ee489da6b5d7341039c655764c8b0b192a5df87', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2c2f61ac9cd1f7e24fc5f2877fd744b79080a1b1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { u as card, Z as image, _ as buttonLink } from './parts.js';
+import { u as card, _ as image, $ as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '5a0ac226861b9349ad26e184d9295052ca987ba5', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '89d2c494975c1a2d2c71d9047c44119a48c5ba11', class: "d-flex gap-3" }, h("div", { key: 'ca30020f4b3469df0a59f5ca5fa8b81a039f9d5f', class: "d-flex align-items-center" }, h("img", { key: '291fc116fff8b4d33ba3fc1bfb2ec3bd59bef007', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '56466b3e7a47f7156b40bc0e60d8158d63f5700a', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '871c7d5d2575a6a26ee11d817b1cce5ce42cbffb', class: "row" }, h("div", { key: '12e3e653243d07dc4a712f9127927924e13c411a', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'a69d9738422defbb50ec1abb951b049e53fb5f8c', helpText: this.description })), h("div", { key: '84bc103439e64acc04b20afd0295a792c78595c5', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'e245dfcc301ef1efe2aed937af3d21eecff1004e', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '30827d9946f4d82b57ee3967ab2cfe475e9ab65c', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '758b3a72d98a540b8b92dc8b86c8abdd7d19d2a9', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '3e2c9aac5322205108924c346a1f5bed41a673e6', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '010ef8e5ecacabdbde46e15c01b68bc89450f8c2', class: "d-flex gap-3" }, h("div", { key: '9a7a9215dffbe59d9a3ebee2ed40bfea1f838e7a', class: "d-flex align-items-center" }, h("img", { key: '51e5919f4c76ac372f6caaca35d5e16bc99c4766', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '23c5c813f0a427bef785d8f48d03ffa4c6d94aad', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '2eb6df9a235030b347dcea3e398961761586b36e', class: "row" }, h("div", { key: 'cb5daf84d7ba9c1f41b3d2a78ae5c5d90cfc6817', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'fdeb46a05efdab7bd1ff5c1540f968cd9a868bec', helpText: this.description })), h("div", { key: 'f89be0d4e9ec16363acac6706a122657219746bf', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '55c367a543f03d0e05835781a7e775497be0d782', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '77cabef1a1f3c912dca9d90e4f63e9004e20c829', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '2ecc0d4c5022045e618049fc3edcf9f07d882f64', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

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

@@ -187,7 +187,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'dd5f6ca2944a4c612c5a99e7e70b64240ff77890' }, h(TableComponent, { key: '05c34cdbf22ec62b04165259fc456b8f7f94e166' }, h(TableHead, { key: '9d55c62444326c96a8cf81f2237d6bd16ecef155' }, h(TableHeadRow, { key: 'a0f923fb4937dad46d37085f15b93097aa9453bb' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'bb82808aaf16e572b90e09f9666384907317c617' }, h(TableLoadingState, { key: 'a5fad3901302bd468c1e8e312eb3fadedee709c4', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f954dda201865b55141e9288219729561fc22240', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '8fce08061353a7ed9d5f364489cce99fb934e36c', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'e62da6a0cfca1447dce0e65999ecaee501cb1060' }, h(TableFootRow, { key: '12e0ac4fb55a6cb9960a4bc69296addccc629b54' }, h(TableFootCell, { key: '4024dfbee9409a2b1e9d22272ba23ed16c0afbe8', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '201eb194b2f8c620b5a775d7e2077c8e33de8aa2', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f171aedabb3df580e9d3f1d8c36f59e3774e6031' }, h(TableComponent, { key: 'aa6feb39f0eb99d7a5c1ff8ef265db952b07b10b' }, h(TableHead, { key: '6ddd67370555763e7d4d56a4b81610bdb3807d7b' }, h(TableHeadRow, { key: 'f362b10cd24cd9fedf734fb5c0f0bd68e320d84d' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '9f6dd67cd0a515c8c6916ddc11b5a607f20b69ef' }, h(TableLoadingState, { key: 'e90089e7908eaf8d94de22800bd9a4ba44a2d45f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'de3939e27a78d9c4891bd40b84d6d8360f5a498c', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '77e61801468b7cfc528ad309f2d4acd171399bd6', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'f6e90fd1a49eced3cc53883527fb61e5fd6af1bc' }, h(TableFootRow, { key: '21122ad59cf25bafcdae39a329814a524261c1aa' }, h(TableFootCell, { key: 'e17a4155000b9fb4e36f69a81cb7c25847f9dd78', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'bd7be396936e2aefe7003a7494227a0fa8b6ccbd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/tokenize-payment-method.js

@@ -277,7 +277,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: 'bf221d17739bf70c3f581f3b9791a725e76c3f35' }, h("form", { key: 'df117d42d4160f31df1fca5d6903967cc48ad573' }, h("fieldset", { key: '550e670feffb405c669d44c44eb9073f535c6cb6' }, h("div", { key: '8eff7d3ab19618da54161220b92641bf19bfa82d', class: "row gy-3" }, h("div", { key: 'bf9d19e92be74abf48ce65c97efb3f9df52d4c3c', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'eef1f4e1e03c2263efb51ae94085c5a3d73a9166', class: "col-12" }, h("justifi-button", { key: 'f0e5697e658236610da45c34e64a8cbb3f0f9d95', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '0d3168166bba767403d0efb85f26c408adb4c93e' }, h("form", { key: '8ac12f8171da6907c83039173cbc7a009e662bb7' }, h("fieldset", { key: 'd88ea01b37a9ab0b7ff756577d2d17430853408b' }, h("div", { key: 'ac750c1faf2ac05279c0912527f0c468551bf738', class: "row gy-3" }, h("div", { key: 'dedef72db299486b3141a47ed6df93dc799270e9', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '4d34febc61916210214166f94b9d38a24c6978d8', class: "col-12" }, h("justifi-button", { key: 'ce02121b93611d8e780b5c483bfe384ce4e7ed7c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {