@justifi/webcomponents 5.7.3 → 5.7.4-rc-01

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

@@ -1,21 +1,21 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { P as PaymentMethodTypes } from './Payment.js';
-import { d as defineCustomElement$2, P as PaymentMethodOption } from './saved-payment-method.js';
-import { d as defineCustomElement$g } from './bank-account-form2.js';
-import { d as defineCustomElement$f } from './card-form2.js';
-import { d as defineCustomElement$e } from './custom-popper2.js';
-import { d as defineCustomElement$d } from './form-control-checkbox2.js';
-import { d as defineCustomElement$c } from './form-control-help-text2.js';
-import { d as defineCustomElement$b } from './form-control-radio2.js';
-import { d as defineCustomElement$a } from './form-control-select2.js';
-import { d as defineCustomElement$9 } from './form-control-text2.js';
-import { d as defineCustomElement$8 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$7 } from './hidden-input2.js';
-import { d as defineCustomElement$6 } from './iframe-input2.js';
-import { d as defineCustomElement$5 } from './billing-form.js';
-import { d as defineCustomElement$4 } from './new-payment-method.js';
-import { d as defineCustomElement$3 } from './save-new-payment-method.js';
-import { d as defineCustomElement$1 } from './sezzle-payment-method.js';
+import { P as PaymentMethodOption } from './payment-method-option-utils.js';
+import { d as defineCustomElement$f } from './bank-account-form2.js';
+import { d as defineCustomElement$e } from './card-form2.js';
+import { d as defineCustomElement$d } from './custom-popper2.js';
+import { d as defineCustomElement$c } from './form-control-checkbox2.js';
+import { d as defineCustomElement$b } from './form-control-help-text2.js';
+import { d as defineCustomElement$a } from './form-control-radio2.js';
+import { d as defineCustomElement$9 } from './form-control-select2.js';
+import { d as defineCustomElement$8 } from './form-control-text2.js';
+import { d as defineCustomElement$7 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$6 } from './hidden-input2.js';
+import { d as defineCustomElement$5 } from './iframe-input2.js';
+import { d as defineCustomElement$4 } from './billing-form.js';
+import { d as defineCustomElement$3 } from './new-payment-method.js';
+import { d as defineCustomElement$2 } from './save-new-payment-method.js';
+import { d as defineCustomElement$1 } from './saved-payment-method.js';
 
 const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMethodOptions extends HTMLElement {
     constructor() {
@@ -34,7 +34,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
         this.paymentMethodsChanged();
     }
     paymentMethodsChanged() {
-        var _a, _b;
+        var _a;
         this.paymentMethodOptions = this.savedPaymentMethods
             .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
             .filter((paymentMethod) => {
@@ -42,9 +42,6 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
             return ((this.showCard || paymentMethod.type !== PaymentMethodTypes.card) &&
                 (this.showAch || paymentMethod.type !== PaymentMethodTypes.bankAccount));
         });
-        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
-            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.sezzle }));
-        }
         if (this.showCard) {
             this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.card }));
         }
@@ -52,7 +49,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
             this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
         }
         if (!this.selectedPaymentMethodId) {
-            this.selectedPaymentMethodId = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
+            this.selectedPaymentMethodId = (_a = this.paymentMethodOptions[0]) === null || _a === void 0 ? void 0 : _a.id;
         }
     }
     paymentMethodOptionSelected(event) {
@@ -68,11 +65,10 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
     }
     render() {
         var _a;
-        return (h(Host, { key: 'c61e82c72aaa25e87ded723799a1eb0961c05444' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '2d3dc8bc98cea3efbcf342a31b6883f30099b031' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
-            const sezzle = paymentMethodOption.id === PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
                 return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, "show-card": this.showCard, "show-ach": this.showAch, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: (el) => {
                         if (isSelected) {
@@ -80,13 +76,6 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
                         }
                     } }));
             }
-            else if (sezzle) {
-                return (h("justifi-sezzle-payment-method", { paymentMethodOption: paymentMethodOption, "is-selected": isSelected, paymentAmount: this.paymentAmount, bnpl: this.bnpl, ref: (el) => {
-                        if (isSelected) {
-                            this.selectedPaymentMethodOptionRef = el;
-                        }
-                    } }));
-            }
             else if (this.showSavedPaymentMethods) {
                 return (h("justifi-saved-payment-method", { paymentMethodOption: paymentMethodOption, "is-selected": isSelected, ref: (el) => {
                         if (isSelected) {
@@ -102,7 +91,6 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
 }, [0, "justifi-payment-method-options", {
         "showCard": [4, "show-card"],
         "showAch": [4, "show-ach"],
-        "showBnpl": [4, "show-bnpl"],
         "showSavedPaymentMethods": [4, "show-saved-payment-methods"],
         "paymentMethodGroupId": [1, "payment-method-group-id"],
         "bnpl": [16],
@@ -125,7 +113,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-method-options", "bank-account-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form", "justifi-new-payment-method", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
+    const components = ["justifi-payment-method-options", "bank-account-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-billing-form", "justifi-new-payment-method", "justifi-save-new-payment-method", "justifi-saved-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
@@ -133,81 +121,76 @@ function defineCustomElement() {
             }
             break;
         case "bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "custom-popper":
+        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-checkbox":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-radio":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-select":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "hidden-input":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "iframe-input":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-billing-form":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-new-payment-method":
+        case "justifi-billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-saved-payment-method":
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "justifi-sezzle-payment-method":
+        case "justifi-saved-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -10,7 +10,7 @@ import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
-import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { n 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';
 
@@ -118,7 +118,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ebc89e8b55258a1442edad51d5238b8734aa345e' }, h(TableComponent, { key: 'b90635548604f5d486a38421e5228c61ec47c033' }, h(TableHead, { key: '3106e6ac62fc9df004a8dc1c4fa6b07763ec9d7a' }, h(TableHeadRow, { key: '68c7767762899d3ee229835d93eb9221c8b097e9' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '5ffee99d7437590c48f766d5bde24385ea31fdc5' }, h(TableLoadingState, { key: '4170ce391f84c65286f358d4e1c03f67c2f9ffcc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f47428d403e763179e071756582065351fa7c63', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '5857f210589dd16232338ad39897ecd4581dc7db', 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: '1cb054a34b99150f33cf1a008a64451e85af4700' }, h(TableFootRow, { key: 'd203e8a928713108cbfbde297ed18bf60cd5cb8e' }, h(TableFootCell, { key: '710c8b5915f08f14892a04c16ac069039804b4f9', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'f9f40a23e8bcbce6adf93f66e2a97f15f91f4f15', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f7d8eb83c5c0bfe1f426a784a8d4a14689958c8a' }, h(TableComponent, { key: 'b4c6aa6781f64a95e75dcb6e163eae62280d4777' }, h(TableHead, { key: '35c522e3cb956adabdbc0d5f49d4ecb564b28922' }, h(TableHeadRow, { key: '1d08847173e7a17eef90aff34dd4eed12f43a55f' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'd18ec5a41975ed90e2517f1ab7b1d35bd13f2021' }, h(TableLoadingState, { key: '3ccdaaa336b40207f240d0c35bd066991016ea52', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '373fc79d3328a93ce02721f670d84d0b77afa322', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'd6141695f295827c1f22f823e5a59de9d4147956', 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: 'bada9a9d7e5a6c630aa2a272d324b3506c84be70' }, h(TableFootRow, { key: '4b2147edb866f00fd895c9be647ff826e8b964e5' }, h(TableFootCell, { key: 'ea9856256d190727350137530933bd51ba4935d0', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '27932b928dd6245e14404b51a69b7073205d4139', 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

@@ -73,9 +73,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '1d9842d26d6e1a89b3fc8a1ed6ed395f55b913ee' }, this.loading && h(PayoutDetailsLoading, { key: '95917b7cba094233316f39ed610dfda5360a47e5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c8f1cc9c3cc9b8e343557d38b88b31035d65c00f', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '0397f400c1576f49e664a1e5d8d5d1318935b281', 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: '3a3a0d511eaf43d54012f7c07688825d141f170a', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c33ac6ed41a0d1d91a83af12dee4c7bf401bc60', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'f60f96ff20c47f1ec0ad7f2a6f1f81a19b4a03f5', title: "ID", value: this.payout.id }), h("div", { key: '522bc205154fc2904f1c3735e9f859cfd234dff4', class: "m-4" }, h(Button, { key: 'e691e47946499a7359018fe4c774e0e23f8cb4c4', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '7f7c975c5672aaaebcda5870870cd4a52bae40b9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '03728f098028f6304c2e608bf38e6b79809bd5aa', sectionTitle: "Details" }), h("div", { key: 'ad8416b1a6a90052f4988d9577b6c8d6a881e0a7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0ecb52461ee59aad0914547ffc3aff948bc766a6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'bc003db9efc8ea329f4eb5e9644e013dc9578b27', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'e8ce2d2c42b66efd8ff0f87a8d9b58bd1565a019', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '47f05a33981b878ebfd4a88cbd32b71fd6bf3683', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '013126090417ea6244fd01eb0c80aeec72c05bfe', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '252b01172864c2d97b358a0fde5b0532e7298278', sectionTitle: "Account" }), h("div", { key: '4c1f0b28024141ba16803349f60395406dd31f3f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6c4f814276825b92c05226d1dc6522a920ab3e2a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c3824079766df1788264cb2ee962c5229045212c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '158c9456436cc58622d1337c11f7443497c7ae38', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7ce5376d2c1632cbd0bd910e6290ec3caf289b73', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a1f892fe9a638e5b5a4be23e853070355b6cf3bb', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '61d325fd74f125295c61266528e1d62e04bb6e2e', sectionTitle: 'Metadata' }),
-            h("div", { key: 'e574d0558fec57c0f3342c80846eb1469a9cfeb7', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ca0cc50f11489df465d29e8da5a51495433931d3', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'f6b9b84a740d3e5196eca16df2f34a1b225edbc8' }, this.loading && h(PayoutDetailsLoading, { key: '3d24389cb52696810d93b0047f02dd44ee8a1386' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '159849ab2d24fd2c08812dffc2323194b9cb5bbc', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'e42544c3d30edd29b79028d3e47e7e1fc25e2a8c', 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: '665e463415c851fd5198cf1ce6cbbd3e777a60ee', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '434c279f54780b4ef3a59c4a4ab5e84a0fbc536a', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '76f7fcc47a5014a4f20dc8686b45a72eb0888228', title: "ID", value: this.payout.id }), h("div", { key: 'da0272c9aa553ec71d6e65f3865f6ce643f79092', class: "m-4" }, h(Button, { key: '9037551eba246803a623654a88f7f8cfbe210de3', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'b7b6f40493db4db7e1defe66f4f510c32e0fab9e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '460e4a6bafc65e6c83dc955b99f75ed589f9ba42', sectionTitle: "Details" }), h("div", { key: 'cdb8280c872e55410f24b6a90ba17f64ae0414d4', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f401e006c82aa38c2b390668b3905bb10bf92d88', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '95fa773958f9ad5950432cba9f0f8821b87183c7', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '70930d62905c51939b33e6e5341a66eff7f1f80d', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'f7203ba0a060df09a86fe47bb7354ba4440de247', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '9937a4bb3cf00943ff719e2851e06066960cd518', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '60988e407834a87285a8203e53053ebec0d109ae', sectionTitle: "Account" }), h("div", { key: 'd30c4e5ee64658b9ecefe9720c1a8266d1af7314', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'a60f91b7dc0b6edf4ccad3437358f70ef8a97b2e', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '81da5682023ce4ad02b30688859262931b6d319c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '21ced58dd4f97df5b9839f49cce50162405416fe', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '73191d6ffabdf08536f4699c3f2ba4fa867a3992', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'd9ea68ef61a0cb63b1056f753a957927cf3204f7', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '1eaca03125f7e50c62c7f731a7442c088858a317', sectionTitle: 'Metadata' }),
+            h("div", { key: '1368c90f240c2ea2e6711603d8599025dce2dd82', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '52ec68588672ffa71ff98139e9d7ae193fbd55bd', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -10,7 +10,7 @@ import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ca41a7df9de30363526239ec286054e16a46293d' }, h(TableComponent, { key: '15f8f414b2da0adda480da114541ed7533d79ca3' }, h(TableHead, { key: '038b27097d57734f80502949628535ab1f8bfded' }, h(TableHeadRow, { key: '9f15c37a04d1fa6f5ec49c60bfbee3ae3ddbdfca' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c05f33fc7046606087da1b0693650aa571f8e61f' }, h(TableLoadingState, { key: '1c127fa09435af89c2f07226d70438c7ac261cfb', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '853c86c1d0309155797d9a15433982e4765f941c', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ac3b422be11179ab00accc348cfbd334393d2745', 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: '9cd94e14becf8789e3eb21500eb1eb9aafc79c7a' }, h(TableFootRow, { key: '2a8232066a55771805b34bee43af9c0dbdbe5047' }, h(TableFootCell, { key: '4c44e77eab9e1db423ef5bad6fc9137e82b625f3', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'b25056fffc760aba956a6e40fceb29f995a144be', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '786e5a316c151acfbe4c002e578956ad1730e524' }, h(TableComponent, { key: '117086f0be468f4d50d160f8c982b93afb4b6a1b' }, h(TableHead, { key: '47433c343abf3c97e95b6cdcc2ca3a8c9bb23ae8' }, h(TableHeadRow, { key: '24403b1c5f408381e388ffe33af5823c5176a254' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '1c8c09b4cea871e728d20836156b8ebda1d72276' }, h(TableLoadingState, { key: 'bf038ef4c07745436168203a484e5e346356d48d', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '1fbe3787afb507258272f3e500f72ee9d4c5f7e9', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '256e3ea344eada4001c65ee31eb2356e63242b40', 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: '174590a65c18b9644c5ca7e39b384f973de4690a' }, h(TableFootRow, { key: 'd9dab09c6f24eeded0328c559b7842a543cd1fa2' }, h(TableFootCell, { key: 'bd7c7917dc2c31dccf731617000c664f6c1bed51', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '131a5000ad0378948411c34287471734a8575491', 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

@@ -39,7 +39,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '0e2648d399af18f7959bed2e0fff56fd63b541df' }, h("div", { key: '4322c227617147721ab7cf33a5e75a09bc370a0c', class: "row gy-3" }, h("div", { key: 'e2bc9f0642356a864e7fa323262ead13d4825fdc', class: "col-12" }, h("h2", { key: '88af660c9add83da7edc7758d4645db796c80fdf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'dcfb0f64e1b611eb8d53f97950d5922f7358a64c', class: "col-12" }, h("form-control-text", { key: '42959d4b7c03d14fdef29a656a5f18d0d89d3b2e', 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: '1f4173e79f10a6ac32b860ecbd62fe5c612cc5b2', class: "col-12" }, h("form-control-date", { key: '6e8bab228b3a23655cbf71fe6dc72a850b38947c', 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: '2e32f65cc5388302d067fb1a8db34e3e529435c2', class: "col-12" }, h("form-control-file-v2", { key: 'f9fb2ac0c6a2f37a7584eeda2460702b1e0d6cc0', 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: '53894694d5f6c1cfe7d8d699af69e4dc6c496fb8' }, h("div", { key: 'c1cb70ef48be5e50bdb1fd0d47416b48342f7620', class: "row gy-3" }, h("div", { key: '837aa7683621d26ee08a1f8f3b1f5ae65b63bd94', class: "col-12" }, h("h2", { key: '9c51ee3f6df442237cd3c23306f79b7e15fed133', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '259ea001a1896c34088a6a03a725564c5cd48a74', class: "col-12" }, h("form-control-text", { key: 'f237fc051614689b9b8c8227d6a6d7266a9adeaa', 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: 'a0f7a0cb813c7ee2a4423abc1506f7c775ad9e07', class: "col-12" }, h("form-control-date", { key: 'fca7aef52b721fa472b5459b9dc47f95dca1ce76', 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: 'f285bfe4242cc1179c5a7b4864b907101edeaebb', class: "col-12" }, h("form-control-file-v2", { key: '9ad064a5be5381cccbe33e4dc1e00879996ad513', 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 })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -39,7 +39,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '882eb01880bcfdde30abe10465fecd7390654ed6' }, h("div", { key: 'de2f238310e4b80976888d147e90047688ad5ada', class: "row gy-3" }, h("div", { key: '305af62aa762ae6abff0678998132e8f56707550', class: "col-12" }, h("h2", { key: '6e224996b82639c426d129bfd28633f3d3839f6f', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'b2b8d444c594bf92d04fed6640230745c5fb49ba', class: "col-12" }, h("form-control-textarea", { key: 'f75c6c360c485ac5253164be5d4941d859deb902', 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: '1788d1e6ba1ddbe82795ce1a41b901a81c055f6d', class: "col-12" }, h("form-control-textarea", { key: 'f47fac9b8e0d6b9766311b13c760129bb6335ddd', 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: 'd96552fee8b4cdddf31148b2d3783a4e1dfb031b', class: "col-12" }, h("form-control-file-v2", { key: '3c6c06201ef3a730aed41ab6b8cb62d5ee8d8128', 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: 'ec2271dd9646596df3106f56c6e96f618196046a', class: "col-12" }, h("form-control-file-v2", { key: '48f956f2580187fc7baecc5426d5ed0a1050150b', 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: '839a9b7ea7f978987e44f643af2d2aa8ac9557ff' }, h("div", { key: '410211fe20a2e9ab23ec1e3f172b200afb2db8ae', class: "row gy-3" }, h("div", { key: '9e6121b760cf47feaeffdc231780490ce47342f7', class: "col-12" }, h("h2", { key: 'fe64c8a2be67d179ddc4157c4fa8876937c2e4b8', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'db91b2f1c102026cc6998f9f8163761d1bf85024', class: "col-12" }, h("form-control-textarea", { key: '199cd5d32ff726681a918ced7f1790bd292e0cf7', 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: 'e48e83b580182698374627889cf0cff69dd3779f', class: "col-12" }, h("form-control-textarea", { key: '627faade4d3afaad7d700494652d559ede4f69af', 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: 'bdfca2b3878de2a665961fd6cd4fc10833f385bc', class: "col-12" }, h("form-control-file-v2", { key: 'a8d0d09bf0d8298ba85ead4b643d5ea774336ba0', 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: '41f43575895d15f34bfa2f6095462068cd6ad5d6', class: "col-12" }, h("form-control-file-v2", { key: 'aceae6c113bc38019bc20125eb3e8be0d111c15f', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -1,29 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as snakeToCamel } from './utils2.js';
+import { C as CardBrandLabels } from './payment-method-option-utils.js';
 import { W as radioListItem } from './parts.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
-class PaymentMethodOption {
-    constructor(paymentMethod) {
-        this.id = paymentMethod.id;
-        this.brand = paymentMethod.brand;
-        this.acct_last_four = paymentMethod.acct_last_four;
-        this.type = snakeToCamel(paymentMethod.type);
-    }
-}
-var CardBrandLabels;
-(function (CardBrandLabels) {
-    CardBrandLabels["american_express"] = "American Express";
-    CardBrandLabels["diners_club"] = "Diners Club";
-    CardBrandLabels["discover"] = "Discover";
-    CardBrandLabels["jcb"] = "JCB";
-    CardBrandLabels["mastercard"] = "Mastercard";
-    CardBrandLabels["china_unionpay"] = "UnionPay";
-    CardBrandLabels["visa"] = "Visa";
-    CardBrandLabels["unknown"] = "Unknown";
-})(CardBrandLabels || (CardBrandLabels = {}));
-
 const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethod extends HTMLElement {
     constructor() {
         super();
@@ -76,4 +56,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { PaymentMethodOption as P, SavedPaymentMethod as S, defineCustomElement as d };
+export { SavedPaymentMethod as S, defineCustomElement as d };

package/dist/module/schema-validations.js

@@ -183,4 +183,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, businessClassificationValidation as c, dateOfIncorporationValidation as d, doingBusinessAsValidation as e, phoneValidation as f, emailValidation as g, websiteUrlValidation as h, industryValidation as i, businessNameValidation as j, ssnValidation as k, dobValidation as l, identityTitleValidation as m, identityNameValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, postalValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, taxIdValidation as t, stateValidation as u, cityValidation as v, whenServiceReceivedValidation as w, lineTwoValidation as x, lineOneValidation as y, routingNumberValidation as z };
+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 };

package/dist/module/shipping-details.js

@@ -44,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '90641cea619de697d7a90e6e397790f79ceb9376' }, h("div", { key: '52d939e26bd26e99240d100897a530b89553e727', class: "row gy-3" }, h("div", { key: '01755fbca3430bd3066377e9481038370c49b2d8', class: "col-12" }, h("h2", { key: 'd273fbe6ff8b7815ba5c2369748a3a20548b0a4d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '595f4e63dff85591713a4c895acb6628c8ef8214', class: "col-12" }, h("form-control-text", { key: '958169d07544237a72facdc016d4d12ac64a4c48', 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: '1d3020a30f95c5ced652871a635aba0152bbc4e3', class: "col-12" }, h("form-control-text", { key: '088af20353ec2efcb65a4e597a1fb4aec23cfcbb', 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: '536ee74c42d326d7f7f698274c846bfebf0d34dd', class: "col-12" }, h("form-control-date", { key: '71ef44bd4c810a567162b7fe92199eceff9be470', 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: '8887e0daf44be31486563e85cd989eef1da5f5ce', class: "col-12" }, h("form-control-textarea", { key: 'c34093bc4ee65f4fb092c377a98e01cd69bdbc7c', 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: '469a5d8c7e28fa2ad430f104f08f387448f70048', class: "col-12" }, h("form-control-file-v2", { key: 'a2b6c6c0c1cf32430582b97efe6bcc1d4c47147d', 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: '9e142fde27da140959115d1acf4a64d7420f90ba' }, h("div", { key: 'bf322d6ec351e67bd4f3fdfec759e1f5c5d381a6', class: "row gy-3" }, h("div", { key: '165a55dc932d0110728c87726231d0cb4b962650', class: "col-12" }, h("h2", { key: '43f318effe869349595025a76ced5ea39093a0ef', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '1de38ece17aa8b93cfc00858a4d495a950d46239', class: "col-12" }, h("form-control-text", { key: 'd9cfd173732a42abf831ee632ca05d3db78b7135', 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: '5b298a18d97e06904c22c9a918c6f9ebc25f8219', class: "col-12" }, h("form-control-text", { key: 'c164c2bfc1772498f3e21c51e2979479021cf86d', 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: '82128f9527e8061ecf2897af65d908af03c46bbe', class: "col-12" }, h("form-control-date", { key: '13e602a61a85978f129890423a36a95a8b055258', 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: '5591510c56724f58567c88792cbbeb3cd15e1d0e', class: "col-12" }, h("form-control-textarea", { key: '1e7cbc326345feebd0ffae9b6ec56bfbc36a8193', 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: 'd2d1026fd1c7c3b32a6988fb940c431948630b08', class: "col-12" }, h("form-control-file-v2", { key: '21abf54f6a64980c73200ae89130626316917aa7', 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 })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
-import { a5 as dropdownMenuButton, a6 as dropdownMenu } from './parts.js';
+import { a6 as dropdownMenuButton, a7 as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '73b213c0381a163e3ccd4b4df158daf8dc128d83', class: "d-flex gap-2" }, h("div", { key: '817823777638fc8501bb7230d0b061c110e4f82b', class: "dropdown pb-3" }, h("button", { key: '6ad7b2c32bfc44b836071db2706e86d649c5ccb3', 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: '124ac66fe0be636f74009bdd07e392fa82fd943e', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'b1421bdd7f7318012dcbd280eab4d8aeabbfee8c', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7a251b4a2b2840f435d07605a6333b86180ab88e' })))), h("div", { key: '2badf2863bb80ef70508347049becdd0aec5196e' }, h(Button, { key: 'ee90184cb3aa0e7c4ff8d69cf299aef4fda114bd', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'e205ff268a099beae125bbe8a85a6ae5e34924af', class: "d-flex gap-2" }, h("div", { key: 'e61fcbc31cfa97093771ad99b1f4bc088a2a6b98', class: "dropdown pb-3" }, h("button", { key: '3c4425f10ebb39b011d2783c5ef88ebbd34b8e65', 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: '03692eaae9d340c0f204f55e8c26b8353c4caa74', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ed80b52e0cabbba44d09798b3b8bd4ab99d72659', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '6cc0bf4f7fd5fa16b431b21933b36f75035221c7' })))), h("div", { key: '13f401ce7926aaf678021ed7dc768b967987b0ec' }, h(Button, { key: 'd6a16f4e5b31e5602d6729e39fccfa4dbfdd8336', 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

@@ -9,7 +9,7 @@ import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import { a as TerminalOrderType } from './Refund.js';
 import './Business.js';
-import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -166,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '5d03d7f992d4918b6174d89aa67ac87159b0918d' }, h(TableComponent, { key: '30dfd6db82678f7c8e25ee03619403bf0a73ad47' }, h(TableHead, { key: '3e51fd3124abf93a1a76ac6d6b66ec64edf30216' }, h(TableHeadRow, { key: '170385237e96ba55aa21c954bff4f74a7724463b' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'c313d42ae1ad3f54a806f8965b8ff99616df85ab' }, h(TableLoadingState, { key: '7f01919e6120a497383990bafb8288fec806f421', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e6585de336bb6cfe0f7bddc4bd503cf5632481da', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '3490d034636506fdd54c748bff98596baed09673', 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: '52ba4b6e8c0d2afcded3feaaf6a22927036b96fa' }, h(TableFootRow, { key: '8fccd42dc633300f5e6664ff380c3828010ff6ec' }, h(TableFootCell, { key: '7937c9bceb54abe450e9b7956bd2599de228cc8b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '90854b93870cb20251488fd15e936982245c3d3b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'aae9cc67cadd3989bfe35b4a029f6838e0d1ab54' }, h(TableComponent, { key: 'e5fe37a91442392ed811478fae42686abdd0f764' }, h(TableHead, { key: '7ec41066cd103cbc7846fd957ffb7fa3f6a92318' }, h(TableHeadRow, { key: '17291d4aa59ea50de7e2d1e6d302a4bea8c2989c' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '020a2ce88efdb3223a02a01f5eeb2d5d743e1e29' }, h(TableLoadingState, { key: '8d104a25063bed6d617d0eda6cff9591ce9f81d2', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '1ff344e0a586b616fea6fda64c4f7a9b0071285a', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '97dd1548d785d0c300f8fe48ebc3db906a1977c9', 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: '95b22129c05b799281992eb2656a94b012cdfdda' }, h(TableFootRow, { key: 'b17eaaf582cea7dc7732b0fedd3e5d013737111b' }, h(TableFootCell, { key: '1ec85f78971ed79021aa1eec527edc59c8dfbb09', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '08c14ef23e528575927210859e7cd46f21c77d7c', 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

@@ -24,7 +24,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '5bbf669ab479523290b2d8a9f5b6ec2000ff0f96', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '47ead96654c97aeae6b24058a4f7759918d3d0ad', class: "d-flex gap-3" }, h("div", { key: '3763eda68e7849c87f0e67b905e09267c10481c8', class: "d-flex align-items-center" }, h("img", { key: 'ef0a61d5c1d27c600fd93813b594ec2ec2fadec3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '5a632f69e2045fbfcd35932af3c5fd027dcca66f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'be00d142f07945a15e882d2da4c505ffbf67fe88', class: "row" }, h("div", { key: '1c434628ae872d22efa7d2adb611b04868c85eb1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21f571a1b0e5ba7d528727f6476e134b9657e124', helpText: this.description })), h("div", { key: 'f4077bfa6beb4f0070bdbf4bd28021f88bcaf5b1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7dc6853fb7641b99a9a9ee82dcb3db8fce1d6c01', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'faab14e72773f12f69ea69e855bafb27ef3328b8', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '390e6b4b049fa64e2b7354a3676621844291feb0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'acd6ffec348aed5fa500a6d7e49c886a3fe8a59f', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '89933c07745fbeb3603f8bdf07d99553a7de1e6c', class: "d-flex gap-3" }, h("div", { key: 'c1b6517d5ebd32e1a5bf1c5537e1d19b00510286', class: "d-flex align-items-center" }, h("img", { key: '9458553216d0ed9668d08bf4ea2105dc9e53c938', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '14fd39b7055f78d42b14a6cb6dc35d42a3c7b33e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'eeb5d39bd39919aba43e86ceda4268f4e3473e7a', class: "row" }, h("div", { key: 'e31e24896792a532b0a218bc69312266638a6d15', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'c8561458f795ed7e289a4a4a8963a3791173a19a', helpText: this.description })), h("div", { key: 'ecafe47bcc37130a54880280c95db10709cb68a8', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'ef2ffb65f7d33e2bd1b940b1af19ed66621222ed', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '8e18e05026e106d2e180e97b7011697f7e36288a', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'e361f1bb9760a32a779f62974b89464cf870728a', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [0, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

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

@@ -10,7 +10,7 @@ import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -180,7 +180,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '18758ce4d79c07564b15f9712762232fa8ea2083' }, h(TableComponent, { key: '70c5d623cf89ed440e0bb318c4be1c1c022f90e9' }, h(TableHead, { key: '3a2ec16691dddf82a9988b970506576680885106' }, h(TableHeadRow, { key: '8fc7f8fcb219a0e577e67e5694ff818801477a2c' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'e65e2646a51cb8859a77a13a4fb79b0ca57066b7' }, h(TableLoadingState, { key: '5a50acb1101958238077a3a26307f2252aed5584', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c79793063bef320ca258988880da5fc305200456', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '758ab1f9f3660f292f4421b940d040d6408f45ca', 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: 'e88243106332270c051599905cf61b20c05637ac' }, h(TableFootRow, { key: '4c1e2dca2100a5010b8fcae7cb42e44cde5e0128' }, h(TableFootCell, { key: 'e8ce9acc75921d176f265e6a6f89398f86c911b0', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '9930d2573e46628637eb12034cb966d69b3b43b9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e7dea8ca296d3f1c9264a49bcecf0971b26b9352' }, h(TableComponent, { key: 'e8fc49665778f89a15a88758d108217271377085' }, h(TableHead, { key: '6c042632f4a28d710c4ed7eb3d0a1e740c03e3c5' }, h(TableHeadRow, { key: 'a960ae979f470294e9859080c3080cdd58a40bab' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '838dca2dff4ffcfa04f4d3cfde24ef5d9b78c18c' }, h(TableLoadingState, { key: '699419fd8e8b03fad375fc486b663fdc989ba2b6', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2c678fd361260fb54d184ba19d9102a9b397bc8b', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '612819351b2603c4630246406d8a902c1107303e', 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: '64c54e89bb6613ba99c9fb75c0d577801548d9f3' }, h(TableFootRow, { key: '5f61c44bfa0791af980f27ffab70e815aed79882' }, h(TableFootCell, { key: 'fbd55acc1a33461373c84a84ef1ef4626bb182d1', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '83e3e5a448b05a33e31d043d6adf2322a089aced', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -0,0 +1,13 @@
+type IBankAccountBillingInfo = {
+    name: string;
+    address_line1: string;
+    address_line2: string;
+    address_city: string;
+    address_state: string;
+    address_postal_code: string;
+};
+type IPostalCode = {
+    address_postal_code: number;
+};
+export type IBillingInfo = IPostalCode | IBankAccountBillingInfo;
+export {};

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

@@ -89,19 +89,7 @@ export declare class Checkout implements ICheckout {
     payment_amount: number;
     payment_client_id: string;
     payment_description: string;
-    payment_methods: {
-        id: string;
-        status: string;
-        invalid_reason: null;
-        name: string;
-        brand: string;
-        acct_last_four: string;
-        month: string;
-        year: string;
-        address_line1_check: string;
-        address_postal_code_check: string;
-        bin_details: null;
-    }[];
+    payment_methods: ICheckoutPaymentMethod[];
     payment_method_group_id: string;
     payment_settings: {
         ach_payments: boolean;
@@ -163,4 +151,17 @@ export interface CheckoutsQueryParams {
     status?: ICheckoutStatus;
     payment_mode?: ICheckoutPaymentMode;
 }
+export interface ICheckoutPaymentMethod {
+    id: string;
+    status: string;
+    invalid_reason: null;
+    name: string;
+    brand: string;
+    acct_last_four: string;
+    month: string;
+    year: string;
+    address_line1_check: string;
+    address_postal_code_check: string;
+    bin_details: null;
+}
 export {};

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

@@ -5,10 +5,12 @@ export declare enum ComponentErrorCodes {
     POST_ERROR = "post-error",
     UNKNOWN_ERROR = "unknown-error",
     TOKENIZE_ERROR = "tokenize-error",
+    COMPLETE_CHECKOUT_ERROR = "complete-checkout-error",
     NOT_AUTHENTICATED = "not-authenticated",
     INVALID_PARAMETER = "invalid-parameter",
     PROVISIONING_REQUESTED = "provisioning-already-requested",
-    INVALID_REFUND_AMOUNT = "invalid-refund-amount"
+    INVALID_REFUND_AMOUNT = "invalid-refund-amount",
+    VALIDATION_ERROR = "validation-error"
 }
 export declare enum ComponentErrorSeverity {
     INFO = "info",

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

@@ -0,0 +1,21 @@
+export interface ISavedPaymentMethod {
+    payment_method_group_id?: string;
+}
+export interface IPaymentMethodCard {
+    address_postal_code: number;
+    number: string;
+    month: string;
+    year: string;
+    verification: string;
+}
+export interface IPaymentMethodBankAccount {
+    account_number: string;
+    routing_number: string;
+    account_type: string;
+    account_holder_name: string;
+    account_holder_type: string;
+    country: string;
+    currency: string;
+}
+export type ISubmitCheckoutArgs = IPaymentMethodCard | IPaymentMethodBankAccount;
+export type IPaymentMethodMetadata = ISavedPaymentMethod & ISubmitCheckoutArgs;

package/dist/types/components/checkout/checkout.d.ts

@@ -19,6 +19,7 @@ export declare class Checkout {
     loadedEvent: EventEmitter<ILoadedEventResponse>;
     private checkoutCoreRef?;
     analytics: JustifiAnalytics;
+    connectedCallback(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
     private initializeGetCheckout;

package/dist/types/components/checkout/payment-method-options.d.ts

@@ -5,7 +5,6 @@ import { BillingFormFields } from './billing-form/billing-form-schema';
 export declare class PaymentMethodOptions {
     showCard: boolean;
     showAch: boolean;
-    showBnpl: boolean;
     showSavedPaymentMethods: boolean;
     paymentMethodGroupId?: string;
     bnpl: IBnpl;

package/dist/types/components/insurance/season-interruption/season-interruption-insurance.d.ts

@@ -2,8 +2,8 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import JustifiAnalytics from '../../../api/Analytics';
 import { ComponentErrorEvent } from '../../../api/ComponentEvents';
 export declare class SeasonInterruptionInsurance {
-    authToken: string;
-    checkoutId: string;
+    authToken?: string;
+    checkoutId?: string;
     primaryIdentityFirstName: string;
     primaryIdentityLastName: string;
     primaryIdentityState: string;