@justifi/webcomponents 5.7.4-rc-01 → 5.7.5

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

@@ -3,7 +3,7 @@ import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import './config-state.js';
 import './utils2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
@@ -11,23 +11,23 @@ import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Business.js';
-import { s as state } from './checkout.store.js';
-import { d as defineCustomElement$h } from './bank-account-form2.js';
-import { d as defineCustomElement$g } from './card-form2.js';
-import { d as defineCustomElement$f } from './custom-popper2.js';
-import { d as defineCustomElement$e } from './form-control-checkbox2.js';
-import { d as defineCustomElement$d } from './form-control-help-text2.js';
-import { d as defineCustomElement$c } from './form-control-radio2.js';
-import { d as defineCustomElement$b } from './form-control-select2.js';
-import { d as defineCustomElement$a } from './form-control-text2.js';
-import { d as defineCustomElement$9 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$8 } from './hidden-input2.js';
-import { d as defineCustomElement$7 } from './iframe-input2.js';
-import { d as defineCustomElement$6 } from './billing-form.js';
-import { d as defineCustomElement$5 } from './new-payment-method.js';
-import { d as defineCustomElement$4 } from './payment-method-options.js';
-import { d as defineCustomElement$3 } from './save-new-payment-method.js';
-import { d as defineCustomElement$2 } from './saved-payment-method.js';
+import { d as defineCustomElement$i } from './bank-account-form2.js';
+import { d as defineCustomElement$h } from './card-form2.js';
+import { d as defineCustomElement$g } from './custom-popper2.js';
+import { d as defineCustomElement$f } from './form-control-checkbox2.js';
+import { d as defineCustomElement$e } from './form-control-help-text2.js';
+import { d as defineCustomElement$d } from './form-control-radio2.js';
+import { d as defineCustomElement$c } from './form-control-select2.js';
+import { d as defineCustomElement$b } from './form-control-text2.js';
+import { d as defineCustomElement$a } from './form-control-tooltip2.js';
+import { d as defineCustomElement$9 } from './hidden-input2.js';
+import { d as defineCustomElement$8 } from './iframe-input2.js';
+import { d as defineCustomElement$7 } from './billing-form.js';
+import { d as defineCustomElement$6 } from './new-payment-method.js';
+import { d as defineCustomElement$5 } from './payment-method-options.js';
+import { d as defineCustomElement$4 } from './save-new-payment-method.js';
+import { d as defineCustomElement$3 } from './saved-payment-method.js';
+import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
 
 const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePaymentMethod extends HTMLElement {
     constructor() {
@@ -42,12 +42,6 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        if (!this.authToken) {
-            this.authToken = state.authToken;
-        }
-        if (!this.accountId) {
-            this.accountId = state.accountId;
-        }
     }
     disconnectedCallback() {
         var _a;
@@ -89,7 +83,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (h(StyledHost, { key: '28bbe8fe3e9af2ced36216f5c5a4951daa82b4db' }, h("form", { key: '1aac4f1f0045a6b36160874afe650afdfcc68d14' }, h("fieldset", { key: 'cea4c054fbcb6e3cdd7eec1e6fd528c3a82eb24f' }, h("div", { key: '08fc6dd0621d9392d8236f7b75906c84a4ffc420', class: "row gy-3" }, h("div", { key: '54eeca6b19dbc25126312e4492d24e58e636c4f4', class: "col-12" }, h("justifi-payment-method-options", { key: 'c985cb5c1888ad62e45d51c8bcd60cac22115ea6', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '1c5006de7b3dd8872d100dbaba94a1f73bd9682f', class: "col-12" }, h(Button, { key: 'efc638ef35650335e7408b1dc5433f9ecb4f22ac', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: '9f12f7a83b2cb06c83694454ea5884bd7392eb83' }, h("form", { key: '0a0a4b4a049aa85863ef5c65313b89ebf58455c5' }, h("fieldset", { key: 'c35ed423483d49615f9ebe500fcef405394f4eb6' }, h("div", { key: '80419e9ca3431d9d75cffc958daab84a2c232f49', class: "row gy-3" }, h("div", { key: 'bd465d8b364c1bc46a6a3dee3fb74087bc087580', class: "col-12" }, h("justifi-payment-method-options", { key: 'c363e501622ef81c78a728ebbd15a3a4cd89867a', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'ad252991a12f6d21a012b6422ecaae13412f789b', class: "col-12" }, h(Button, { key: '4bb1dcdfeb71c21d3268c11fabd1ab92b43fca5e', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],
@@ -110,7 +104,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-tokenize-payment-method", "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-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method"];
+    const components = ["justifi-tokenize-payment-method", "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-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-tokenize-payment-method":
             if (!customElements.get(tagName)) {
@@ -119,80 +113,85 @@ function defineCustomElement$1() {
             break;
         case "bank-account-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "card-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "iframe-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "justifi-billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "justifi-payment-method-options":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-sezzle-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/package.js

@@ -1,7 +1,7 @@
 const name = "@justifi/webcomponents";
-const version = "5.7.4-rc-01";
-var webcomponentsPackageJson = {
+const version = "5.7.5";
+var packageJson = {
 	name: name,
 	version: version};
 
-export { webcomponentsPackageJson as w };
+export { packageJson as p };

package/dist/module/parts.js

@@ -128,4 +128,4 @@ const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam}
 const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
 const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
 
-export { billingForm as $, badgeWarning as A, badgeDanger as B, badgeSuccess as C, badgeSecondary as D, badgePrimary as E, badge as F, alertDanger as G, inputCheckboxInvalid as H, inputCheckboxCheckedFocused as I, inputCheckboxFocused as J, inputCheckboxChecked as K, inputCheckbox as L, inputAdornment as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, inputInvalidAndFocused as T, heading3 as U, checkoutSummary as V, radioListItem as W, heading4 as X, image as Y, buttonLink as Z, heading5 as _, heading1 as a, buttonSecondary as a0, buttonPrimary as a1, buttonLoading as a2, checkoutsListFilterMenu as a3, statusCheckoutsListFilterParam as a4, paymentModeCheckoutsListFilterParam as a5, dropdownMenuButton as a6, dropdownMenu as a7, getAlternateTableCellPart as a8, paymentsListFilterMenu as a9, paymentIdPaymentsListFilterParam as aa, terminalIdPaymentsListFilterParam as ab, paymentStatusPaymentsListFilterParam as ac, createdAfterPaymentsListFilterParam as ad, createdBeforePaymentsListFilterParam as ae, payoutsListFilterMenu as af, createdAfterPayoutsListFilterParam as ag, createdBeforePayoutsListFilterParam as ah, terminalOrdersListFilterMenu as ai, orderStatusTerminalOrdersListFilterParam as aj, orderTypeTerminalOrdersListFilterParam as ak, createdAfterTerminalOrdersListFilterParam as al, createdBeforeTerminalOrdersListFilterParam as am, terminalsListFilterMenu as an, terminalIdTerminalsListFilterParam as ao, terminalOrderIdTerminalsListFilterParam as ap, terminalStatusTerminalsListFilterParam as aq, tableHead as ar, tableHeadRow as as, tableRow as at, tableFoot as au, tableFootRow as av, tableFootCell as aw, tableEmpty as ax, tableError as ay, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, card as k, label as l, table as m, tableHeadCell as n, tableCell as o, paginationButton as p, paginationButtonDisabled as q, paginationButtonIconPrevious as r, skeleton as s, text as t, paginationButtonText as u, paginationButtonIconNext as v, loadingSpinner as w, badgeDark as x, badgeLight as y, badgeInfo as z };
+export { buttonSecondary as $, badgeWarning as A, badgeDanger as B, badgeSuccess as C, badgeSecondary as D, badgePrimary as E, badge as F, alertDanger as G, inputCheckboxInvalid as H, inputCheckboxCheckedFocused as I, inputCheckboxFocused as J, inputCheckboxChecked as K, inputCheckbox as L, inputAdornment as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, inputInvalidAndFocused as T, heading3 as U, checkoutSummary as V, radioListItem as W, heading4 as X, image as Y, buttonLink as Z, heading5 as _, heading1 as a, buttonPrimary as a0, buttonLoading as a1, checkoutsListFilterMenu as a2, statusCheckoutsListFilterParam as a3, paymentModeCheckoutsListFilterParam as a4, dropdownMenuButton as a5, dropdownMenu as a6, getAlternateTableCellPart as a7, paymentsListFilterMenu as a8, paymentIdPaymentsListFilterParam as a9, terminalIdPaymentsListFilterParam as aa, paymentStatusPaymentsListFilterParam as ab, createdAfterPaymentsListFilterParam as ac, createdBeforePaymentsListFilterParam as ad, payoutsListFilterMenu as ae, createdAfterPayoutsListFilterParam as af, createdBeforePayoutsListFilterParam as ag, terminalOrdersListFilterMenu as ah, orderStatusTerminalOrdersListFilterParam as ai, orderTypeTerminalOrdersListFilterParam as aj, createdAfterTerminalOrdersListFilterParam as ak, createdBeforeTerminalOrdersListFilterParam as al, terminalsListFilterMenu as am, terminalIdTerminalsListFilterParam as an, terminalOrderIdTerminalsListFilterParam as ao, terminalStatusTerminalsListFilterParam as ap, billingForm as aq, tableHead as ar, tableHeadRow as as, tableRow as at, tableFoot as au, tableFootRow as av, tableFootCell as aw, tableEmpty as ax, tableError as ay, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, card as k, label as l, table as m, tableHeadCell as n, tableCell as o, paginationButton as p, paginationButtonDisabled as q, paginationButtonIconPrevious as r, skeleton as s, text as t, paginationButtonText as u, paginationButtonIconNext as v, loadingSpinner as w, badgeDark as x, badgeLight as y, badgeInfo as z };

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

@@ -58,16 +58,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: '1d796db87530f0bf361f958ebf32d7b07e717738' }, this.loading && h(PaymentDetailsLoading, { key: '984ce8660178c8ab6700f8978ffe98e8e7fb94cf' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'aba73992ecd7091a7ba02b12068787581e0a17ae', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '6fbf25826f9c8fa2cb1787c823950fcc6f43af65', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '1b3967629cd23119be1e50554f508e067184825d', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '6dc024bd7211b140bf324810f695251cbdfde2a2', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3fc21466a82163cbc4ba8d1dd5fb1807fba9bb73', title: "ID", value: this.payment.id })), h("div", { key: '8aea85d5c2542e4d519c7964d49c32aaf1ab0910', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'aed60a360a9d83210d632597f0bb58b459ef16d9', sectionTitle: "Details" }), h("div", { key: '11ad30fd836ee9f771c863d4f2c2c886822fdc99', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '9a622ed1f10b394a54ba839f14cc3f2cb38b6655', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'a2d24f3760ad9984439de3f7c170bec82a76add1', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'd16b76c2389d4a35e84f8d52994598e7a20d824a', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '13836d9cc01a29f07ec3cbf1633f553721bbcec4', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '743060dde2c10aa76ef24b37d8c395ee33e40760', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '611fee1067e9905b3635959a077316b3a5442223', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'fda9fc662b825647235ebc31754a2912827cd819', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'c6652062c85f350e80a278e54acb944603c40363', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '300c0ab999530c9f56e0177649ff5e4d365a3588', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'ada3e801c62d3a4e7e3dcd2fddd49acce8a43544', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '1dfaeccd9b79e554dd7d9c77c2ac590fd0b3d5ef', sectionTitle: "Payment Method" }),
-            h("div", { key: 'c3a7301df552014a43980a831750cca16f9eac5c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '206c8b54e2f6006ee8cafa2b3e96af7c03b0daea', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'ee34d87b3321f878dcd809aa580ece6cffe34a70', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'cafe35022509baa2470ecf1316bd9cd895985c18', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '4e69bec4de04c2a2a67d786be1a295645b333aa5', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'e194daa5027f44cfef972c790a7bde7f136556e6', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'db2d2ec374cf0743db6bfe43e0b8f77572e9cdfd' }, this.loading && h(PaymentDetailsLoading, { key: 'c5b7481c55723d7ab8eb9b8001efadfe33c82532' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'cbbd4166213c49a85c70fab920024f876394a24b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '645552490a3d5115af19d4b3ff3d5dc80b9d3038', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '968b2420a648b0c12753dbae1ea966ba0ecd4b5e', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '056a4d72223eba4225ec6fa3f52c028be21d3fbe', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '8a010c36e237479a318dd6d03026a9b36fc78eab', title: "ID", value: this.payment.id })), h("div", { key: 'fbbb9dd12d129fd589228f23eef25ad2d048e5ba', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '51a4d8bdc3e66c17dabb77cbdcf06cd3cfdbe7e8', sectionTitle: "Details" }), h("div", { key: 'ce03ec8c368f24487ca5cf267dcc0237b4637595', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '35b94e984c638b461a26156acb08cf1647a065e4', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '5398feb78b40735d773889c57517de8784f043f0', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e2667dba443e74b4139137d7194538b4799c59d4', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '3cc3a74d90a0d10fe5f79c6e3fa942147bdf37f0', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e7f942356e5810ed1f6836002e03fab078e7da24', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '4ed5bb3102ab533914f8841de5f3bb38e059cca0', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'ffe0e3990db78c2e57133865f8ab5314698a6126', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a0defbb3e570929e4667c7d96beb23a2b21090f2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a196e9c84f30e0cbab086c02caa15188adae0fe5', title: "Description", value: this.payment.description }), h(DetailItem, { key: '3f0215fbb1faf2defb2a614d1bb463f43f4edc97', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3627159fa135d895c1591c1146daf6b1b3fcff3e', sectionTitle: "Payment Method" }),
+            h("div", { key: '00340647cfb3421627b587bcfd3e81d6cf9cb271', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b89fd68b547f48c42636b7b0904f9c518a135a84', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '2998d39cc3d133398f2e482cd47f5d5eb2fd9bc6', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '23259226da35ecd71d07685484145d547eebcfa5', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '090a22f97bfb43ffae0c7c475ee6f9c00d92193b', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '72c41739c55d99c9efbc0d5c77fcfa0049d5c21a', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '03e24cfe64d0d96793e4795f2aee3753cd2fb646', sectionTitle: "Payment Method" }),
-            h("div", { key: 'eb2e9e0b1a87424ae12f034b84c5798d11e32576', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'bcaa8001cb8de0c140fd67fa59d4587dd4e15b73', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c0918724c811a22d8fb74dc59e4d047e339d5c3f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3edee5ba73da3c5e2f1a8d676e6560a86476b4f7', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'd77f5fde0c2cb01121a6e04547334f0aa4d0e586', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '55bfec78982d1a44c5ea863e4c5bdc64cd61f241', sectionTitle: "Payment Method" }),
+            h("div", { key: 'da3be8d900f1db7b0337a27e91c90d424b4970d5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'bfcd4367c607055397d8d4417dc671d5f262acd2', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'a5ba2164eadb8bd424889cd6ed02db4679d75f91', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '96a3c52d38c8fe6dabaa032e41f87946a1fb5333', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3dfa62ba43bd18533104b8e608ce4303a75b6451', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'dc48f8084e20957839cad339ce004c81133a16db', sectionTitle: 'Metadata' }),
-            h("div", { key: 'cf724626bd10bb1bad97ed855fc0f2bdb3b9e043', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'dfe7f52a5ed42c2f737e411fb65459744fce1d7f', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '6d180793de4f1d8e13c0af9e30d44faf121733cd', sectionTitle: 'Metadata' }),
+            h("div", { key: '76b6e75ace2f243ad86dc5f66aed0aa505a35181', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a3ee69d8d8699a15980f170a087925d3458135a4', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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/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, 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';
 
@@ -118,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/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, 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';
 
@@ -173,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"],