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

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

@@ -14,7 +14,22 @@ import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js'
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
-const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
+const mapCardBrandToDisplayName = (brand) => {
+    if (!brand)
+        return 'N/A';
+    const brandMap = {
+        'visa': 'VISA',
+        'mastercard': 'Mastercard',
+        'american_express': 'American Express',
+        'discover': 'Discover',
+        'diners_club': 'Diners Club',
+        'jcb': 'JCB',
+        'china_unionpay': 'China UnionPay',
+        'unknown': 'Unknown'
+    };
+    return brandMap[brand.toLowerCase()] || brand;
+};
+const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits,card_brand';
 const paymentTableColumns = {
     created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each payment was made" }, "Date")),
     amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each payment" }, "Amount")),
@@ -23,6 +38,7 @@ const paymentTableColumns = {
     description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment description, if you provided one" }, "Description")),
     payers_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The name associated with the payment method" }, "Account Holder")),
     last_four_digits: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand and last 4 digits of the payment method" }, "Payment Method")),
+    card_brand: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand of the payment method" }, "Card Brand")),
 };
 const paymentTableCells = {
     created_at: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showTime: true })))),
@@ -32,6 +48,10 @@ const paymentTableCells = {
     description: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.description)),
     payers_name: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.payers_name)),
     last_four_digits: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.last_four_digits)),
+    card_brand: (payment, index) => {
+        var _a, _b;
+        return (h("td", { part: getAlternateTableCellPart(index) }, mapCardBrandToDisplayName(((_a = payment.payment_method.card) === null || _a === void 0 ? void 0 : _a.brand) || ((_b = payment.payment_method.bank_account) === null || _b === void 0 ? void 0 : _b.brand))));
+    },
 };
 
 const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore extends HTMLElement {
@@ -118,7 +138,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '0f667b8996650351ee636d548437217696ba8845' }, h(TableComponent, { key: 'ea49b5f4a53b03525a960954df711f39ee1ec41d' }, h(TableHead, { key: '7e06f612e6aa80267abba505c5b44506a907ae1a' }, h(TableHeadRow, { key: '561827555ab274f70fe4e2e08442689b82f8b2c9' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1f724d553ca43fbe20aeeb1bcbedf87e7d5b917' }, h(TableLoadingState, { key: '27c9f9e459857cf208f9bcb1a5a81f02fcac0850', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '546e87c7198e6b7efaf1dde4dba0e2bc9dd9e4a7', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'cbb35d379ac52943549b58128af24f682b53254f', 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: '4b8de6a6841bd6f087f8819febd3136742e535eb' }, h(TableFootRow, { key: 'cb2f446cd73c72e551378d73d5fb7089bcf9b8a0' }, h(TableFootCell, { key: '01098f6891794529ddfc1d7b1303706313694316', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'a907422b1d6246570d14862478154465c4ad59c9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '16623ffd64fb8c608f44daa44597f823ccd179a5' }, h(TableComponent, { key: '19933513ac4ae5f75a30e8a255ac0e53d1cb5c87' }, h(TableHead, { key: '4ca9504f2d3f98d1fe198c7524d1d80aae7ee169' }, h(TableHeadRow, { key: '497a03b10bf1fd4fbab5e132a26a4f59d0f0e947' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'd3b321c2647c28b672c92c7e6a35d1ecf5ef4ffe' }, h(TableLoadingState, { key: 'f203ce04080f5bc06eca7a1236b22b90281cf920', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '7d0db001613b7e1fcc23ffa93ae7f61f0d96814a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '7dad16e0ed9131547334624ccfe378926771caa7', 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: 'f20e35a27f36703aa6c81e71da2b990a36074335' }, h(TableFootRow, { key: '34d9bada6b39ff6f7ce8a12e13c8276e54358758' }, h(TableFootCell, { key: 'cf868546ef932a43c6b820afd8eeb7c31b87ba2f', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '206704c8b7990ed504c41113a188aa61d6d4c6a8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -126,7 +146,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         "columns": ["updateOnPropChange"]
     }; }
 }, [256, "payments-list-core", {
-        "getPayments": [16, "get-payments"],
+        "getPayments": [16],
         "columns": [1],
         "payments": [32],
         "paymentsTable": [32],

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

@@ -64,17 +64,17 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', 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: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
-            h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '5568a561f38c1d899171163d23b029766adb0e8a' }, this.loading && h(PayoutDetailsLoading, { key: '1c17be181850fde8e996b526d76c0452e7353e16' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'd507119400ed8885a0b0f3061f54c82cd2d151ca', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2d6192cc947a78b0566401b07b661b5116378798', 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: 'd25b191987931a853b16d40b819c5e88ca3bba70', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a669dae8e5699ca83326a799e07f5b9efb673850', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '2952d01e2d98ca87ad2a8f1349144dd8a0d6d87e', title: "ID", value: this.payout.id }), h("div", { key: '376886d0c0dfee789825f007f7bf17847a0e4f74', class: "m-4" }, h(Button, { key: '2ceae9f29c2b07efeba427a97a8ed79cac27c736', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'be5844790b248357d9d919830ee54f159f24268e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3a450675b1811d87cd61692f7a36443d56412e7b', sectionTitle: "Details" }), h("div", { key: 'c6fe4e20c5b7607cb7f7472a3f41245b1cccdf5c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'aaa0e5d6d2d764e5b4ee430a21d94891cea55dd6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '92f7534cc1cd4463ff9f4187dec79520bc728d38', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd25daac9ecd7de9b3e379fbc6baeaba5f7c7db96', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'a648fbfdae282870dd7471d8e6fe414ca3e225d6', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4720bfeae9fcb545aaa84b373bdea0000ab803ae', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '54d6f97ad54c2018d873062d15c63143ad899c4f', sectionTitle: "Account" }), h("div", { key: 'f46ec5329dc9a5301345fbff79cb95eada27c7d7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '4b0432e3b43a54591bbcd007372d63359738e7f0', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c4f24ea424336b398b73268869e42aa5efaba22c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a7735eff20bcd14399af5da2a1f83b308a5a7d1d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8f111b1b61509802d2fe743ca1b7f6197e5fd50b', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '85dd7ec442ac9dafe7b87bf7b036088166acd7ab', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '42bd46da966657dafe6db564829b6ecf41c0195e', sectionTitle: 'Metadata' }),
+            h("div", { key: '41124e965bdc0d0429f16e7693894bfa6c62c9df', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '718b728f4aaab7092530ed52de11348b8e68a2f6', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]
     }; }
 }, [256, "payout-details-core", {
-        "getPayout": [16, "get-payout"],
-        "getPayoutCSV": [16, "get-payout-c-s-v"],
+        "getPayout": [16],
+        "getPayoutCSV": [16],
         "payout": [32],
         "loading": [32],
         "errorMessage": [32]

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: '503793db2fd72d3854bfa1eba2051bc822000a1a' }, h(TableComponent, { key: '1db195f7f1206bef7236ccd814c464c61b12f3d3' }, h(TableHead, { key: 'a61137a34fddf3f854102ec7a2964f127d7555f9' }, h(TableHeadRow, { key: '3d3c330e5758ccb4aa14bb7b5ae993d8d2c1718e' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a483803ea8dd9db844f36f9f8c7a89e81d7322b4' }, h(TableLoadingState, { key: '10bee5e971e10b0313b9b411c292f8f65bf1cf82', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c8ec9f17a98baa81b4b1830eb8d0bfad45cc8ee1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '94cd786053173ce22f797b0da263488cab9b5139', 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: '533bb1571ae70a03f60d13d5742296f425512919' }, h(TableFootRow, { key: '15924c92e5c9f2202066ebfa02aebc2c52fccee3' }, h(TableFootCell, { key: '48bd284c90d4ac044b5fd5f323c90fab5e9fdb5d', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'cfc4bc6b077267ced59bf8b2519ee0354e676560', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '59994e4906090071601b397325d5f7069b8d8a22' }, h(TableComponent, { key: 'ce036662e9f46e7694dbc10b943fc1214f75daa0' }, h(TableHead, { key: 'af54a1f5719de98f09e328c38656d2c0118e15c4' }, h(TableHeadRow, { key: '2820111563b25c714bf471d899e138b6a2b6a364' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '133f14f906b44122d1bcfd24e03cda0056ace227' }, h(TableLoadingState, { key: 'b4332c9c89bbad2f06b2b69f533d3fcc70e6ec3d', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd23e5d640e3fe1f38b6f437a96d0a5f6e7832c28', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'edf58fb04ebabdcb0678a551d7d87a236baba849', 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: '081f88093dda02c81346b9eda6c3105bc6c7c0f1' }, h(TableFootRow, { key: '1b579bb5c8feb1f388f3ad2c25543f5d8f6b154d' }, h(TableFootCell, { key: '6a6ac8031d15ed7e2fc158028bcc7b44901faca8', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'ef890187c152081d1daf8cc870a81d75db439128', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -181,9 +181,9 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         "getSubAccounts": ["updateOnPropChange"]
     }; }
 }, [256, "payouts-list-core", {
-        "getPayouts": [16, "get-payouts"],
-        "getSubAccounts": [16, "get-sub-accounts"],
-        "getPayoutCSV": [16, "get-payout-c-s-v"],
+        "getPayouts": [16],
+        "getSubAccounts": [16],
+        "getPayoutCSV": [16],
         "columns": [1],
         "payouts": [32],
         "payoutsTable": [32],

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 { $ 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: 'c93f5bc2e64f5e2964eb033cb6c972283841876b' }, h("div", { key: '7986f459ba9cc0d7e896a418ba4bd9e51148d36f', class: "row gy-3" }, h("div", { key: 'ddf033f861a5b91961294600a5d6d7261937711c', class: "col-12" }, h("h2", { key: '2a33306859a2982fbb3457831c29a98cd3e86c4f', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '385212b08cbdcd4d610c806f1f9b5d18446a9831', class: "col-12" }, h("form-control-text", { key: '210a8c07288473e93737e93659dc91e7f813e306', 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: '5a52ad00db803d2ddd0afe6ee7cde4b907e1ad1a', class: "col-12" }, h("form-control-date", { key: '1bdef3f3391b4a97aa3e97aefac3e29b5520f620', 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: 'd4fc75d0f175914e2fbb134e6449e1d45742a9f3', class: "col-12" }, h("form-control-file-v2", { key: '62e1ae0f42103f49bc5c93427b62ad90570634f8', 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: '3560b76ef6eb095e247058bd65138baca3270d26' }, h("div", { key: '340ff32d302a7c255f4e3d2f7c6e32ed42ecd812', class: "row gy-3" }, h("div", { key: '4dd1cd92df58c39920940715c74b1cdc19206ea5', class: "col-12" }, h("h2", { key: 'd5f577c5169664f1d84bf64bdc85758c5033be9e', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4a3c80fe6e8714adb4f195cafd6d0fe419f0d392', class: "col-12" }, h("form-control-text", { key: '637118ed43962371b9232fce583f65ee810132ca', 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: '7a52049834ea6a7ec1805f3a2e9aa4b827c5dc7b', class: "col-12" }, h("form-control-date", { key: '8eefafabd31fe7a9be19de0d13a1cecb6f61c043', 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: 'b445d6ffb5866da1e94e64d87e4d120e1f1e8993', class: "col-12" }, h("form-control-file-v2", { key: 'db218fa96ddaf2383a7f053ca4115333657e916b', 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 { $ 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: 'a300941b5472ab2cfd1dd212fbab4b280c132f73' }, h("div", { key: '1f11681c815c4f0676da384884b758b1bd49f3d1', class: "row gy-3" }, h("div", { key: '56f1575a5e2c7da5d725ca224b5d64163de0fd23', class: "col-12" }, h("h2", { key: '9ccb22c016184f233d1096b66380473a8e62c269', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e602ac3e5fe3cbd3d12910d66cc8d879295a9e4a', class: "col-12" }, h("form-control-textarea", { key: 'f6e6dae3ab7d383da16fa5308933a77cf63f11d8', 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: '8cdb3b28847683f5fd4594eb64522c899e5ef993', class: "col-12" }, h("form-control-textarea", { key: 'c8e4b7c760cbe8bb9cb30818b0c29f6012092649', 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: '95c376af4517e3ee23afd64d479a6ae051f03d72', class: "col-12" }, h("form-control-file-v2", { key: 'dc2ef0d5911dbab2d820bc46563bbb7218390501', 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: 'b9d6ffb85e987f5037e414dde26e72f5219c0ea8', class: "col-12" }, h("form-control-file-v2", { key: 'c6513b7a2f9d68c2df2be8c21da0d16e03a6a885', 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: '47624ab9ecb43e67c11b92a779f306c3dfdf2983' }, h("div", { key: 'ed48b88318c23510deb37d4dc0f573a656b9f52a', class: "row gy-3" }, h("div", { key: 'd95b83dd2996710485c66bd853bd5c06f52b69e2', class: "col-12" }, h("h2", { key: '38dfdfc96d1f082a05c10709cba186eb97efafa2', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '61ee95c2f40109d36dd9649f91ba92a2daae8fb6', class: "col-12" }, h("form-control-textarea", { key: 'cb8a8d8e695dd1c8b4db4471cfb052a9983f38d2', 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: '4f88c32fdb04ac20fbc69be497f7d1a65a7de46e', class: "col-12" }, h("form-control-textarea", { key: '4b6720ade82fa44869b86289ec8f29fb53be9dc1', 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: 'fc70d14e807749f441d0d25e86dc99dc3168eceb', class: "col-12" }, h("form-control-file-v2", { key: '46d8bd0af0da9693e0efffd24a43214b487b968e', 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: '0d3f4c43419df58245f4a2c6efca51052ec926f3', class: "col-12" }, h("form-control-file-v2", { key: '770130dfa0920d22681614a71091c60af5057b1d', 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: '0ac7e7b80c9a00737eed4f9345020994eb5d92bf' }, h("form-control-checkbox", { key: '3396c0a413c3d498d7cdccc12ad97739d97f74c8', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '28c13afd8a8f21e5f67e362c19c6e6225838f472' }, h("form-control-checkbox", { key: '205ae5a43d5634c4ec1e692d3e3b123e6b3adc34', 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/sezzle-payment-method.js

@@ -70,7 +70,7 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
     }
     render() {
         var _a, _b;
-        if (!checkoutStore.bnplEnabled || checkoutStore.disableBnpl) {
+        if (!checkoutStore.bnplEnabled) {
             console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
             return null;
         }

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 { $ 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: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, h("form-control-text", { key: '69a90af0a8c328b7e0eba67d39ac3f2f4ffd3439', 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: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, h("form-control-text", { key: '266415e75633d4d4b5062f56ec43d47e60e03aa1', 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: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, h("form-control-date", { key: 'b5eaf92844540c4536f8296e8668ed7e826dfd1f', 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: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, h("form-control-textarea", { key: '924cae54e30cba491dd4ce10bb514a7374a1d793', 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: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, h("form-control-file-v2", { key: '832da84ac1f4822ac882c03d60b169a2351ffb8e', 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: '5d6f7387470632f1477d70e63884e7f220bbf3c3' }, h("div", { key: '33435f8d374285ea7da21ba19077ce6a7d64f877', class: "row gy-3" }, h("div", { key: 'dd9e36fcb5a920815b65f2da7ffaae6624762b2e', class: "col-12" }, h("h2", { key: 'fc9f218047ccbb8d36f9ae659cae8608c4a17c98', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '3837754c1ca9827c6eefe8bd015753e757f6ecce', class: "col-12" }, h("form-control-text", { key: 'f92430e331cdc1e548823ee50e19bf6a0138061c', 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: '4b75c4ba88d83560288e567f06d3aa8bd60c02d3', class: "col-12" }, h("form-control-text", { key: '9c20d40ec5e39b8eda0324f83c9bcc7ae0aaec97', 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: 'c2ea40c473883b76644794473b6a61b44a00a9fa', class: "col-12" }, h("form-control-date", { key: '8bb7a4f77956e6ad738bb216143bd81dd06c9b8a', 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: '0f488c098004accd493d17b43e9f5e03c8aa2e04', class: "col-12" }, h("form-control-textarea", { key: '06668e8e56aabab9d618b35c0b179476595a5af5', 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: 'c6c0191e78a0dad7d915ad146181c9c702b5f946', class: "col-12" }, h("form-control-file-v2", { key: '816cf6e130f8c986811c161499d9325d7dd5d7fc', 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: '3161e6f6a196c79d684574cafbc90bcf741b2150' }, h("section", { key: '594b4485ed4fd9d7c1ee7f4556f071139f92ef0c' }, h("div", { key: '5c2d14677dda6fc7ddcb074d4887b839385dca3a' }, h("div", { key: 'fb850cd7e9c11741349710696dd4e6241c98e805', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '959014d7fa2a9c97bae0c986313a604930c1e0f3' }, h("span", { key: '14ab0932a083568419b1c36c95f9072c73962b11', part: text }, "Total"), "\u00A0", h("span", { key: '08a9e00332253070ae984b77eb2a9bab88eb3472', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '486de82e23fb45c7dbe804e92687ee380643483e' }, h("section", { key: '45a41fb60275d5c50b994aa47bed8db6df231b77' }, h("div", { key: 'ea4d92fdce0182538a3f42e314c7e9a9bc8e75eb' }, h("div", { key: '35158706826e010c86f7fcb43da383c726fe595b', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e2caeff8e0b4ba4a549cc256ab6df0ad44d3cebb' }, h("span", { key: '104c839b0a5c518d115fc34d66082c035e1b76ac', part: text }, "Total"), "\u00A0", h("span", { key: '79fac509d988600dd8c7e99f6c1be82956ea8219', 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,14 +31,14 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'db1619bbaa73d4102c684b2ca1b4897d1c36fa66', class: "d-flex gap-2" }, h("div", { key: '68f4538d4465aadbf20e322264e219ce7ca8078a', class: "dropdown pb-3" }, h("button", { key: 'cc1835756c1fa2a24a4bbc4ec2960caca0d24e75', 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: '14f88ecd195fcf3770cadd71659b00d4c117c460', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'd33a6875f30413f3a2f5b8d706cf0bf0e3d6620a', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '5923bb3684fc9f710a6686d9bf90a6d0f35a1818' })))), h("div", { key: 'eba66abc4ef60bf7603fd9459cf4040ed6105e8c' }, h(Button, { key: 'f5de28962ac56636904cee2a5e5d41204e07143c', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '666d19b7f8dfa697155195faf6cafed8e001a3a1', class: "d-flex gap-2" }, h("div", { key: 'e8c5ce6acf0e981e974ec7dac626fa1133de91b1', class: "dropdown pb-3" }, h("button", { key: '019fe2ecdeac0d436b343489de8c58c28299b3eb', 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: '1264bdb0fad73a14857cd08774c5965b36e8e7cc', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a5474b3d320f0ef1ac44ce386a0fe06543c4dc56', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bcaecc2051576ef38accd6195f041859c94ed32' })))), h("div", { key: '5adfbe93c5ec7e7b953e33a92d197dd52f12291f' }, h(Button, { key: '60ae8725304a6fe6ef1e994deab0151c2c5bebd1', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]
     }; }
 }, [260, "table-filters-menu", {
         "params": [8],
-        "clearParams": [16, "clear-params"],
+        "clearParams": [16],
         "anchorButton": [32],
         "menu": [32],
         "showClearButton": [32]

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: 'a8131df17851ab1468e025932371fa4b97ccc144' }, h(TableComponent, { key: '0fc81f64fb8a8f138f25c70522d046921edbd094' }, h(TableHead, { key: '7cc8be0184008cf08128eb1f241ab670538ecc65' }, h(TableHeadRow, { key: '5a7aa37a2b8f02469ca6c703e098da9431c0b45f' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ff32aad8d5c4f319550d47ae1e0f77b617aa3d70' }, h(TableLoadingState, { key: 'dcc25430c77867a2c9639eba359c0d54cbacb73a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '474ecda7420d595f49777f31910a380b48a8a1bc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'd91e28581823ca91778159914157a003b011caaf', 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: '6dea4a93ab757d35916b9351e4e5fa7f76b4afd9' }, h(TableFootRow, { key: '5098c2d994bb0ba397bc94d7a0e9419b06e582a5' }, h(TableFootCell, { key: '5a8f90708691987f672cde0c102323225568d989', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '509e53f4c070fc9a8b479dc673c526417aceb5ef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '71743bd2440b3b00ecafe74ddf9a0f48a96dbe6c' }, h(TableComponent, { key: '942af2def8486e3ff6d9cb9244bd88061b48db90' }, h(TableHead, { key: '32bcb4a7c21292ab9742dc509b921bd2f3b5ff5e' }, h(TableHeadRow, { key: '978a80218e60edd29d8799130c98f4772b471586' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ef5a80cbc4868cc75fdfc19d58a6cee8928546ef' }, h(TableLoadingState, { key: 'dd773a17e38a975dd3821a104bfad75d83ed907e', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8a857149326cc110d2daf440875cd977b8f2e2d6', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1c9dfccef7c8675539290f53d3b6c615261c713a', 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: '2ba8b5c118f45affadf0bdf6ec9d013d4ac98636' }, h(TableFootRow, { key: 'a756ee19c1f4c36975f65aec354a4480f5563ea4' }, h(TableFootCell, { key: '7549ac667748d24c2f581eb13a5e0cd65c17697b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '98178188d80869e44ceade1e225655a1f2d62ceb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -172,7 +172,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         "columns": ["updateOnPropChange"]
     }; }
 }, [256, "terminal-orders-list-core", {
-        "getTerminalOrders": [16, "get-terminal-orders"],
+        "getTerminalOrders": [16],
         "columns": [1],
         "terminalOrders": [32],
         "terminalOrdersTable": [32],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { q as card, Y as image, Z as buttonLink } from './parts.js';
+import { q as card, Z 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: '852621f3c36375e9c300201e4405c95501488c6d', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '1695cd25eaf56619ef4cc39d81c11ca9b6a5cd45', class: "d-flex gap-3" }, h("div", { key: '9930b0bd8881bc70bc5bdb2b31428980ec83a49b', class: "d-flex align-items-center" }, h("img", { key: 'ac71b5e64fd9081e8dc9c962cac1e747f2234fc4', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0d575087df793cdeaf7bc04744d60647ea7d563f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '35f18a705ee606a825c8ad7a6ebe449e6941e4e5', class: "row" }, h("div", { key: 'bf4f916904479fc7abf3167cacd9a655709a5048', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '1a96f19f6f9732c5f8d9dbb2405de2d3f24b142d', helpText: this.description })), h("div", { key: 'af1ca75c5134c832d8f64b63833b7494c8c11ca5', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '0d400a00a808c508ba870dc8e37d597581dd86ae', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '4348aef4cf19c02c574242f82061087e74e82617', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '75791dfdb7861bb7c1e4a2dc5376bceb12a19009', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'f05ebce500fb462f6e92351386b14ea0f1968139', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ebf32f2ac9ee978f08d4c146d6022fb0ad92774f', class: "d-flex gap-3" }, h("div", { key: 'adb4e21d7ea60318b9b977f9f5fe7f52261a1949', class: "d-flex align-items-center" }, h("img", { key: '6e64b6e9b56a651708529d14919ba97feeb44862', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'cd4bdf915458e857b8986a65e8127409782c73ae', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f6f70ca349493eea14d08d71b156a45c0c0d6852', class: "row" }, h("div", { key: '45b80f642748e9ef52df59e79fd2133d7f6d42b4', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'f48f14c05bae0b817208d37b159b90fa52155b5c', helpText: this.description })), h("div", { key: '340152ebf444ecae6118d7b0411cbc892dae08dc', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'fb16cb533eb0b4b6f4826323ff181bda7925b672', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '13ff697e39207f42e1e805169ebcf559b3b864a5', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '248a028259b6bbf3eff7cd42aef9d492bb11d298', 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

@@ -182,7 +182,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '27022f23dcede378c6a6d16bffb040aa6448f4be' }, h(TableComponent, { key: '5d369cf93698adb50b843f65c747672abeb74cb4' }, h(TableHead, { key: '21173a74ccb82d7c3278157dae4ef3d471dbee5f' }, h(TableHeadRow, { key: '43e425567500ff324fd6ed68647a9504df812bf6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '1151ee93144161308f8b27b0172acb32d2096d25' }, h(TableLoadingState, { key: '353fb24dfbd941e8bba6f62799e0feea42d05c53', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'daa19b965b5519e766ba8bbb63cfc4327128bf22', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ee44061fa93cd20a59040a7b3faaeac10a925810', 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: '12cb09495ba8d416fd3593ccae4f205735226ecf' }, h(TableFootRow, { key: 'da2e2695e6101193db9f67a0a76ce1ce8abdc646' }, h(TableFootCell, { key: 'bffd81b4e90e668caa47813f96ab1a7764fa0f1b', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '61c268da3402e0675f54515617a6bd2d58834e17', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'cfe1ede487eed5a2723af6bc3df664b8a00803f8' }, h(TableComponent, { key: '7e14a73b25a1bd8fc929625baac78ad73b97f25a' }, h(TableHead, { key: 'e0e0f0b02883ea5568f8f9cef7efea7084421a2c' }, h(TableHeadRow, { key: 'fce520af31336e6ea90c47bc277f76f7e78f6708' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '59b20605909357d3bf5967c6e23041c07b1b5823' }, h(TableLoadingState, { key: 'c838ebc2443a857aa706d0bf495a19eb00b5af0d', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a2a8eaaa3e2cbb1d8e64dce0ca55a0741ee857d2', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2d323895c034ae25d4e4b440f0cf98c4de20efdf', 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: 'c9f5a05d1c661f7e0780ec161b0afa6a74d5cf8e' }, h(TableFootRow, { key: '888f97557066f6003e1b09acf47aa4a75f6ff59d' }, h(TableFootCell, { key: 'db634074f6a089b52f7df8ce55af6f8499e3ba72', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a30886dd1354edd40d3818215e29ec57cf70c7c1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -191,8 +191,8 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         "columns": ["updateOnPropChange"]
     }; }
 }, [256, "terminals-list-core", {
-        "getTerminals": [16, "get-terminals"],
-        "getSubAccounts": [16, "get-sub-accounts"],
+        "getTerminals": [16],
+        "getSubAccounts": [16],
         "columns": [1],
         "terminals": [32],
         "terminalsTable": [32],

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: '5fc5dad15215fe24b421f4d6c13355fb849b8a76' }, h("form", { key: '0e0330e5b11ee3ae0bef9e092fa2fb2a0a6af3e7' }, h("fieldset", { key: 'ee4c026ccda62a249e019a9e105e40ea465fc400' }, h("div", { key: '15a8a86fa5be8a545745260d76a8c3b2569d6a0e', class: "row gy-3" }, h("div", { key: 'bbbeed6ee96311394a876b4beb206e8e335184c2', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'da2a2009abe4348e25a5fc712557e81e9f6c4c1f', class: "col-12" }, h("justifi-button", { key: '050939c757999383226f281ee0eff1ec178be203', 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: '373ac317c7a4c4c808ca67e8bf63be28c5dd43b4' }, h("form", { key: 'da07764bca9a6af5baf6b3bf025c1abf9661e4b7' }, h("fieldset", { key: 'af277c0c07697969a2c83dcbac6017a596c22077' }, h("div", { key: '1dc0ea324a4ed69eceb240504f320f1c1dfcf6b3', class: "row gy-3" }, h("div", { key: 'feaaff69b06663e759864857f6d15eec2aa31819', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '0dbee981688f541bfcf638c55698444f6a4eb9b4', class: "col-12" }, h("justifi-button", { key: '851dfb38a1a92c9990050dc17c55a693f3875afd', 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 {

package/dist/types/api/BankAccount.d.ts

@@ -7,6 +7,8 @@ export interface IBankAccount {
     acct_last_four?: string;
     account_number_last4?: string;
     routing_number?: string;
+    institution_number?: string;
+    transit_number?: string;
     bank_name?: string;
     country?: string;
     currency?: string;
@@ -26,6 +28,8 @@ export declare class BankAccount implements IBankAccount {
     acct_last_four?: string;
     account_number_last4?: string;
     routing_number?: string;
+    institution_number?: string;
+    transit_number?: string;
     bank_name?: string;
     country?: string;
     currency?: string;
@@ -41,6 +45,8 @@ export declare class BankAccount implements IBankAccount {
         account_type: string;
         account_number: string;
         routing_number: string;
+        institution_number: string;
+        transit_number: string;
         bank_name: string;
         nickname: string;
         business_id: string;

package/dist/types/api/Business.d.ts

@@ -1,6 +1,7 @@
 import { Identity } from './Identity';
 import { IDocument } from './Document';
 import { IBankAccount } from './BankAccount';
+import { CountryCode } from '../utils/country-codes';
 export declare enum BusinessFormServerErrors {
     fetchData = "Error retrieving business data",
     patchData = "Error updating business data"
@@ -89,6 +90,7 @@ export interface ICoreBusinessInfo {
     doing_business_as?: string;
     industry?: string;
     tax_id?: string;
+    tax_id_last4?: string;
     website_url?: string;
     email?: string;
     phone?: string;
@@ -100,6 +102,7 @@ export declare class CoreBusinessInfo implements ICoreBusinessInfo {
     doing_business_as: string;
     industry: string;
     tax_id: string;
+    tax_id_last4: string;
     website_url: string;
     email: string;
     phone: string;
@@ -137,10 +140,12 @@ export interface IBusiness {
     product_categories: ProductCategories;
     representative?: Identity | null;
     tax_id: string;
+    tax_id_last4: string;
     terms_conditions_accepted: boolean;
     updated_at: string;
     website_url: string;
     date_of_incorporation?: string;
+    country_of_establishment?: CountryCode;
 }
 export declare class Business implements IBusiness {
     additional_questions: IAdditionalQuestions;
@@ -161,11 +166,13 @@ export declare class Business implements IBusiness {
     platform_account_id: string;
     representative?: Identity | null;
     tax_id: string;
+    tax_id_last4: string;
     terms_conditions_accepted: boolean;
     updated_at: string;
     website_url: string;
     date_of_incorporation?: string;
     product_categories: ProductCategories;
+    country_of_establishment?: CountryCode;
     constructor(business: IBusiness);
     get payload(): {
         additional_questions: {
@@ -220,8 +227,10 @@ export declare class Business implements IBusiness {
             title: string;
         };
         tax_id: string;
+        tax_id_last4: string;
         website_url: string;
         date_of_incorporation: string;
+        country_of_establishment: CountryCode;
     };
 }
 export interface IProductReadiness {

package/dist/types/components/business-forms/business-form/business-core-info/business-core-info.d.ts

@@ -1,5 +1,6 @@
 import { FormController } from '../../../../ui-components/form/form';
 import { ICoreBusinessInfo } from '../../../../api/Business';
+import { CountryCode } from '../../../../utils/country-codes';
 /**
  *
  * The difference between this component and business-core-info-details
@@ -9,8 +10,10 @@ import { ICoreBusinessInfo } from '../../../../api/Business';
  */
 export declare class BusinessCoreInfo {
     formController: FormController;
+    country: CountryCode;
     errors: any;
     coreInfo: ICoreBusinessInfo;
+    isEditingTaxId: boolean;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

package/dist/types/components/business-forms/business-form/business-form.d.ts

@@ -1,11 +1,13 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { BusinessFormServerErrors, IBusiness } from '../../../api/Business';
 import JustifiAnalytics from '../../../api/Analytics';
+import { CountryCode } from '../../../utils/country-codes';
 import { ComponentClickEvent, ComponentErrorEvent, ComponentSubmitEvent } from '../../../api/ComponentEvents';
 export declare class BusinessForm {
     isLoading: boolean;
     isSaving: boolean;
     errorMessage: BusinessFormServerErrors;
+    country: CountryCode;
     authToken: string;
     businessId: string;
     hideErrors?: boolean;

package/dist/types/components/business-forms/business-form/business-representative/business-representative.d.ts

@@ -1,9 +1,12 @@
 import { FormController } from '../../../../components';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessRepresentative {
     formController: FormController;
     errors: any;
     representative: any;
-    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
+    country: CountryCode;
+    isEditingIdentification: boolean;
+    get identificationNumberLabel(): "SSN" | "SSN (optional)" | "SIN" | "SIN (optional)";
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;

package/dist/types/components/business-forms/business-form/legal-address-form/legal-address-form.d.ts

@@ -1,9 +1,11 @@
 import { FormController } from '../../../../components';
 import { IAddress } from '../../../../api/Business';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class LegalAddressForm {
     formController: FormController;
     errors: any;
     legal_address: IAddress;
+    country: CountryCode;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

package/dist/types/components/business-forms/owner-form/identity-address/identity-address-form.d.ts

@@ -1,8 +1,10 @@
+import { CountryCode } from '../../../../utils/country-codes';
 import { IAddress } from '../../../../api/Business';
 export declare class IdentityAddressForm {
     handleFormUpdate: (values: any) => void;
     errors: any;
     defaultValues: any;
+    country: CountryCode;
     address: IAddress;
     handleAddressChange(newValues: any): void;
     inputHandler: (name: string, value: string) => void;