@justifi/webcomponents 6.0.4 → 6.0.6-rc.1

package/dist/esm/pagination-menu.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-DyGx8Avl.js';
+import { r as registerInstance, h, H as Host } from './index-DOjVAAtq.js';
 import { E as ExtendedPagingDefaults } from './Pagination-CLHwhyvu.js';
-import { a8 as paginationButton, a9 as paginationButtonDisabled, aa as paginationButtonIconPrevious, ab as paginationButtonText, ac as paginationButtonIconNext } from './parts-RvUQ__Pq.js';
+import { a9 as paginationButton, aa as paginationButtonDisabled, ab as paginationButtonIconPrevious, ac as paginationButtonText, ad as paginationButtonIconNext } from './parts-xDbRW9xn.js';
 
 const PaginationMenu = class {
     constructor(hostRef) {
@@ -9,13 +9,13 @@ const PaginationMenu = class {
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '810215871a1c2be2c19cfd1f664dc161da165e3e' }, h("nav", { key: 'b70783dcc8dce096685ff7d98cb985fd1860079a', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '9a452872def84e84ff0a93edffeb95fbafdf2e0f', class: "pagination m-0" }, h("li", { key: '065a6eff118b94aedb9287e4e31e9568f10dab2b', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'f67b733843b2249099677644cfb1dd2af26ccfde', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: '097f9361ad382a804c8f5a30fc3fb117206485bc', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: '7ec0b45e02683fe4993bf3824bd00f74d2b02cc5', part: paginationButtonText }, "Previous"))), h("li", { key: 'dcee0459c283c3db9cc395890dca7ccacd028d65', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '9ac8ea34d07c1e1665ed398daf0f170fa13e43a0', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6cb727927d29d836881f6769f50a818df496fa59', part: paginationButtonText }, "Next"), h("span", { key: '13a9d8bc8b506553d3bb5bd406c76f050ca100b1', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
 };
 

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

package/dist/esm/payment-details-core.entry.js

@@ -1,22 +1,22 @@
-import { h, r as registerInstance, c as createEvent } from './index-DyGx8Avl.js';
-import './config-state-BJ800oYx.js';
-import { e as formatDate, d as formatTime, s as snakeCaseToHumanReadable } from './utils-BscIVFn8.js';
+import { h, r as registerInstance, c as createEvent } from './index-DOjVAAtq.js';
+import './config-state-DiHV-4QK.js';
+import { e as formatDate, d as formatTime, s as snakeCaseToHumanReadable } from './utils-BOijEGPV.js';
 import './ComponentError-Cjcsf8ku.js';
-import { f as PaymentStatuses } from './Refund-C3Rj8ucO.js';
+import { f as PaymentStatuses } from './Refund-B-iOTRxz.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import { a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
-import { P as PaymentStatusBadge, M as MapPaymentStatusToBadge } from './payments-status-BMCeFxof.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-i_eMGns9.js';
-import { S as StyledHost } from './styled-host-BQjsup-P.js';
+import { P as PaymentStatusBadge, M as MapPaymentStatusToBadge } from './payments-status-cvtVmtY5.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-DRwofES0.js';
+import { S as StyledHost } from './styled-host-OalOsPBp.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BagMauL8.js';
-import { a as Badge, B as BadgeVariant } from './badge-DrV8suYS.js';
-import './index-Cuq3wBDS.js';
+import { S as Skeleton } from './skeleton-B8EUwt4b.js';
+import { a as Badge, B as BadgeVariant } from './badge-CtdO-tEY.js';
+import './index-DJ9G-4S-.js';
 import './dinero-HXpYMWUU.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-RvUQ__Pq.js';
+import './parts-xDbRW9xn.js';
 
 const PaymentDetailsLoading = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "35%", height: "30px" })), h("div", { class: "col-12" }, h(Skeleton, { width: "70%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "80%" }))));
 
@@ -64,16 +64,16 @@ const PaymentDetailsCore = class {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '8e934b8ca929667ae620d004e9bd85e27d05882c' }, this.loading && h(PaymentDetailsLoading, { key: '2d3fc68b570b3d99cb4bbc38e6f444dda7ae7346' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '30686d6dab6b9291263e3b0772ac635231b8befe', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b4bda838a2481a3e33dffe5bbbddd6688e2ca8e3', 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: '64c5c78ec44f3a179d9b4a52e4965c43d3ab0318', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '9a4ab2d2fe3bc4294dd39ffb997d8a2742c5311f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b89aa9b932a3edb40031d476aafa5c21a45be24f', title: "ID", value: this.payment.id })), h("div", { key: '8a5e2336d1c025771e381b2a20f64b8438b5f883', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4e9bad001601781c79d5c91978ecbb72561464cf', sectionTitle: "Details" }), h("div", { key: '948b83844b81a8eb9f310c18f02b5c8704eeb4da', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '285b5806148108197a482e19dbeb9e2f9cea629b', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7e2d71ed3e0c39b2d4d0f28fd48a9e508c2becf2', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6c6725adaa214493f24eff516482171194152428', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '4a7a960ec2abe4689a463ff1f262084b2f5ff674', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5f4c4016804aa5fa457d64fd422fcef0760557d1', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '2dc245331ef21bd2af3f41378375db4bdaca4010', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'c156cc40903f5f2d2c44bd569797d897ac12a673', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '9328301f1664d243e99f2fc65f98622124efad84', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'e5a9d69caed0fbdfc9422eb0f8f9dde7b716689b', title: "Description", value: this.payment.description }), h(DetailItem, { key: '41606cf511c3d8bbc0cd113982c2d3e7fa0dfa22', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '1eb7dbb74218a2929f5eaee0b7f23a6fb87ed685', sectionTitle: "Payment Method" }),
-            h("div", { key: 'c471b66ca2f7c36e81d43d80aa89b487b8577e74', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dbb0affa2e32ba27f3f227ea0abb3498067433e4', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '5647d0a731a0bf571f8ba28548703463bc1d3578', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'e08b912a82f842f7be48f86a0f87cea1cf606f69', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '976f8cc5c4b35a369d0b003ec16bc0682ba9142a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '22507fb980865a8d0e55bb914c59ca95994cea0b', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'c21bde055f6cb0d1e799150a6aeec78b5448b203' }, this.loading && h(PaymentDetailsLoading, { key: '8b53bcbfff07473d7b12c3fb4b203c941d8a3136' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'c669a7e7e44cf5db639b8177e2d0df0c34f26222', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'aae0305936b35e19c39af04d42bbb5cd7f350d7d', 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: '4074322623130af0a21f407a43f5752e6f0b8101', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'c787517c0f383a06b2cc1b3824c61e756c885fb1', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '82752b93e9d2540c2afa444b7bd9c76f225c3997', title: "ID", value: this.payment.id })), h("div", { key: '334cd65d0f811491aa947da7462d021beb534b56', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '7ee3ab127b13c4d862308501f3acc2891a23a88f', sectionTitle: "Details" }), h("div", { key: '238557ff12daf46bb9c99cc134d8e5e8f67c24ed', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '819e68fe8d51e59c0ce120225091799d1b1d9d53', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'd63890fffdbc61e83366a7692fd00aebfe61ffd5', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'c0f584a18c91c5b0b841847f226952eef89690ca', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '7f20a671d48f48f78fd6fcec95152d274bdb0a3e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '981e31e166e7780df1dbbdacf1c3ce61a761d7b3', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'e7fdc5fccdb259fb8dc0fb224b9384fe3a172b5a', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '112221995807f5e5468807e0a4e9395146ec771d', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'fa330af63e96fe2888c783332908c43e7f66a29f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'd154d77d74c5b56e8139a28a9220cc60799000d9', title: "Description", value: this.payment.description }), h(DetailItem, { key: '68788fd77e8805d2d58e3cf1aaff3776795a7431', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '28ccc458f7ec0c60c3d750e3d8db3317f130e1c6', sectionTitle: "Payment Method" }),
+            h("div", { key: 'd163947b967270345b7be3dd8815d8a40bc18c22', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7fdeabbc64c747218da6cab078995866bebc67fb', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'ec2ed7eb523de4c0f64d877bb48f6e02bb2a0e14', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '3c7e7903935e04d8368716887c90a19bb4c3612a', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '77042c02c0ed83d6dc443a8995a1a22c97663c83', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '689a092cfeea4642b9ccaf9846a1ba4ce1de38ca', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'dd4ecaf52c9f2004cce8c22f827aaadba830a1e9', sectionTitle: "Payment Method" }),
-            h("div", { key: 'b1ab2660f491b8880ed4ef71b95d10a3e2fb8b37', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f54c70d4f7b8b4f2dde50e951d5e176256f0e8e2', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c3965cf9d17e2447877a054aed54546bcc17ebd3', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '90553ec7655ba598a243162d5b5c00edb8144c20', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '31d1db505ece4dbf24df0dbfffbdc28f993cb7e5', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'd6369d2d90896916dbffb50f0ebd52014340b8de', sectionTitle: "Payment Method" }),
+            h("div", { key: 'dc7a48fbca9ad84b70aaee854d161a0c9f2751f1', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b3786ff126a4a53a2ccc9669890ad1df71f111f', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '0114e2d9b6311c8786a8710358d1e6d15785f7f2', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '5926ccc059ce8351c3342b129c42c51ae761ef68', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'cf9c5fe4c93e50bd4bceb7d972d9a0b80a976baa', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '2aef948d3983e0bb7a688125c4e069424692c9e4', sectionTitle: 'Metadata' }),
-            h("div", { key: 'd7ae5de22100442614fb106071cf73ae996d965f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '6fe2c0f4f89c440cfe29ada2b085c54a4cfc1be3', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '55a4e72b93c9b8bd780026649e69f8f8813012f3', sectionTitle: 'Metadata' }),
+            h("div", { key: 'a555d84696123a99f484b27c185f8affe0de34ae', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'f15b235765c9728a048118195465c2f8dc1760f8', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/esm/payment-method-option.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-DyGx8Avl.js';
-import { r as radioListItem } from './parts-RvUQ__Pq.js';
-import { S as StyledHost } from './styled-host-BQjsup-P.js';
+import { r as registerInstance, h } from './index-DOjVAAtq.js';
+import { r as radioListItem } from './parts-xDbRW9xn.js';
+import { S as StyledHost } from './styled-host-OalOsPBp.js';
 import './event-types-CZfYo5-1.js';
 
 const PaymentMethodOption = class {
@@ -8,7 +8,7 @@ const PaymentMethodOption = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(StyledHost, { key: '276e7685b6f5b7430fdac887fa5f270245011f6d', class: "payment-method" }, h("div", { key: '032431a1a0e3e97077c84f02288e3e0d1334e230', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '33a53344736a2a5d8546cbec24cc6c4aaebf7629', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '1b2afde467e7df3ac661951843ad81fd93878585', class: "payment-method" }, h("div", { key: '1671afdd9d7ceb16836af9453a001ecaa2b6bab4', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '3d1a48f478c9504b63c81ff2665ebff2fb19c862', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 };
 

package/dist/esm/{payment.service-oJkZDCjF.js → payment.service-BoQ1MW1k.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-GDDXjRV1.js';
+import { A as Api } from './Api-DhiA2e_P.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-C3Rj8ucO.js';
+import './Refund-B-iOTRxz.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/payments-list-core.entry.js

@@ -1,23 +1,23 @@
-import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
-import './config-state-BJ800oYx.js';
+import { r as registerInstance, c as createEvent, h } from './index-DOjVAAtq.js';
+import './config-state-DiHV-4QK.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-C3Rj8ucO.js';
+import './Refund-B-iOTRxz.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-D-zEX8E8.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-Bj20uWfu.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { p as paymentTableColumns, a as paymentTableCells } from './payments-table-2pRUlnGQ.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state-DKBoAgAJ.js';
-import './index-Cuq3wBDS.js';
-import './utils-BscIVFn8.js';
+import { p as paymentTableColumns, a as paymentTableCells } from './payments-table-D_BlyU1F.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state-C_fug9R3.js';
+import './index-DJ9G-4S-.js';
+import './utils-BOijEGPV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-RvUQ__Pq.js';
-import './spinner-DOyR5em0.js';
-import './payments-status-BMCeFxof.js';
-import './badge-DrV8suYS.js';
+import './parts-xDbRW9xn.js';
+import './spinner-CYXkn1fh.js';
+import './payments-status-cvtVmtY5.js';
+import './badge-CtdO-tEY.js';
 
 const PaymentsListCore = class {
     constructor(hostRef) {
@@ -100,7 +100,7 @@ const PaymentsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '0f667b8996650351ee636d548437217696ba8845' }, h(TableComponent, { key: 'ea49b5f4a53b03525a960954df711f39ee1ec41d' }, h(TableHead, { key: '7e06f612e6aa80267abba505c5b44506a907ae1a' }, h(TableHeadRow, { key: '561827555ab274f70fe4e2e08442689b82f8b2c9' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1f724d553ca43fbe20aeeb1bcbedf87e7d5b917' }, h(TableLoadingState, { key: '27c9f9e459857cf208f9bcb1a5a81f02fcac0850', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '546e87c7198e6b7efaf1dde4dba0e2bc9dd9e4a7', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'cbb35d379ac52943549b58128af24f682b53254f', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '4b8de6a6841bd6f087f8819febd3136742e535eb' }, h(TableFootRow, { key: 'cb2f446cd73c72e551378d73d5fb7089bcf9b8a0' }, h(TableFootCell, { key: '01098f6891794529ddfc1d7b1303706313694316', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'a907422b1d6246570d14862478154465c4ad59c9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '2cceca3ea193752152afb7514513422ad40165a8' }, h(TableComponent, { key: '61f651673b6cfa85380ca2806907facada8152e9' }, h(TableHead, { key: '5d65f625ba51588d5c1d288d31d2f52680645f2c' }, h(TableHeadRow, { key: '0a2c0158996f39964ae0f050632e47c40e7d10f5' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '4c5e3252951cad51e705a6fb377a6d4b8f28869e' }, h(TableLoadingState, { key: '9159d22917307f9886d57c488218be65782dbeb2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dcb34a17de509c1856ff3507f7e10863b3b5fe09', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '5a4d81745f6764ed8860c1be74895c6f7cc7e7aa', 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: '095986da34b545b85c62c881c06e215410d26793' }, h(TableFootRow, { key: '5d592db903775c67b6f587477a0fa3713a7abd88' }, h(TableFootCell, { key: 'c23d9b7111b6f3dde3101f5fd49b297630948de5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '37deefd8ffd902f9bd458b4fa0fe5c4ef4bdb87e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{payments-list-params-state-DKBoAgAJ.js → payments-list-params-state-C_fug9R3.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Cuq3wBDS.js';
+import { c as createStore } from './index-DJ9G-4S-.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{payments-status-BMCeFxof.js → payments-status-cvtVmtY5.js}

@@ -1,5 +1,5 @@
-import { h } from './index-DyGx8Avl.js';
-import { B as BadgeVariant, a as Badge } from './badge-DrV8suYS.js';
+import { h } from './index-DOjVAAtq.js';
+import { B as BadgeVariant, a as Badge } from './badge-CtdO-tEY.js';
 
 var PaymentStatusBadge;
 (function (PaymentStatusBadge) {

package/dist/esm/{payments-table-2pRUlnGQ.js → payments-table-D_BlyU1F.js}

@@ -1,7 +1,7 @@
-import { h } from './index-DyGx8Avl.js';
-import { M as MapPaymentStatusToBadge } from './payments-status-BMCeFxof.js';
-import { a as convertToLocal } from './utils-BscIVFn8.js';
-import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ__Pq.js';
+import { h } from './index-DOjVAAtq.js';
+import { M as MapPaymentStatusToBadge } from './payments-status-cvtVmtY5.js';
+import { a as convertToLocal } from './utils-BOijEGPV.js';
+import { S as tableHeadCell, T as getAlternateTableCellPart } from './parts-xDbRW9xn.js';
 
 const mapCardBrandToDisplayName = (brand) => {
     if (!brand)

package/dist/esm/payout-details-core.entry.js

@@ -1,14 +1,14 @@
-import { h, r as registerInstance, c as createEvent } from './index-DyGx8Avl.js';
-import { e as formatDate, d as formatTime } from './utils-BscIVFn8.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-i_eMGns9.js';
-import { B as Button } from './button-Dz7L1sRR.js';
-import { S as StyledHost } from './styled-host-BQjsup-P.js';
+import { h, r as registerInstance, c as createEvent } from './index-DOjVAAtq.js';
+import { i as capitalizeFirstLetter, e as formatDate, d as formatTime } from './utils-BOijEGPV.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-DRwofES0.js';
+import { B as Button } from './button-DtTaQHMK.js';
+import { S as StyledHost } from './styled-host-OalOsPBp.js';
 import './event-types-CZfYo5-1.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-DBkurhQF.js';
-import { S as Skeleton } from './skeleton-BagMauL8.js';
-import { a as Badge, B as BadgeVariant } from './badge-DrV8suYS.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-D-vjrqBb.js';
+import { S as Skeleton } from './skeleton-B8EUwt4b.js';
+import { a as Badge, B as BadgeVariant } from './badge-CtdO-tEY.js';
 import './dinero-HXpYMWUU.js';
-import './parts-RvUQ__Pq.js';
+import './parts-xDbRW9xn.js';
 
 const PayoutDetailsLoading = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "35%", height: "30px" })), h("div", { class: "col-12" }, h(Skeleton, { width: "70%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "80%" }))));
 
@@ -16,6 +16,8 @@ const PayoutDetailsCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event");
+        this.recordClickEvent = createEvent(this, "record-click-event");
+        this.enableRecordClick = false;
         this.loading = true;
         this.errorMessage = null;
         this.downloadCSV = () => {
@@ -31,6 +33,12 @@ const PayoutDetailsCore = class {
                 },
             });
         };
+        this.handleRecordClick = (id) => {
+            this.recordClickEvent.emit({
+                id,
+                type: 'account'
+            });
+        };
     }
     componentWillLoad() {
         if (this.getPayout) {
@@ -59,11 +67,16 @@ const PayoutDetailsCore = class {
             },
         });
     }
+    formatMethod(deliveryMethod) {
+        if (deliveryMethod === "ach")
+            return "ACH";
+        return capitalizeFirstLetter(deliveryMethod);
+    }
     render() {
         var _a;
-        return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
-            h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'd81fd85bbfa1c54175b4055cfed2eb62c7db1735' }, this.loading && h(PayoutDetailsLoading, { key: '37fca566131507232afc04332989545f81f21ace' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2135970df52759def666f17297f055b90fc61274', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '12d9f81cea53ea7f8636c3ed249f994f13ae1389', 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: 'd3f061a66f4dd3bfee92e5de3b2ba8f245853c85', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '292267e98b0e12ef4fd365c0c972f9eccba0df09', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '0ca068bb4c8c2dea86feff59916b42871de799e7', title: "ID", value: this.payout.id }), h("div", { key: 'a97d286bf5eafce9cfbf81c6e7f62bb4e7b0849f', class: "m-4" }, h(Button, { key: '8a026a6f3819519815148115ffed876c18e37142', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '66520ccf02a84b4523552de31d43e2b5c75e16ae', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '27e9caef31af8e5d89141b5c0265e6ee9183809e', sectionTitle: "Details" }), h("div", { key: '2cb15bde0c567667978f482a55753c1355a359b9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5fe197ecc8f1aa79786a8da0092e7962095336a1', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '50d667f0b575e89b712832b3d70026c422119308', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '28f753d09ca0434ef6e913baa1c95e977657bdfe', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '84eb131bc5493293e75d0c5eb5cf69379769843d', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '0fd9fc497e076165b9e5a70b385fdde44d9290fb', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '29b8ef5d56c77bc44bf0809acf3bf7235a5f678d', sectionTitle: "Account" }), h("div", { key: '49104b277fe2c27a28326bc6e84aa76713f355a5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7e8f4b347227c73ebfb28a3846c994943dc22b14', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '594d4853374fdacde8c38c9409abe593acf3d1d8', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '86198dd9f123775d687df6a7efa7b17fae6f7fc0', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'ff5840da92dc48469915698937c52be1be6573f3', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'dae3be8251b99e92c14d19151f7fcf43e7d79d2b', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'ab9280b8f08bfa10492d86d73d7fcc054602c23b', sectionTitle: 'Metadata' }),
+            h("div", { key: '91326afd6edbd573802684fa8518d6738cbcf4ff', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7ac4be5f733114b2257eade5c315583b09643390', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/esm/{payout.service-DY-EKu-S.js → payout.service-xcBdom3q.js}

@@ -1,6 +1,6 @@
-import { A as Api } from './Api-GDDXjRV1.js';
+import { A as Api } from './Api-DhiA2e_P.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Refund-C3Rj8ucO.js';
+import './Refund-B-iOTRxz.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';

package/dist/esm/payouts-list-core.entry.js

@@ -1,23 +1,23 @@
-import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
-import './config-state-BJ800oYx.js';
+import { r as registerInstance, c as createEvent, h } from './index-DOjVAAtq.js';
+import './config-state-DiHV-4QK.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Refund-C3Rj8ucO.js';
+import './Refund-B-iOTRxz.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-D-zEX8E8.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-Bj20uWfu.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-DXyLrcja.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-DKBoAgAJ.js';
-import './index-Cuq3wBDS.js';
-import './utils-BscIVFn8.js';
+import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-Clj8YGLV.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-C_fug9R3.js';
+import './index-DJ9G-4S-.js';
+import './utils-BOijEGPV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-RvUQ__Pq.js';
-import './spinner-DOyR5em0.js';
-import './payouts-status-DBkurhQF.js';
-import './badge-DrV8suYS.js';
+import './parts-xDbRW9xn.js';
+import './spinner-CYXkn1fh.js';
+import './payouts-status-D-vjrqBb.js';
+import './badge-CtdO-tEY.js';
 
 const PayoutsListCore = class {
     constructor(hostRef) {
@@ -151,7 +151,7 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '503793db2fd72d3854bfa1eba2051bc822000a1a' }, h(TableComponent, { key: '1db195f7f1206bef7236ccd814c464c61b12f3d3' }, h(TableHead, { key: 'a61137a34fddf3f854102ec7a2964f127d7555f9' }, h(TableHeadRow, { key: '3d3c330e5758ccb4aa14bb7b5ae993d8d2c1718e' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a483803ea8dd9db844f36f9f8c7a89e81d7322b4' }, h(TableLoadingState, { key: '10bee5e971e10b0313b9b411c292f8f65bf1cf82', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c8ec9f17a98baa81b4b1830eb8d0bfad45cc8ee1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '94cd786053173ce22f797b0da263488cab9b5139', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '533bb1571ae70a03f60d13d5742296f425512919' }, h(TableFootRow, { key: '15924c92e5c9f2202066ebfa02aebc2c52fccee3' }, h(TableFootCell, { key: '48bd284c90d4ac044b5fd5f323c90fab5e9fdb5d', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'cfc4bc6b077267ced59bf8b2519ee0354e676560', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '44f6c2c3a44435f30c61220114797c5938e475a8' }, h(TableComponent, { key: '756c4ea4ad9c59bea1241af2502c03ced6ec3623' }, h(TableHead, { key: '2748d99edcaea098b111954178cf799811be445c' }, h(TableHeadRow, { key: 'c824617152c899cdff946f979ac71dbdb8002ffa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '4ae6368c8a634f0a1aa85117a2ead0dd66f9828c' }, h(TableLoadingState, { key: 'f6473742b82e604808474cf294aca1f09bcf820f', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '334eef7d28de693a0c5e4f413c72268acf00bc6d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6172568fd0282924413cbf28255d06f1651bcdbe', 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: '232dad4bfb95c707989633a1c0c198481aa3a5e1' }, h(TableFootRow, { key: '1bb1da49bef435aec118bc8c8eb5a96c0469f817' }, h(TableFootCell, { key: '481a46c6488f8652f6360725b45ec76baecc6ad4', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'd4fdb00ff58d674f77d99502d98c572562f516ea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{payouts-list-params-state-DKBoAgAJ.js → payouts-list-params-state-C_fug9R3.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Cuq3wBDS.js';
+import { c as createStore } from './index-DJ9G-4S-.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{payouts-status-DBkurhQF.js → payouts-status-D-vjrqBb.js}

@@ -1,5 +1,5 @@
-import { h } from './index-DyGx8Avl.js';
-import { B as BadgeVariant, a as Badge } from './badge-DrV8suYS.js';
+import { h } from './index-DOjVAAtq.js';
+import { B as BadgeVariant, a as Badge } from './badge-CtdO-tEY.js';
 
 const MapPayoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{payouts-table-DXyLrcja.js → payouts-table-Clj8YGLV.js}

@@ -1,7 +1,7 @@
-import { h } from './index-DyGx8Avl.js';
-import { a as convertToLocal } from './utils-BscIVFn8.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-DBkurhQF.js';
-import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ__Pq.js';
+import { h } from './index-DOjVAAtq.js';
+import { a as convertToLocal } from './utils-BOijEGPV.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-D-vjrqBb.js';
+import { S as tableHeadCell, T as getAlternateTableCellPart } from './parts-xDbRW9xn.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {

package/dist/esm/{skeleton-BagMauL8.js → skeleton-B8EUwt4b.js}

@@ -1,5 +1,5 @@
-import { h } from './index-DyGx8Avl.js';
-import { y as skeleton } from './parts-RvUQ__Pq.js';
+import { h } from './index-DOjVAAtq.js';
+import { C as skeleton } from './parts-xDbRW9xn.js';
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/esm/{spinner-DOyR5em0.js → spinner-CYXkn1fh.js}

@@ -1,5 +1,5 @@
-import { h } from './index-DyGx8Avl.js';
-import { M as loadingSpinner } from './parts-RvUQ__Pq.js';
+import { h } from './index-DOjVAAtq.js';
+import { R as loadingSpinner } from './parts-xDbRW9xn.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..."))));