@justifi/webcomponents 6.1.0-rc.3 → 6.2.0-rc.1

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { l as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { T as TerminalService } from './terminal.service.js';
 import './config-state.js';
@@ -103,7 +103,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '8be2d4a6da1e9e5e5dd5d86f1ef62fc693f57590' }, h("terminals-list-core", { key: '69badecd6e85df42bd303637d0aa201868efa9b6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '52dcea711707c73644e44b53ef7ae5a695e9b6d4' }, h("terminals-list-core", { key: 'd804664cf67f0e8f4f3eedc653f2679794184798', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/modular-checkout.js

@@ -193,7 +193,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         checkoutStore.accountId = checkout.account_id;
         checkoutStore.checkoutLoaded = true;
         checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
@@ -204,11 +204,12 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
         checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
         checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
-        checkoutStore.bnplProviderClientId = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_client_id;
-        checkoutStore.bnplProviderMode = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_api_version;
+        checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
+        checkoutStore.bnplProviderClientId = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_client_id;
+        checkoutStore.bnplProviderMode = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_checkout_url;
+            (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -419,7 +420,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: '92483fadc77e6468f71ffe8161acb01ec05029bd' });
+        return h(Host, { key: 'c0267323f405ad4fbcbac4481aeb5286dc98161b' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

package/dist/module/owner-details2.js

@@ -13,13 +13,14 @@ const OwnerDetails = /*@__PURE__*/ proxyCustomElement(class OwnerDetails extends
         var _a;
         if (!((_a = this === null || this === void 0 ? void 0 : this.owners) === null || _a === void 0 ? void 0 : _a.length))
             return null;
-        return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) && (this.owners.map(owner => {
-            var _a, _b, _c, _d, _e;
-            return [
-                h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
-                h("div", { class: "d-table gap-2 w-100 mt-3" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))
-            ];
-        }))));
+        return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) &&
+            this.owners.map((owner) => {
+                var _a, _b, _c, _d, _e;
+                return [
+                    h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
+                    h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "col-md-6" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))),
+                ];
+            })));
     }
 }, [256, "owner-details", {
         "owners": [16]

package/dist/module/owner-form-core2.js

@@ -3,7 +3,7 @@ import { F as FormController } from './form.js';
 import { O as Owner } from './Business.js';
 import { i as identitySchemaByCountry } from './business-identity-schema.js';
 import { B as Button } from './button.js';
-import { W as heading3 } from './parts.js';
+import { X as heading3 } from './parts.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';

package/dist/module/owner-form-inputs2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers.js';
 import { c as countryLabels } from './country-config.js';
-import { l as label, c as inputDisabled, X as buttonSecondary } from './parts.js';
+import { b as label, d as inputDisabled, Y as buttonSecondary } from './parts.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
 import { d as defineCustomElement$7 } from './form-control-date2.js';
 import { d as defineCustomElement$6 } from './form-control-number-masked2.js';

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.1.0-rc.3";
+const version = "6.2.0-rc.1";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/pagination-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ExtendedPagingDefaults } from './Pagination.js';
-import { x as paginationButton, y as paginationButtonDisabled, z as paginationButtonIconPrevious, A as paginationButtonText, B as paginationButtonIconNext } from './parts.js';
+import { y as paginationButton, z as paginationButtonDisabled, A as paginationButtonIconPrevious, B as paginationButtonText, C as paginationButtonIconNext } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor(registerHost) {
@@ -12,13 +12,13 @@ const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu ext
         this.params = {};
     }
     render() {
-        return (h(Host, { key: 'f693a04edac1a2bd63651fbe55a42fba3d0099ea' }, h("nav", { key: '0165bf5d91b4e43a909e3d41022496b651c0487d', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: 'bd00933217b4e7b0e09a56cf67d2a2c6f804c554', class: "pagination m-0" }, h("li", { key: '1e3a9be0e7c424064a161124d0601673a25f0c7e', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'c372b1a9cc07a88ff2fa1680d84a85bf46ace8b6', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '67ec7328221f28064498ebc359ec2100b33df423' }, h("nav", { key: '503d4f3c3e236797a1ef6309edb00d8d0c2be345', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '9573011f1775928268a0b0932890a6c25050e3fe', class: "pagination m-0" }, h("li", { key: '0247aa3068849046f8282124e7e168c381fd6340', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '5608ce502116c96e9400fdfeb0cfb4e64bc25a55', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: '0efdb7a795b32af71632f1191282ba65754c4b38', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: '73096ba1281792353e2ee35797b4d7ee97796a2b', part: paginationButtonText }, "Previous"))), h("li", { key: '6e1518f3b3e33ba5eec16b2a6748c4dc1919c0b9', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c760c1580585fa2e3dce831dcf3114604be0f7bd', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: '7c08295d1c5edd4950bb577272a8745e3cd3d692', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'cd766ba6a6e6c31509442537a4f8345f2cd16251', part: paginationButtonText }, "Previous"))), h("li", { key: '54c810056bc6d74be7245a47f54c8d4b75068feb', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '5ff8d8621accf87017980b527823640061b27c18', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '941e3ffd68b5c68fdf6b9839ed5a542bb8f2481e', part: paginationButtonText }, "Next"), h("span", { key: '8b76bde8e9dbdfdb9d527818afcb0d512cda947a', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '2dc934a96eb1be000eb7e016507ddc926c68db2a', part: paginationButtonText }, "Next"), h("span", { key: '4e7cbcbfd2e29969f2019eacde0a24d07a72cbb3', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
 }, [256, "pagination-menu", {
         "paging": [16],

package/dist/module/parts.js

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

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

@@ -1,6 +1,10 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import './config-state.js';
 import { a as formatDate, d as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
-import { M as MapPaymentStatusToBadge } from './payments-status.js';
+import { e as PaymentStatuses, b as DisputeStatus } from './Refund.js';
+import './Pagination.js';
+import './Business.js';
+import { P as PaymentStatusBadge, M as MapPaymentStatusToBadge } from './payments-status.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$1 } from './details.js';
@@ -48,17 +52,26 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
             },
         });
     }
+    get PaymentStatus() {
+        if (this.payment.status === PaymentStatuses.disputed) {
+            const disputeWasLost = this.payment.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
+            if (disputeWasLost) {
+                return PaymentStatusBadge.DISPUTE_LOST;
+            }
+        }
+        return this.payment.status;
+    }
     render() {
-        return (h(StyledHost, { key: '25ed5c9e906407f662ef7ebbaa25f2213e5cccc9' }, this.loading && h(PaymentDetailsLoading, { key: 'b5c123d3ed3e0f652c381cb55203155e12274d22' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'baf306757436e341879261f25890f32e84506f6e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '59ffd1cefafce8bdb5f61967705539a13c5a9874', 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: '0c1eb1feda928bae7a99de1b01263521e321c4f7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'd5e18d093518c6f100b60ad024b6767e6309b1f8', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd70449e817bf505f1c9c2784ef1a59e5223c3393', title: "ID", value: this.payment.id })), h("div", { key: '16b88c7204b8bd5216bfd6e53e29d8feea7a1e5d', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'eb6f996248478b0508f429e6924da3a9adfd9f09', sectionTitle: "Details" }), h("div", { key: 'cf3f17085930ac40cebefe920704284f747a1042', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '56897b69bc9ef5b51156ef4e77f24537b8b72df7', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '36e9ac617d83ac03361724525f4833a1795aa93f', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a7c47250572be737b7f609f4cc70fd920562f620', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'bdd0df4024cbe8f7d8bee2f201b3d9a79fc61d2c', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '2c03f3bfaabb5fb37358adcb72d7f9eb880dfcc4', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'c4ad1d92e7c4429a0093f60b4c94682f8bd8daec', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '8c7f1531e67e1647b2ca1b0690bcdea8351e32cb', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'f58f18b2b550efdf8e6ffc31f2c6807dafec3755', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'b3ca89e74ae93e27bdf58de8b0d29cf21ce1c7c2', title: "Description", value: this.payment.description }), h(DetailItem, { key: '58e1993dee67555d69fb20c560953a7de5658ee2', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '0e9b3abf65e6592cc5cbed82c5a183f6d05c8fc2', sectionTitle: "Payment Method" }),
-            h("div", { key: '91fc3faffc6bd2a0c515229efa03a6c1a59c555c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f67dfc71504d76159689766c25180dcf2e531409', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'e78c847e0a48544592303b7548bbc72b7c6495c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '160a4fd630c256c53bb7379ecec7985f8e78c42f', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'd3317e6b4186113d1376ded0ccdaed2af2735f38', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd6aaf539523dabf5b79070b9512438a8c043e0e6', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '11094240e35ca0bd76db9d299d60c3a2d7176701' }, this.loading && h(PaymentDetailsLoading, { key: '38b34ce8300b69ab23b502748a34d7bc5f671b87' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '25299b29dc50e51ef48979414e8a2a0f75ce23ec', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'a6d795adc068f563854db69cd3dba4527d444377', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'db2d1dffb1b79616ff605c6350da7849d387f59b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '70341064fb59ce20e573b8a406424985a1a52829', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b6a16a404be185b361ec50a17375ecd3ef26bdab', title: "ID", value: this.payment.id })), h("div", { key: 'df9d5f0ae2cd687585027d6de20e9987e4e5f977', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c3d62efa8452c02b178b23d5135eeaa8e800193c', sectionTitle: "Details" }), h("div", { key: 'b2caf669cb9858aa69c8c42204bd9f1f906052b3', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4527285995901be0471bb25d41302ecb01150b38', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'ec3f4850cd2ce2b28df2fba9b70f06f912e5af6c', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ed4465dbb1b74c1ab5a83c280088fc865c22402f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '02f4aff2abf1a8ddfe159581fb326167f1992572', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '063e27c4217198e0c3ea177817e31796783b8d66', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5b4b6498cf25df6a77d1587915c3db41adaadaf', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '9e5e1e5448203e428a52198f53857570714058d9', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '93090e93bfa7836a3854980a82a14586fb99f0b7', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '09b5b0562805d2dbaa3a5eaaeb1ea237a1e7c205', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'ccbf84645bdccd117ed822f9e4afaa65df831277', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '865fcf56e5bb76aba8a276765b8e2698835e7c46', sectionTitle: "Payment Method" }),
+            h("div", { key: '52d091a973c5be30d7a37c95450e5de41ce01a8a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4801da20343fe93caaae3e707a33da70bebc7a05', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f46cad59cf1222499828f792b066ba1adc9aa9c8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'e9fa4115fce4f488b24eac0d68c3fbf93218dbcc', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '6334b5aba3f7e766036c462c090948410e27c08d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '90a145f2f8e158a3302eeb8fbb42801b88ff49c0', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '17de969fc0e95f5ab2afdbdb0d486f2d0fdd7b65', sectionTitle: "Payment Method" }),
-            h("div", { key: '796fba5c17545a37996a2b197721f64031e8e0e3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5144c207cedc0aa80b9252d216857eba2477bf7a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '9b06231a073e33adcaca4bc09db654ef65c3738f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '880c481c9677b629406e90cd13c672850fc5b762', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3d59ecf1db015154b33a141f445d0f1d9671e7e0', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '0a4692cdb8f85d6e37181ef495137586d5989c59', sectionTitle: "Payment Method" }),
+            h("div", { key: 'baec71158e9b0d69c878fd7fff1931f8acbe3877', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b53045243579be1f4fe19df31776eac0794411bd', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'ff27f3c6b5e6835e2158c67b9df7083ba336fa98', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c07ae076381ea61731ec8c2ec3e7a0e069ee0c78', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'f891e0e41276b7bc1e1d5cbd9e680fee598c724e', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '7597a4e86d8cda118144a80499a98dd9aa67c442', sectionTitle: 'Metadata' }),
-            h("div", { key: '421c20438ef533975a22796dc4fd10a7fa9fce1d', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '268c3efaa09969a1c8cdddb1faeccc48e7a90701', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '9c33407c7755ac1746e3fdc6d33f26a617825abd', sectionTitle: 'Metadata' }),
+            h("div", { key: '3c9820b816478e4a17acd9ff4af3fa0d5d99c829', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '272290d21a4cc6b71027808d8011417fd0d5713d', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'c3edf1e3223d8d4bbd1b0433bb3546bdb59f0d5e', class: "payment-method" }, h("div", { key: 'e7f8815636cd256758e951d92f89890ee04564c3', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'f560ddcc9789e9915c8186d3212efe82b9e1d802', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'e9d2508bca7640c281b2d7c1240d906f91118027', class: "payment-method" }, h("div", { key: 'e6cc572415e9eea51645081c70463b51effcd7ef', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'e57c30cc26f956eedf5511bd8f8c028b4bf08fee', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

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

@@ -10,7 +10,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { e as convertToLocal } from './utils2.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 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';
 
@@ -138,7 +138,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '16623ffd64fb8c608f44daa44597f823ccd179a5' }, h(TableComponent, { key: '19933513ac4ae5f75a30e8a255ac0e53d1cb5c87' }, h(TableHead, { key: '4ca9504f2d3f98d1fe198c7524d1d80aae7ee169' }, h(TableHeadRow, { key: '497a03b10bf1fd4fbab5e132a26a4f59d0f0e947' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'd3b321c2647c28b672c92c7e6a35d1ecf5ef4ffe' }, h(TableLoadingState, { key: 'f203ce04080f5bc06eca7a1236b22b90281cf920', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '7d0db001613b7e1fcc23ffa93ae7f61f0d96814a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '7dad16e0ed9131547334624ccfe378926771caa7', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'f20e35a27f36703aa6c81e71da2b990a36074335' }, h(TableFootRow, { key: '34d9bada6b39ff6f7ce8a12e13c8276e54358758' }, h(TableFootCell, { key: 'cf868546ef932a43c6b820afd8eeb7c31b87ba2f', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '206704c8b7990ed504c41113a188aa61d6d4c6a8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e4b304800014f90e9200d071099e0dd15682242a' }, h(TableComponent, { key: '038c2e1acb61683dd197e873b061c70d05395e05' }, h(TableHead, { key: 'fd81255bfe0a7e5d742bffd3f80173afd8fe6cf5' }, h(TableHeadRow, { key: '359b37df1c94ca1e07b3b8d269b14a30f7e678bc' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '9fd6f62e02aac2fcb9bdbc4a93f75acce26b490d' }, h(TableLoadingState, { key: 'b63217f3fcf6fad0a431553d6d31b58abc5ebf31', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c33d2c14ef0143ad456c3c4f23fc89039476713a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'afed1e216fecca915ffcf16d92efa96f57158d14', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '463331f0c514c40bb40a0d73dad4e2993ecc65c1' }, h(TableFootRow, { key: '35c63a476b4058d048e53d8cd008dc3bdb1b26db' }, h(TableFootCell, { key: '2c5e1be77fe84aeede22fa7a923071c27f5df4a5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '90cff6a1c7f6e380d9e3c66037e2fbacfef9a681', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/payments-status.js

@@ -1,6 +1,19 @@
 import { h } from '@stencil/core/internal/client';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 
+var PaymentStatusBadge;
+(function (PaymentStatusBadge) {
+    PaymentStatusBadge["SUCCEEDED"] = "succeeded";
+    PaymentStatusBadge["AUTHORIZED"] = "authorized";
+    PaymentStatusBadge["PENDING"] = "pending";
+    PaymentStatusBadge["ACH_FAILED"] = "achFailed";
+    PaymentStatusBadge["FAILED"] = "failed";
+    PaymentStatusBadge["CANCELED"] = "canceled";
+    PaymentStatusBadge["DISPUTED"] = "disputed";
+    PaymentStatusBadge["DISPUTE_LOST"] = "dispute_lost";
+    PaymentStatusBadge["FULLY_REFUNDED"] = "fully_refunded";
+    PaymentStatusBadge["PARTIALLY_REFUNDED"] = "partially_refunded";
+})(PaymentStatusBadge || (PaymentStatusBadge = {}));
 const MapPaymentStatusToBadge = (status) => {
     const statusToBadgeProps = {
         succeeded: {
@@ -34,10 +47,15 @@ const MapPaymentStatusToBadge = (status) => {
             text: 'Canceled',
         },
         disputed: {
-            variant: BadgeVariant.SECONDARY,
+            variant: BadgeVariant.WARNING,
             title: 'The account holder disputed this payment. The amount has been returned and a fee assessed.',
             text: 'Disputed',
         },
+        dispute_lost: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The cardholder has won the dispute.',
+            text: 'Dispute Lost',
+        },
         fully_refunded: {
             variant: BadgeVariant.SECONDARY,
             title: 'The full amount of this payment has been refunded',
@@ -53,4 +71,4 @@ const MapPaymentStatusToBadge = (status) => {
     return h(Badge, Object.assign({}, badgeProps));
 };
 
-export { MapPaymentStatusToBadge as M };
+export { MapPaymentStatusToBadge as M, PaymentStatusBadge as P };

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as formatDate, d as formatTime } from './utils2.js';
+import { j as capitalizeFirstLetter, a as formatDate, d as formatTime } from './utils2.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
@@ -19,6 +19,8 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
             this.__registerHost();
         }
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.recordClickEvent = createEvent(this, "record-click-event", 7);
+        this.enableRecordClick = false;
         this.loading = true;
         this.errorMessage = null;
         this.downloadCSV = () => {
@@ -34,6 +36,12 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
                 },
             });
         };
+        this.handleRecordClick = (id) => {
+            this.recordClickEvent.emit({
+                id,
+                type: 'account'
+            });
+        };
     }
     componentWillLoad() {
         if (this.getPayout) {
@@ -62,11 +70,16 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
             },
         });
     }
+    formatMethod(deliveryMethod) {
+        if (deliveryMethod === "ach")
+            return "ACH";
+        return capitalizeFirstLetter(deliveryMethod);
+    }
     render() {
         var _a;
-        return (h(StyledHost, { key: '5568a561f38c1d899171163d23b029766adb0e8a' }, this.loading && h(PayoutDetailsLoading, { key: '1c17be181850fde8e996b526d76c0452e7353e16' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'd507119400ed8885a0b0f3061f54c82cd2d151ca', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2d6192cc947a78b0566401b07b661b5116378798', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'd25b191987931a853b16d40b819c5e88ca3bba70', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a669dae8e5699ca83326a799e07f5b9efb673850', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '2952d01e2d98ca87ad2a8f1349144dd8a0d6d87e', title: "ID", value: this.payout.id }), h("div", { key: '376886d0c0dfee789825f007f7bf17847a0e4f74', class: "m-4" }, h(Button, { key: '2ceae9f29c2b07efeba427a97a8ed79cac27c736', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'be5844790b248357d9d919830ee54f159f24268e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3a450675b1811d87cd61692f7a36443d56412e7b', sectionTitle: "Details" }), h("div", { key: 'c6fe4e20c5b7607cb7f7472a3f41245b1cccdf5c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'aaa0e5d6d2d764e5b4ee430a21d94891cea55dd6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '92f7534cc1cd4463ff9f4187dec79520bc728d38', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd25daac9ecd7de9b3e379fbc6baeaba5f7c7db96', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'a648fbfdae282870dd7471d8e6fe414ca3e225d6', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4720bfeae9fcb545aaa84b373bdea0000ab803ae', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '54d6f97ad54c2018d873062d15c63143ad899c4f', sectionTitle: "Account" }), h("div", { key: 'f46ec5329dc9a5301345fbff79cb95eada27c7d7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '4b0432e3b43a54591bbcd007372d63359738e7f0', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c4f24ea424336b398b73268869e42aa5efaba22c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a7735eff20bcd14399af5da2a1f83b308a5a7d1d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8f111b1b61509802d2fe743ca1b7f6197e5fd50b', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '85dd7ec442ac9dafe7b87bf7b036088166acd7ab', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '42bd46da966657dafe6db564829b6ecf41c0195e', sectionTitle: 'Metadata' }),
-            h("div", { key: '41124e965bdc0d0429f16e7693894bfa6c62c9df', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '718b728f4aaab7092530ed52de11348b8e68a2f6', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'b7654bca327b4a7c7d03edc2c85375a8496e466d' }, this.loading && h(PayoutDetailsLoading, { key: 'b9cda081550abe8f4e4ab33329e13bca3e2bb905' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '9ecaedec9c2f2e8655018ed6c7ec279d31c2817b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '70a0046c360065505965425906cf69dd3e477b04', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '908bae7d95c5649aac6928a2cd49eb4511f87809', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c49a87f564091498891924f3c645542879264df', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '4953c429840cebd6485f0ded0e330152b50d78b6', title: "ID", value: this.payout.id }), h("div", { key: '08593f7b54ddfe2d24d0b0c4b1d738f57769e671', class: "m-4" }, h(Button, { key: 'cdfa16df03dcbcbd9edd8591e1fc877644ce9465', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c65296580a275d7fb74e4b95f97e2633bc5fa70c', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c2970c5b956ed035e5ae911c557d9f59c945cd8d', sectionTitle: "Details" }), h("div", { key: '91f0f6e54c79dfea18474e83deba9364b2f3c8f4', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0e2f745c610fa0efddb061edb179aab99b0d9167', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '55e7c25da1f6ad8ed8665b459c74a6f8f2603c2e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '92b9fcad3ac6658a6b813f30456f6ca8b233198f', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '369bed6889c8c68b6b9dfdd50bc320b64ad4ca5e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bc2b2283bf87752932a8f4cc8996a394f86f1b44', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '62c1fad6c3b2f8ee500f31acb9b4c1a84f94de79', sectionTitle: "Account" }), h("div", { key: '31fb316e496ef68671b6df80dcf9e6d34d62b2c5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '47e3f14ba46c432fc62f9fedef265281b5477801', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'aa5c179afb349b0253b595866fa26cc94be3f84f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '420c8b2fd759ccead9bb981af9eef62fa1222844', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'a28e32d0a855b6077aba42b7572b7aa40d18240f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '1518b9279cc6021bd3bbb861940bde3940f314be', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '5df0034950365eee1f59b563f53e1d830bd4edc1', sectionTitle: 'Metadata' }),
+            h("div", { key: '61682a85d734025d6b933b1e1291815c6ae6b0bf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '10b470329d8131840054ca39410035e73af9ef01', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {
@@ -75,6 +88,7 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
 }, [256, "payout-details-core", {
         "getPayout": [16],
         "getPayoutCSV": [16],
+        "enableRecordClick": [4, "enable-record-click"],
         "payout": [32],
         "loading": [32],
         "errorMessage": [32]

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

@@ -10,7 +10,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 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: '59994e4906090071601b397325d5f7069b8d8a22' }, h(TableComponent, { key: 'ce036662e9f46e7694dbc10b943fc1214f75daa0' }, h(TableHead, { key: 'af54a1f5719de98f09e328c38656d2c0118e15c4' }, h(TableHeadRow, { key: '2820111563b25c714bf471d899e138b6a2b6a364' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '133f14f906b44122d1bcfd24e03cda0056ace227' }, h(TableLoadingState, { key: 'b4332c9c89bbad2f06b2b69f533d3fcc70e6ec3d', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd23e5d640e3fe1f38b6f437a96d0a5f6e7832c28', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'edf58fb04ebabdcb0678a551d7d87a236baba849', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '081f88093dda02c81346b9eda6c3105bc6c7c0f1' }, h(TableFootRow, { key: '1b579bb5c8feb1f388f3ad2c25543f5d8f6b154d' }, h(TableFootCell, { key: '6a6ac8031d15ed7e2fc158028bcc7b44901faca8', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'ef890187c152081d1daf8cc870a81d75db439128', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'cdf6daaa40985bc3925c6f5d5b618102f5168ee0' }, h(TableComponent, { key: '52e74b98af14199c22442fe8b70d2af8c48da931' }, h(TableHead, { key: '65e21eb180a339b71f861c9130e89ad55cda138c' }, h(TableHeadRow, { key: 'b1e2c439fdce4d235fa54560d1952ee84bdfbffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c3113938a3c99f1fe52b7526f9e3d4a0f3f36ba5' }, h(TableLoadingState, { key: 'eda682acb4f576e34d0068ca2ebbec0561bec0e8', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4aee9df94af9135ab87ce32fc3fb3eec4c27990f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '413d3362c4c3fd0dbae32b7c56d3c45a0f228285', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8d528bd87a55c41dc3327dfff1aaed84593b70c3' }, h(TableFootRow, { key: '1cd949eaafefe2fadfebcd1320cf4d47f8401d47' }, h(TableFootCell, { key: '057e0a48bf6e2fe35754eb11a53b0179adb08e1f', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '7eb638922c2403586e6737e8696aced00d0188ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/product-or-service.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { a0 as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '3560b76ef6eb095e247058bd65138baca3270d26' }, h("div", { key: '340ff32d302a7c255f4e3d2f7c6e32ed42ecd812', class: "row gy-3" }, h("div", { key: '4dd1cd92df58c39920940715c74b1cdc19206ea5', class: "col-12" }, h("h2", { key: 'd5f577c5169664f1d84bf64bdc85758c5033be9e', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4a3c80fe6e8714adb4f195cafd6d0fe419f0d392', class: "col-12" }, h("form-control-text", { key: '637118ed43962371b9232fce583f65ee810132ca', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '7a52049834ea6a7ec1805f3a2e9aa4b827c5dc7b', class: "col-12" }, h("form-control-date", { key: '8eefafabd31fe7a9be19de0d13a1cecb6f61c043', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'b445d6ffb5866da1e94e64d87e4d120e1f1e8993', class: "col-12" }, h("form-control-file-v2", { key: 'db218fa96ddaf2383a7f053ca4115333657e916b', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '116c8109ff66ee49f71dd2942afd87802f0a7c55' }, h("div", { key: 'ad46e75181ecd8c30ba60c11f4d841ced13e77f0', class: "row gy-3" }, h("div", { key: '7247495b2134d3abe73c65f115f82467b0ffbb74', class: "col-12" }, h("h2", { key: 'c9e1e882662d10242bf287c426fa976580521af8', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '4bf80f0e5bbf2fa8f2722bcf55f21339afb6e650', class: "col-12" }, h("form-control-text", { key: '0c29fe5584bcaf6329efa1d24eb1a731459a99f6', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5a9338d6d046ecc9e9df64cab31c7ba50ce88e7d', class: "col-12" }, h("form-control-date", { key: '51e2d0983faf533fa188e0d679446c2b1b17a9ee', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '237e39cb91eef0d6e5ddcb6c0ff0d4bccb64cfe2', class: "col-12" }, h("form-control-file-v2", { key: '5eee43125a7ded5640735f25c9713fc98666df98', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { a0 as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
@@ -41,7 +41,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '47624ab9ecb43e67c11b92a779f306c3dfdf2983' }, h("div", { key: 'ed48b88318c23510deb37d4dc0f573a656b9f52a', class: "row gy-3" }, h("div", { key: 'd95b83dd2996710485c66bd853bd5c06f52b69e2', class: "col-12" }, h("h2", { key: '38dfdfc96d1f082a05c10709cba186eb97efafa2', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '61ee95c2f40109d36dd9649f91ba92a2daae8fb6', class: "col-12" }, h("form-control-textarea", { key: 'cb8a8d8e695dd1c8b4db4471cfb052a9983f38d2', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '4f88c32fdb04ac20fbc69be497f7d1a65a7de46e', class: "col-12" }, h("form-control-textarea", { key: '4b6720ade82fa44869b86289ec8f29fb53be9dc1', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'fc70d14e807749f441d0d25e86dc99dc3168eceb', class: "col-12" }, h("form-control-file-v2", { key: '46d8bd0af0da9693e0efffd24a43214b487b968e', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '0d3f4c43419df58245f4a2c6efca51052ec926f3', class: "col-12" }, h("form-control-file-v2", { key: '770130dfa0920d22681614a71091c60af5057b1d', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '70c6484a73b7bb3c794703f08eee51aaedc564f2' }, h("div", { key: '26743bb218cfdaaf8f99f75582afc06b45a45584', class: "row gy-3" }, h("div", { key: 'd9fca9e6a0985cf2c8746b54f26c8fcd4c198382', class: "col-12" }, h("h2", { key: '428b73ad90c7f6b73980ff51ce7936dd7fe40217', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '7cbca206b3d9aa7669242b33fdd84712f6d6a49d', class: "col-12" }, h("form-control-textarea", { key: '5d7cadc32a5c6f95c0cefc89eb81e1f5d62dafac', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bd1bfcea8114595f34bb477c88d18dc9d4094821', class: "col-12" }, h("form-control-textarea", { key: 'cb08d0e1e206079e97929d4008fc8f5d7561b342', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'b692266abea088b1818ade9243ffff67d556a196', class: "col-12" }, h("form-control-file-v2", { key: '79fe63b4949a3181a4afffffb8ab5676c175774c', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'ce43bc526887e61e58c30aed49e75d23c04d74d1', class: "col-12" }, h("form-control-file-v2", { key: '6f743b261c533985aedc5d3dc0d4e706f9ad9a71', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/representative-details2.js

@@ -13,7 +13,7 @@ const JustifiRepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class Just
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         if (!this.representative || isEmptyObject(this.representative))
             return null;
-        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
     }
 }, [256, "representative-details", {
         "representative": [16]

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

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

package/dist/module/shipping-details.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { $ as heading5 } from './parts.js';
+import { a0 as heading5 } from './parts.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
@@ -46,7 +46,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '5d6f7387470632f1477d70e63884e7f220bbf3c3' }, h("div", { key: '33435f8d374285ea7da21ba19077ce6a7d64f877', class: "row gy-3" }, h("div", { key: 'dd9e36fcb5a920815b65f2da7ffaae6624762b2e', class: "col-12" }, h("h2", { key: 'fc9f218047ccbb8d36f9ae659cae8608c4a17c98', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '3837754c1ca9827c6eefe8bd015753e757f6ecce', class: "col-12" }, h("form-control-text", { key: 'f92430e331cdc1e548823ee50e19bf6a0138061c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '4b75c4ba88d83560288e567f06d3aa8bd60c02d3', class: "col-12" }, h("form-control-text", { key: '9c20d40ec5e39b8eda0324f83c9bcc7ae0aaec97', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'c2ea40c473883b76644794473b6a61b44a00a9fa', class: "col-12" }, h("form-control-date", { key: '8bb7a4f77956e6ad738bb216143bd81dd06c9b8a', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '0f488c098004accd493d17b43e9f5e03c8aa2e04', class: "col-12" }, h("form-control-textarea", { key: '06668e8e56aabab9d618b35c0b179476595a5af5', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'c6c0191e78a0dad7d915ad146181c9c702b5f946', class: "col-12" }, h("form-control-file-v2", { key: '816cf6e130f8c986811c161499d9325d7dd5d7fc', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '0cf5535a17c98e536665690e19857e6cad62a6dd' }, h("div", { key: 'bb42bc4f9732c68b59d29b520fa8b72cf0169d60', class: "row gy-3" }, h("div", { key: 'aff7c671db0b966b128ab05ff574be7f65ae89ae', class: "col-12" }, h("h2", { key: '8910100bf94d4ac11f8a252c03d8fa09b4b016ac', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '392d3d1ca2fb607d3e82b35813e5a39254bb5598', class: "col-12" }, h("form-control-text", { key: 'c857a5e60c66a1476c509937ccf5907ddb8bb69b', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e98ee583d1333752dc20a8aa34d06680910d868b', class: "col-12" }, h("form-control-text", { key: '07a9d25aac27fe726cfb216e77c937678f7fa592', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'f58bb675c12b21dfcabf0e0ef1194627b5652d29', class: "col-12" }, h("form-control-date", { key: '546063536d78767b2e81ae7c686a7e761602ee3b', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'c197611cc502e5cfaf67461eee9cb606d9cdc14a', class: "col-12" }, h("form-control-textarea", { key: '2afe4380f738553f308aec1c747152e9f6289d26', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '98b0312297d02c4146ad6db2ce3b52235b8c9bb2', class: "col-12" }, h("form-control-file-v2", { key: '1781b796e35fdeb9a11485273cc667fca33dedd4', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/spinner.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { C as loadingSpinner } from './parts.js';
+import { D as loadingSpinner } from './parts.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" }, h("div", { class: "spinner-border", role: "status", part: loadingSpinner }, h("span", { class: "visually-hidden" }, "Loading..."))));

package/dist/module/summary.js

@@ -16,7 +16,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '486de82e23fb45c7dbe804e92687ee380643483e' }, h("section", { key: '45a41fb60275d5c50b994aa47bed8db6df231b77' }, h("div", { key: 'ea4d92fdce0182538a3f42e314c7e9a9bc8e75eb' }, h("div", { key: '35158706826e010c86f7fcb43da383c726fe595b', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e2caeff8e0b4ba4a549cc256ab6df0ad44d3cebb' }, h("span", { key: '104c839b0a5c518d115fc34d66082c035e1b76ac', part: text }, "Total"), "\u00A0", h("span", { key: '79fac509d988600dd8c7e99f6c1be82956ea8219', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'a0cf2d923a1283aeac48837faf25aa8ca100adbe' }, h("section", { key: 'dd98da2e82a8a68606c3cee9a9f4ab54a618dea5' }, h("div", { key: '1a4ca7e0cfd24d3ffa7c4d639ae6ecc01ab04ae0' }, h("div", { key: '01291cd64ac310a23f9bb8e6a7a0bde3ab36755c', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7a1fdb4d579a119618c2afd9226834fba41449e1' }, h("span", { key: '9ec7e265476839a663a52116bb64424aeafc5bcf', part: text }, "Total"), "\u00A0", h("span", { key: '72b6ba530ba51d9f6b41c35c843b7fada598de40', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

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

@@ -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 { a7 as dropdownMenuButton, a8 as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '666d19b7f8dfa697155195faf6cafed8e001a3a1', class: "d-flex gap-2" }, h("div", { key: 'e8c5ce6acf0e981e974ec7dac626fa1133de91b1', class: "dropdown pb-3" }, h("button", { key: '019fe2ecdeac0d436b343489de8c58c28299b3eb', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '1264bdb0fad73a14857cd08774c5965b36e8e7cc', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a5474b3d320f0ef1ac44ce386a0fe06543c4dc56', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bcaecc2051576ef38accd6195f041859c94ed32' })))), h("div", { key: '5adfbe93c5ec7e7b953e33a92d197dd52f12291f' }, h(Button, { key: '60ae8725304a6fe6ef1e994deab0151c2c5bebd1', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '14b8c9b28e6db7921a0b504cdac9d09cc51e250c', class: "d-flex gap-2" }, h("div", { key: '8017069d76200797bb796062c500f5139dd103e1', class: "dropdown pb-3" }, h("button", { key: '12e81650b0c2649d3be74f82744ed6195af4bdae', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'f123c078509a97e24499f909457cefa697c3f18d', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'f983f848d4bebd40c734ecc7e44a28fa8bcae060', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '22ab7f6e07726f2a92008937a7cd1a7dc0b95727' })))), h("div", { key: '51e56c9fea70c03e1738e5baacbdf88432cc78cb' }, h(Button, { key: 'd33af17298a3fa68906ba8b490133db9b294c695', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { u as table, ar as tableHead, as as tableHeadRow, at as tableRow, au as tableFoot, av as tableFootRow, aw as tableFootCell, ax as tableEmpty, ay as tableError, w as tableCell } from './parts.js';
+import { v as table, as as tableHead, at as tableHeadRow, au as tableRow, av as tableFoot, aw as tableFootRow, ax as tableFootCell, ay as tableEmpty, az as tableError, x as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {