@justifi/webcomponents 5.7.3-rc-01 → 5.7.4

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 { 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';
+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';
 
 const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMethodOptions extends HTMLElement {
     constructor() {
@@ -34,7 +34,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
         this.paymentMethodsChanged();
     }
     paymentMethodsChanged() {
-        var _a;
+        var _a, _b;
         this.paymentMethodOptions = this.savedPaymentMethods
             .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
             .filter((paymentMethod) => {
@@ -42,6 +42,9 @@ 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 }));
         }
@@ -49,7 +52,7 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
             this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
         }
         if (!this.selectedPaymentMethodId) {
-            this.selectedPaymentMethodId = (_a = this.paymentMethodOptions[0]) === null || _a === void 0 ? void 0 : _a.id;
+            this.selectedPaymentMethodId = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
         }
     }
     paymentMethodOptionSelected(event) {
@@ -65,10 +68,11 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
     }
     render() {
         var _a;
-        return (h(Host, { key: '2d3dc8bc98cea3efbcf342a31b6883f30099b031' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: 'c61e82c72aaa25e87ded723799a1eb0961c05444' }, (_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) {
@@ -76,6 +80,13 @@ 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) {
@@ -91,6 +102,7 @@ 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],
@@ -113,7 +125,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"];
+    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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
@@ -122,75 +134,80 @@ function defineCustomElement() {
             break;
         case "bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "iframe-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "justifi-billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/payment.service.js

@@ -3,7 +3,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 
 const api = Api();

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

@@ -5,13 +5,12 @@ import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 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, a8 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a7 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';
 
@@ -119,7 +118,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        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 }) }))))))));
     }
     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: '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 }))
+        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 }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payout.service.js

@@ -3,7 +3,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 
 const api = Api();

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

@@ -5,13 +5,12 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkou
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 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, a8 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a7 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';
 
@@ -174,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        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 }) }))))))));
     }
     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: '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 })))));
+        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 })))));
     }
 }, [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: '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 })))));
+        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 })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -1,9 +1,29 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { C as CardBrandLabels } from './payment-method-option-utils.js';
+import { d as snakeToCamel } from './utils2.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();
@@ -56,4 +76,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { SavedPaymentMethod as S, defineCustomElement as d };
+export { PaymentMethodOption as P, SavedPaymentMethod as S, defineCustomElement as d };

package/dist/module/schema-validations.js

@@ -1,7 +1,6 @@
-import { a as create$6, b as create$8 } from './form.js';
+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 { E as EntityDocumentType } from './Document.js';
 
 const transformEmptyString = (value) => {
     return value === '' ? null : value;
@@ -183,25 +182,5 @@ const routingNumberValidation = create$6()
     return validateRoutingNumber(value);
 })
     .transform(transformEmptyString);
-// Document Upload Validations
-const documentUploadValidation = create$8();
-const voidedCheckValidation = (documents, allowOptionalFields) => {
-    const existingDoc = documents.some((doc) => doc.document_type === EntityDocumentType.voidedCheck);
-    if (existingDoc || allowOptionalFields) {
-        return documentUploadValidation.nullable();
-    }
-    else {
-        return documentUploadValidation.required('Please select one or more files');
-    }
-};
-const bankStatementValidation = (documents, allowOptionalFields) => {
-    const existingDoc = documents.some((doc) => doc.document_type === EntityDocumentType.bankStatement);
-    if (existingDoc || allowOptionalFields) {
-        return documentUploadValidation.nullable();
-    }
-    else {
-        return documentUploadValidation.required('Please select one or more files');
-    }
-};
 
-export { voidedCheckValidation as A, routingNumberValidation as B, accountNumberValidation as C, accountTypeValidation as D, nicknameValidation as E, bankNameValidation as F, 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, bankStatementValidation as z };
+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 };

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

@@ -0,0 +1,104 @@
+import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { c as formatCurrency } from './utils2.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';
+
+const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+        display: 'inline',
+        width: '80px',
+        marginLeft: '5px',
+        marginTop: '-5px',
+    } }));
+const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePaymentMethod extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+        this.initializeSezzleCheckout = () => {
+            let resolveSezzlePromise;
+            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
+            const bnpl = this.bnpl;
+            const amount = +this.paymentAmount; // convert to number
+            const Checkout = window.Checkout;
+            const checkout = new Checkout({
+                mode: 'popup',
+                publicKey: bnpl.provider_client_id,
+                apiMode: bnpl.provider_mode,
+                apiVersion: bnpl.provider_api_version,
+            });
+            checkout.sezzleButtonElement = this.sezzleButtonRef;
+            checkout.init({
+                onClick: function (event) {
+                    event.preventDefault();
+                    checkout.startCheckout({
+                        checkout_url: bnpl.provider_checkout_url
+                    });
+                },
+                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+            });
+            this.sezzleCheckout = checkout;
+            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
+        };
+    }
+    componentDidRender() {
+        this.scriptRef.onload = () => {
+            this.sezzleButtonRef = document.createElement('button');
+            this.initializeSezzleCheckout();
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        this.sezzleButtonRef.click();
+        return this.sezzlePromise;
+    }
+    render() {
+        var _a, _b, _c;
+        return (h(Host, { key: '4ae50e7bbb15d0049d069edacd0d95ba7c13dbe5', class: "payment-method" }, h("script", { key: '42a0590d89626ba7a93852e421eb121626b48375', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '31a2a72650486c258267c6d4de3723f7afa5b063', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'eac1adbcd82fcb4f9c440c53c40ce34af6092991', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
+    }
+}, [0, "justifi-sezzle-payment-method", {
+        "bnpl": [8],
+        "clientId": [1, "client-id"],
+        "accountId": [1, "account-id"],
+        "paymentMethodOption": [16, "payment-method-option"],
+        "isSelected": [4, "is-selected"],
+        "paymentAmount": [2, "payment-amount"],
+        "installmentPlan": [32],
+        "sezzleCheckout": [32],
+        "sezzlePromise": [32],
+        "resolvePaymentMethod": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-sezzle-payment-method", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-sezzle-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SezzlePaymentMethod);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SezzlePaymentMethod as S, defineCustomElement as d };

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: '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 })))));
+        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 })))));
     }
 }, [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 { a6 as dropdownMenuButton, a7 as dropdownMenu } from './parts.js';
+import { a5 as dropdownMenuButton, a6 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: '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"))));
+        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"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

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

@@ -8,9 +8,8 @@ import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import { a as TerminalOrderType } from './Refund.js';
-import './Document.js';
 import './Business.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a7 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';
@@ -167,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        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 }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],