@justifi/webcomponents 6.0.4 → 6.0.5

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
 import { P as PaymentService } from './payment.service-oJkZDCjF.js';
 import { m as makeGetPaymentDetails } from './get-payment-details-KXwiFeJs.js';
-import { E as ErrorState } from './utils-i_eMGns9.js';
+import { E as ErrorState } from './utils-CUglovmh.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import './Api-GDDXjRV1.js';
 import './config-state-BJ800oYx.js';
 import './index-Cuq3wBDS.js';
@@ -17,7 +17,7 @@ import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './utils-BeQLScSm.js';
 import './parts-RvUQ__Pq.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 
 const PaymentDetails = class {
     constructor(hostRef) {

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-ONP8lDnV.js';
 import { B as BusinessService } from './business.service-BZPNzxOH.js';
@@ -8,7 +8,7 @@ import './Refund-C3Rj8ucO.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './utils-BeQLScSm.js';
 import './config-state-BJ800oYx.js';
 import './index-Cuq3wBDS.js';

package/dist/esm/justifi-payment-transactions-list.entry.js

@@ -6,7 +6,7 @@ import { g as PaymentBalanceTransaction } from './Refund-C3Rj8ucO.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { P as PaymentService } from './payment.service-oJkZDCjF.js';
 import { T as Table, l as TableWrapper, 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 } from './table-D-zEX8E8.js';
@@ -17,7 +17,7 @@ import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ
 import './index-Cuq3wBDS.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './Api-GDDXjRV1.js';
 import './spinner-DOyR5em0.js';
 

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

@@ -8,7 +8,7 @@ import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { S as StyledHost } from './styled-host-BQjsup-P.js';
 import './event-types-CZfYo5-1.js';
 import { d as defaultColumnsKeys } from './payments-table-2pRUlnGQ.js';
@@ -17,7 +17,7 @@ import './utils-BscIVFn8.js';
 import './index-Cuq3wBDS.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './payments-status-BMCeFxof.js';
 import './badge-DrV8suYS.js';
 import './parts-RvUQ__Pq.js';

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

@@ -8,8 +8,8 @@ import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { E as ErrorState } from './utils-i_eMGns9.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { E as ErrorState } from './utils-CUglovmh.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv-D-Lnooki.js';
 import './Api-GDDXjRV1.js';
 import './utils-BscIVFn8.js';
@@ -17,7 +17,7 @@ import './index-Cuq3wBDS.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './parts-RvUQ__Pq.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-payout-transactions-list.entry.js

@@ -6,7 +6,7 @@ import { h as PayoutBalanceTransaction } from './Refund-C3Rj8ucO.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { P as PayoutService } from './payout.service-DY-EKu-S.js';
 import { T as Table, l as TableWrapper, 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 } from './table-D-zEX8E8.js';
@@ -17,7 +17,7 @@ import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ
 import './index-Cuq3wBDS.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './Api-GDDXjRV1.js';
 import './spinner-DOyR5em0.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { P as PayoutService } from './payout.service-DY-EKu-S.js';
 import './config-state-BJ800oYx.js';
 import './dinero-HXpYMWUU.js';
@@ -14,7 +14,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
 import { S as StyledHost } from './styled-host-BQjsup-P.js';
 import './event-types-CZfYo5-1.js';
 import { d as defaultColumnsKeys } from './payouts-table-DXyLrcja.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './Api-GDDXjRV1.js';
 import './utils-BscIVFn8.js';
 import './index-Cuq3wBDS.js';

package/dist/esm/justifi-refund-payment.entry.js

@@ -12,7 +12,7 @@ import { S as StyledHost } from './styled-host-BQjsup-P.js';
 import './event-types-CZfYo5-1.js';
 import { P as PaymentService } from './payment.service-oJkZDCjF.js';
 import { m as makeGetPaymentDetails } from './get-payment-details-KXwiFeJs.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { A as Api } from './Api-GDDXjRV1.js';
 import { S as Skeleton } from './skeleton-BagMauL8.js';
@@ -22,7 +22,7 @@ import './index-Cuq3wBDS.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './parts-RvUQ__Pq.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

package/dist/esm/justifi-season-interruption-insurance.entry.js

@@ -6,7 +6,7 @@ import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { c as checkoutStore } from './checkout.store-CpBg1CFX.js';
 import { p as processHTML, f as formatCurrency, r as removeAttribute, i as addAttribute } from './utils-BscIVFn8.js';
 import { v as validateInsuranceValues, i as insuranceValues, a as insuranceErrors, H as Header2 } from './insurance-state-DVxPVMxW.js';
@@ -18,7 +18,7 @@ import './config-state-BJ800oYx.js';
 import './index-Cuq3wBDS.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './index-DCIW8z1f.js';
 import './dinero-HXpYMWUU.js';
 

package/dist/esm/justifi-terminal-orders-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
 import { S as StyledHost } from './styled-host-BQjsup-P.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { d as defaultColumnsKeys } from './terminal-orders-table-COcJMPaL.js';
 import './config-state-BJ800oYx.js';
 import './dinero-HXpYMWUU.js';
@@ -12,7 +12,7 @@ import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { A as Api } from './Api-GDDXjRV1.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './parts-RvUQ__Pq.js';
 import './utils-BscIVFn8.js';
 import './badge-DrV8suYS.js';

package/dist/esm/justifi-terminals-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-DyGx8Avl.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Dzqkjq08.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-zAOGtbuB.js';
 import { T as TerminalService } from './terminal.service-fDtEdpf-.js';
 import './config-state-BJ800oYx.js';
 import './dinero-HXpYMWUU.js';
@@ -13,7 +13,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
 import { S as StyledHost } from './styled-host-BQjsup-P.js';
 import './event-types-CZfYo5-1.js';
 import { d as defaultColumnsKeys } from './terminals-table-CyL85b_g.js';
-import './package-CyVecSBV.js';
+import './package-Dpi2ut8h.js';
 import './Api-GDDXjRV1.js';
 import './utils-BscIVFn8.js';
 import './index-Cuq3wBDS.js';

package/dist/esm/{package-CyVecSBV.js → package-Dpi2ut8h.js}

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.0.4";
+const version = "6.0.5";
 var packageJson = {
 	name: name,
 	version: version};

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

@@ -7,7 +7,7 @@ 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 { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-CUglovmh.js';
 import { S as StyledHost } from './styled-host-BQjsup-P.js';
 import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-BagMauL8.js';
@@ -65,15 +65,15 @@ const PaymentDetailsCore = class {
     }
     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 }))
+            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: '2211a8b66aa24e39e765fbce2625fa7f6565aa77', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'a6e6b9808e354aef5bebdddcd34c8cf411847a07', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'bb06fe55ee0ad85706b53649b99886c64a43e19d', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b7820333003463da8ee839a64088dc65346b0f08', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'a46d77e08d2f47fa430684072fb6b1db8de535ed', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'c27ceb638cdaeb255e55a5ea30aae21bb09de5a4', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5d906d131d0178d6a305d75efccca7befcfb652', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'dde16dfb2e72f54843023243884c7421e35be92b', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a03c7396fd361cb1eb4f8696aed63b2f40463e0d', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'f5de7d086e5aa170ac23b8d881f0b44e0bf9f78b', title: "Description", value: this.payment.description }), h(DetailItem, { key: '681d1cc6073e1d526c1dd69e871ea35ca767a0fc', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: 'f52f90c6a72012bb49f68ef2fffc8cad295eee1e', sectionTitle: "Payment Method" }),
+            h("div", { key: '277064f50310d808a90dd34d2a49e9a411dd4254', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '44f1452df21550178c66ad9b1cf23047f22744d1', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f0cd3fbb9d110529b78c11b27837c785f1947f86', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9dfc4d8101c9bebea745ca89ade09f64ad4d5277', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'fa95e5ab6af3f50e3c397fa3499d247b20a10b75', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '31796ca2653c1b6f9e2f9392261a3c7a9aec7824', 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: 'c61fbc05f50ca16ca3cb33566759d6ae74e1d034', sectionTitle: "Payment Method" }),
+            h("div", { key: 'dc6ab24ab3d2db546514abe7f8f7f42928c20b19', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '783323e7eedf2a06b94baff13f4846703ec60271', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '0112a0b3ce5b5482b616f61396bc48fd58d944b7', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '1f3f0ff0d8269d23ca0e48b66938040397061cf0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '43a2d1a130c29c36b4f361aad9c4a054bc06047d', 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: '3b88b0a194d474026f822eda4259990481ddf51c', sectionTitle: 'Metadata' }),
+            h("div", { key: '41a729afab67f7464a7c8f4acaa87182a6269de0', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'd73045901eb3e147477afd2448497fa01cb92084', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 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 { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-CUglovmh.js';
 import { B as Button } from './button-Dz7L1sRR.js';
 import { S as StyledHost } from './styled-host-BQjsup-P.js';
 import './event-types-CZfYo5-1.js';
@@ -61,9 +61,9 @@ const PayoutDetailsCore = class {
     }
     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: '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: '025fdcac8c222be59e1c1f37a145002ff19ee501', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4f2111cb66b1fd1181d2f14a03621e66f56e258d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '2d4aa98c0d35ec1f337d45236eeffd911c2a633f', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'dfc64c8446f3abe52634a7b1e7e161f41e27c0d2', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'c6fbc3fb7d4ea6b36f269e28a0cd705aa0469620', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'aacd74f1ebbbcfc1280ebc0d59bb7e7e931ee8b1', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'a520fe8f21e850d86d029149997b9369b0851b06', sectionTitle: "Account" }), h("div", { key: 'e6da924b4e4b297c42de9ddda4af0ceb96eb31bb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '8ba3bdc8550a0cdbc5710f3670bbbfea2da9224a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'cddf50fd3eb53efacc9b5a17cb5cc7f38c78783b', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '4ba4565f1fdac7b30205b3e1338e38054b1fc0b6', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '95551bceeea750ff642115f58e145f8aa4157760', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'ad2c249e362b31507313f08bc7de375b7ff9916f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '128304f72bec542740b523724b0ec94f596021ed', sectionTitle: 'Metadata' }),
+            h("div", { key: '2d9d6d0cd4665811cd6aad3c02f06f254531005b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ede678148f87803bf9808c6c7c92eb28cf6c9f29', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/esm/{utils-i_eMGns9.js → utils-CUglovmh.js}

@@ -3,7 +3,7 @@ import { z as text, B as heading1, C as heading2 } from './parts-RvUQ__Pq.js';
 
 const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
 const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
+const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "row justify-content-between" }, h("div", { class: "col-12 col-md-4" }, h("span", { class: "fw-bold", part: text }, title)), h("div", { class: "col-12 col-md-8" }, h("span", { class: "text-wrap", part: text }, value)))) : null;
 const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
 const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
 const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;

package/dist/module/additional-questions-details2.js

@@ -12,7 +12,7 @@ const AdditionalQuestionsDetails = /*@__PURE__*/ proxyCustomElement(class Additi
     render() {
         if (!this.additionalQuestions || isEmptyObject(this.additionalQuestions))
             return null;
-        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), 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: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), 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: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
     }
 }, [256, "additional-questions-details", {
         "additionalQuestions": [16]

package/dist/module/dispute-notification.js

@@ -45,7 +45,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '4dfc0b9a295ffc804b708d3590358256009e5376', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '654e7baccd08628bc90d050bad108011b49f9972', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd0817cdb23bf33086c6ce5122f4ed5388027d96c', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '5446bef44a0ca747692d59fd5490409d00a9e285', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '17fbc5902badc4230c5485b326f480180c844768' }, h("h1", { key: 'fefa0234306588d9e7f56733872bf8c9793f51dd', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'eaad72aa8d9f65ca296379a2800180878ec8a7e5' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'ec1b0d728a7518f913c2a69976fa1f5fc8f76c74' }, h("h1", { key: '9d42fad15fbeee507e2f364c3a35f143ff7599e2', class: "h4" }, "This payment was disputed"), h("p", { key: '3b728a5544fe17a6c58c12f7e8eef290022945b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '6d1813508a657265546fbef00bd1e8f46ffaf740' }, h("h1", { key: 'de981fc2e06e860f47146647975965a903a39b55', class: "h4" }, "This payment was disputed"), h("p", { key: '4e57ab86518bd678a3a5402b712d40d573b3a970' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '5be3e498684a2bcbe1266863e05cbcbdf28d7227', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: 'd47683cae7f7b41d13e12f416db9b05fea38bbf3', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '8de67d2d8cb55bed58de4d1fafd45bff65152614', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '62ef344863f9847d638a662f99f0a19bd2ac7308', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '9514e933d4092617a811c4a30490368a1bd49458' }, h("h1", { key: 'ab64000b912f16885ca358e050801e774f3d4e26', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '6d56cafcc8e662e160a261e623b5bb1600534bdf' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '024dac1575579a5d1d55466edd0ba6c5a783a43b' }, h("h1", { key: '2e3cc5c52bd13837be0c44a43da09e49b48f77d7', class: "h4" }, "This payment was disputed"), h("p", { key: 'b876f11392a71ee04f8a117b516e112da8a4a9c1' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '2867b8cb6351b08ecd3d0dc8ffd032aadb1782d5' }, h("h1", { key: '5e903c38e15ed4ad5f8a95d1283cf1367a5acb43', class: "h4" }, "This payment was disputed"), h("p", { key: 'fdaa8f00acecaa6ab159e221705a2ebc924ba519' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [257, "justifi-dispute-notification", {
         "dispute": [16],

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/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.0.4";
+const version = "6.0.5";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

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

@@ -63,15 +63,15 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
     }
     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 }))
+            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: '2211a8b66aa24e39e765fbce2625fa7f6565aa77', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'a6e6b9808e354aef5bebdddcd34c8cf411847a07', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'bb06fe55ee0ad85706b53649b99886c64a43e19d', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b7820333003463da8ee839a64088dc65346b0f08', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'a46d77e08d2f47fa430684072fb6b1db8de535ed', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'c27ceb638cdaeb255e55a5ea30aae21bb09de5a4', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5d906d131d0178d6a305d75efccca7befcfb652', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'dde16dfb2e72f54843023243884c7421e35be92b', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a03c7396fd361cb1eb4f8696aed63b2f40463e0d', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'f5de7d086e5aa170ac23b8d881f0b44e0bf9f78b', title: "Description", value: this.payment.description }), h(DetailItem, { key: '681d1cc6073e1d526c1dd69e871ea35ca767a0fc', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: 'f52f90c6a72012bb49f68ef2fffc8cad295eee1e', sectionTitle: "Payment Method" }),
+            h("div", { key: '277064f50310d808a90dd34d2a49e9a411dd4254', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '44f1452df21550178c66ad9b1cf23047f22744d1', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f0cd3fbb9d110529b78c11b27837c785f1947f86', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9dfc4d8101c9bebea745ca89ade09f64ad4d5277', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'fa95e5ab6af3f50e3c397fa3499d247b20a10b75', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '31796ca2653c1b6f9e2f9392261a3c7a9aec7824', 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: 'c61fbc05f50ca16ca3cb33566759d6ae74e1d034', sectionTitle: "Payment Method" }),
+            h("div", { key: 'dc6ab24ab3d2db546514abe7f8f7f42928c20b19', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '783323e7eedf2a06b94baff13f4846703ec60271', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '0112a0b3ce5b5482b616f61396bc48fd58d944b7', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '1f3f0ff0d8269d23ca0e48b66938040397061cf0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '43a2d1a130c29c36b4f361aad9c4a054bc06047d', 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: '3b88b0a194d474026f822eda4259990481ddf51c', sectionTitle: 'Metadata' }),
+            h("div", { key: '41a729afab67f7464a7c8f4acaa87182a6269de0', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'd73045901eb3e147477afd2448497fa01cb92084', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -64,9 +64,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     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: '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: '025fdcac8c222be59e1c1f37a145002ff19ee501', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4f2111cb66b1fd1181d2f14a03621e66f56e258d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '2d4aa98c0d35ec1f337d45236eeffd911c2a633f', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'dfc64c8446f3abe52634a7b1e7e161f41e27c0d2', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'c6fbc3fb7d4ea6b36f269e28a0cd705aa0469620', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'aacd74f1ebbbcfc1280ebc0d59bb7e7e931ee8b1', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'a520fe8f21e850d86d029149997b9369b0851b06', sectionTitle: "Account" }), h("div", { key: 'e6da924b4e4b297c42de9ddda4af0ceb96eb31bb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '8ba3bdc8550a0cdbc5710f3670bbbfea2da9224a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'cddf50fd3eb53efacc9b5a17cb5cc7f38c78783b', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '4ba4565f1fdac7b30205b3e1338e38054b1fc0b6', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '95551bceeea750ff642115f58e145f8aa4157760', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'ad2c249e362b31507313f08bc7de375b7ff9916f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '128304f72bec542740b523724b0ec94f596021ed', sectionTitle: 'Metadata' }),
+            h("div", { key: '2d9d6d0cd4665811cd6aad3c02f06f254531005b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ede678148f87803bf9808c6c7c92eb28cf6c9f29', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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/utils.js

@@ -3,7 +3,7 @@ import { h as heading2, t as text, a as heading1 } from './parts.js';
 
 const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
 const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
+const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "row justify-content-between" }, h("div", { class: "col-12 col-md-4" }, h("span", { class: "fw-bold", part: text }, title)), h("div", { class: "col-12 col-md-8" }, h("span", { class: "text-wrap", part: text }, value)))) : null;
 const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
 const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
 const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;

package/dist/types/components/business-details/owner-details/owner-details.d.ts

@@ -1,4 +1,4 @@
-import { Identity } from '../../../api/Identity';
+import { Identity } from "../../../api/Identity";
 export declare class OwnerDetails {
     owners: Identity[];
     render(): any;

package/dist/webcomponents/{p-6db4bf6d.entry.js → p-02d3b1a9.entry.js}

@@ -1 +1 @@
-import{r as s,c as i,h as t}from"./p-DyGx8Avl.js";import{c as o,J as e}from"./p-Bao2wCms.js";import{C as r,a as n}from"./p-Cjcsf8ku.js";import{m as p,a}from"./p-5aA7gjr5.js";import{B as h}from"./p-DqKxycem.js";import{A as m}from"./p-B63vgBnY.js";import"./p-BrUSZwNP.js";import"./p-CLHwhyvu.js";import"./p-BlJnA265.js";import"./p-BH0Xfn-F.js";import"./p-CyVecSBV.js";import"./p-D2muobcE.js";import"./p-DMEQUc2C.js";import"./p-CTqY6NgS.js";import"./p-BHf9IqGw.js";import"./p-HXpYMWUU.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";const u=m();class c{async postProvisioning(s,i,t){return u.post({endpoint:"entities/provisioning",body:{business_id:i,product_category:t},authToken:s})}}const d=class{constructor(t){s(this,t),this.errorEvent=i(this,"error-event"),this.allowOptionalFields=!1,this.formTitle="Business Information"}propChanged(){this.initializeApi()}componentWillLoad(){o(),this.analytics=new e(this),this.initializeApi()}disconnectedCallback(){var s;null===(s=this.analytics)||void 0===s||s.cleanup()}initializeApi(){this.authToken&&this.businessId?(this.getBusiness=p({authToken:this.authToken,businessId:this.businessId,service:new h}),this.postProvisioning=a({authToken:this.authToken,businessId:this.businessId,product:"payment",service:new c})):this.errorEvent.emit({message:"auth-token and business-id are required",errorCode:n.MISSING_PROPS,severity:r.ERROR})}render(){return t("justifi-payment-provisioning-core",{key:"6d77016584f204fdc4be5fd554b4eb1639e856ab",businessId:this.businessId,authToken:this.authToken,allowOptionalFields:this.allowOptionalFields,formTitle:this.formTitle,getBusiness:this.getBusiness,postProvisioning:this.postProvisioning})}static get watchers(){return{authToken:["propChanged"],businessId:["propChanged"]}}};export{d as justifi_payment_provisioning}
+import{r as s,c as i,h as t}from"./p-DyGx8Avl.js";import{c as o,J as r}from"./p-B1kr3GUW.js";import{C as e,a as p}from"./p-Cjcsf8ku.js";import{m as n,a}from"./p-5aA7gjr5.js";import{B as h}from"./p-DqKxycem.js";import{A as m}from"./p-B63vgBnY.js";import"./p-BrUSZwNP.js";import"./p-CLHwhyvu.js";import"./p-BlJnA265.js";import"./p-BH0Xfn-F.js";import"./p-Dpi2ut8h.js";import"./p-D2muobcE.js";import"./p-DMEQUc2C.js";import"./p-CTqY6NgS.js";import"./p-BHf9IqGw.js";import"./p-HXpYMWUU.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";const u=m();class c{async postProvisioning(s,i,t){return u.post({endpoint:"entities/provisioning",body:{business_id:i,product_category:t},authToken:s})}}const d=class{constructor(t){s(this,t),this.errorEvent=i(this,"error-event"),this.allowOptionalFields=!1,this.formTitle="Business Information"}propChanged(){this.initializeApi()}componentWillLoad(){o(),this.analytics=new r(this),this.initializeApi()}disconnectedCallback(){var s;null===(s=this.analytics)||void 0===s||s.cleanup()}initializeApi(){this.authToken&&this.businessId?(this.getBusiness=n({authToken:this.authToken,businessId:this.businessId,service:new h}),this.postProvisioning=a({authToken:this.authToken,businessId:this.businessId,product:"payment",service:new c})):this.errorEvent.emit({message:"auth-token and business-id are required",errorCode:p.MISSING_PROPS,severity:e.ERROR})}render(){return t("justifi-payment-provisioning-core",{key:"6d77016584f204fdc4be5fd554b4eb1639e856ab",businessId:this.businessId,authToken:this.authToken,allowOptionalFields:this.allowOptionalFields,formTitle:this.formTitle,getBusiness:this.getBusiness,postProvisioning:this.postProvisioning})}static get watchers(){return{authToken:["propChanged"],businessId:["propChanged"]}}};export{d as justifi_payment_provisioning}

package/dist/webcomponents/{p-1db698bb.entry.js → p-03c6003e.entry.js}

@@ -1 +1 @@
-import{h as t,r as s,c as e}from"./p-DyGx8Avl.js";import{c as r,a as i,F as o}from"./p-DiJD6Iqx.js";import{f as n}from"./p-BHf9IqGw.js";import"./p-DMEQUc2C.js";import{C as a,a as u}from"./p-Cjcsf8ku.js";import{R as l,k as m}from"./p-BrUSZwNP.js";import"./p-CLHwhyvu.js";import"./p-BlJnA265.js";import"./p-BH0Xfn-F.js";import{B as h}from"./p-wyo7gH76.js";import{S as p}from"./p-BzUsLFRB.js";import"./p-CZfYo5-1.js";import{P as c}from"./p-B2zYNTMd.js";import{m as d}from"./p-TLJ8o8BU.js";import{c as f,J as v}from"./p-Bao2wCms.js";import{g as j,a as y}from"./p-D2muobcE.js";import{A as b}from"./p-B63vgBnY.js";import{S as w}from"./p-DPWdvb1b.js";import"./p-BFTU3MAI.js";import"./p-HXpYMWUU.js";import"./p-CTqY6NgS.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-RvUQ__Pq.js";import"./p-CyVecSBV.js";const B=t=>{const s=+t;return i().required("Amount is required").test("max-amount",`Refund amount cannot be more than payment amount: ${n(s)}`,(function(t){return+t<=+s})).test("min-amount","Refund amount must be greater than 0",(function(t){return+t>0}))},g=t=>{if(t)return r({amount:B(t),description:i().optional(),reason:i().optional().oneOf([l.customerRequest,l.duplicate,l.fraudulent],"Select a reason")})},C=[{label:"Select a reason",value:""},{label:"Customer requested a refund",value:"customer_request"},{label:"Customer was double-charged",value:"duplicate"},{label:"Payment was reported as fraud",value:"fraudulent"}],x=b();class T{async postRefund(t,s,e,r){return x.post({endpoint:`payments/${t}/refunds`,headers:{"Sub-Account":s},body:r,authToken:e})}}const A=()=>t("div",{class:"row gap-3"},t("div",{class:"col-12"},t(w,{width:"100%",height:"40px"}))),S=()=>t(p,null,t("div",{class:"row gap-5"},t(A,null),t(A,null),t(A,null))),R=class{constructor(t){s(this,t),this.errorEvent=e(this,"error-event"),this.submitEvent=e(this,"submit-event"),this.refundPayload={},this.displayAmount="",this.errors={},this.paymentLoading=!0,this.refundLoading=!1,this.hideSubmitButton=!1,this.inputHandler=(t,s)=>{this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{[t]:s}))}}componentWillLoad(){f(),this.analytics=new v(this),this.initializeApi(),this.formController=new o(g())}handleError(t,s,e){this.errorEvent.emit({errorCode:t,message:s,severity:e})}checkAmount(t){return t>0}handleInvalidAmount(){this.submitDisabled=!0,this.handleError(u.INVALID_REFUND_AMOUNT,"Refund amount must be greater than 0",a.ERROR)}initializeFormController(){const t=this.refundPayload.amount,s=t?t.toString():"0";this.formController=new o(g(s)),this.formController.setInitialValues({amount:s}),this.formController.values.subscribe((t=>{this.refundPayload=Object.assign({},t)})),this.formController.errors.subscribe((t=>{this.errors=Object.assign({},t)}))}initializeApi(){this.paymentId&&this.authToken?d({id:this.paymentId,authToken:this.authToken,service:new c})({onSuccess:({payment:t})=>{this.refundPayload=new m({amount:t.amount_refundable})},onError:({error:t,code:s,severity:e})=>{this.handleError(s,t,e)},final:()=>{this.checkAmount(this.refundPayload.amount)?this.initializeFormController():this.handleInvalidAmount(),this.paymentLoading=!1}}):this.handleError(u.MISSING_PROPS,"Payment ID and Auth Token are required",a.ERROR)}async refundPayment(t){if(t&&t.preventDefault(),!await this.formController.validate())return;const s=(({authToken:t,accountId:s,paymentId:e,service:r})=>async({refundBody:i,onSuccess:o,onError:n,final:u})=>{var l;try{const u=await r.postRefund(e,s,t,i);if(u.error)return n({error:y(u.error),code:j(null===(l=u.error)||void 0===l?void 0:l.code),severity:a.ERROR});o(u)}catch(t){const s=j(null==t?void 0:t.code);return n({error:t.message||t,code:s,severity:a.ERROR})}finally{return u()}})({authToken:this.authToken,accountId:this.accountId,paymentId:this.paymentId,service:new T}),e=this.formController.values.getValue();return this.refundLoading=!0,new Promise((t=>{let r;s({refundBody:e,onSuccess:t=>{r=t},onError:({error:t,code:s,severity:e})=>{r=t,this.handleError(t,s,e)},final:()=>{this.submitEvent.emit({response:r}),this.submitDisabled=!0,this.refundLoading=!1,t(r.data)}})}))}render(){if(this.paymentLoading)return t(S,null);const s=this.formController.getInitialValues(),e=this.refundPayload.amount;return t(p,null,t("form",null,t("fieldset",null,t("div",{class:"row gy-3"},t("div",{class:"col-12"},t("form-control-monetary",{name:"amount",label:"Refund Amount",defaultValue:s.amount,inputHandler:this.inputHandler,errorText:this.errors.amount})),t("div",{class:"col-12"},t("form-control-select",{name:"reason",label:"Reason for refund (optional)",defaultValue:s.reason,inputHandler:this.inputHandler,options:C,errorText:this.errors.reason})),t("div",{class:"col-12"},t("form-control-textarea",{name:"description",label:"Note (optional)",defaultValue:s.description,inputHandler:this.inputHandler,maxLength:250,errorText:this.errors.description})),t("div",{class:"form-group d-flex flex-row-reverse"},t(h,{variant:"primary",type:"submit",onClick:this.refundPayment.bind(this),isLoading:this.paymentLoading||this.refundLoading,hidden:this.hideSubmitButton,disabled:this.submitDisabled},`Refund ${n(+e)}`))))))}};export{R as justifi_refund_payment}
+import{h as t,r as s,c as e}from"./p-DyGx8Avl.js";import{c as r,a as i,F as o}from"./p-DiJD6Iqx.js";import{f as n}from"./p-BHf9IqGw.js";import"./p-DMEQUc2C.js";import{C as a,a as u}from"./p-Cjcsf8ku.js";import{R as l,k as m}from"./p-BrUSZwNP.js";import"./p-CLHwhyvu.js";import"./p-BlJnA265.js";import"./p-BH0Xfn-F.js";import{B as h}from"./p-wyo7gH76.js";import{S as p}from"./p-BzUsLFRB.js";import"./p-CZfYo5-1.js";import{P as c}from"./p-B2zYNTMd.js";import{m as d}from"./p-TLJ8o8BU.js";import{c as f,J as v}from"./p-B1kr3GUW.js";import{g as j,a as y}from"./p-D2muobcE.js";import{A as b}from"./p-B63vgBnY.js";import{S as w}from"./p-DPWdvb1b.js";import"./p-BFTU3MAI.js";import"./p-HXpYMWUU.js";import"./p-CTqY6NgS.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-RvUQ__Pq.js";import"./p-Dpi2ut8h.js";const B=t=>{const s=+t;return i().required("Amount is required").test("max-amount",`Refund amount cannot be more than payment amount: ${n(s)}`,(function(t){return+t<=+s})).test("min-amount","Refund amount must be greater than 0",(function(t){return+t>0}))},g=t=>{if(t)return r({amount:B(t),description:i().optional(),reason:i().optional().oneOf([l.customerRequest,l.duplicate,l.fraudulent],"Select a reason")})},x=[{label:"Select a reason",value:""},{label:"Customer requested a refund",value:"customer_request"},{label:"Customer was double-charged",value:"duplicate"},{label:"Payment was reported as fraud",value:"fraudulent"}],T=b();class A{async postRefund(t,s,e,r){return T.post({endpoint:`payments/${t}/refunds`,headers:{"Sub-Account":s},body:r,authToken:e})}}const C=()=>t("div",{class:"row gap-3"},t("div",{class:"col-12"},t(w,{width:"100%",height:"40px"}))),k=()=>t(p,null,t("div",{class:"row gap-5"},t(C,null),t(C,null),t(C,null))),R=class{constructor(t){s(this,t),this.errorEvent=e(this,"error-event"),this.submitEvent=e(this,"submit-event"),this.refundPayload={},this.displayAmount="",this.errors={},this.paymentLoading=!0,this.refundLoading=!1,this.hideSubmitButton=!1,this.inputHandler=(t,s)=>{this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{[t]:s}))}}componentWillLoad(){f(),this.analytics=new v(this),this.initializeApi(),this.formController=new o(g())}handleError(t,s,e){this.errorEvent.emit({errorCode:t,message:s,severity:e})}checkAmount(t){return t>0}handleInvalidAmount(){this.submitDisabled=!0,this.handleError(u.INVALID_REFUND_AMOUNT,"Refund amount must be greater than 0",a.ERROR)}initializeFormController(){const t=this.refundPayload.amount,s=t?t.toString():"0";this.formController=new o(g(s)),this.formController.setInitialValues({amount:s}),this.formController.values.subscribe((t=>{this.refundPayload=Object.assign({},t)})),this.formController.errors.subscribe((t=>{this.errors=Object.assign({},t)}))}initializeApi(){this.paymentId&&this.authToken?d({id:this.paymentId,authToken:this.authToken,service:new c})({onSuccess:({payment:t})=>{this.refundPayload=new m({amount:t.amount_refundable})},onError:({error:t,code:s,severity:e})=>{this.handleError(s,t,e)},final:()=>{this.checkAmount(this.refundPayload.amount)?this.initializeFormController():this.handleInvalidAmount(),this.paymentLoading=!1}}):this.handleError(u.MISSING_PROPS,"Payment ID and Auth Token are required",a.ERROR)}async refundPayment(t){if(t&&t.preventDefault(),!await this.formController.validate())return;const s=(({authToken:t,accountId:s,paymentId:e,service:r})=>async({refundBody:i,onSuccess:o,onError:n,final:u})=>{var l;try{const u=await r.postRefund(e,s,t,i);if(u.error)return n({error:y(u.error),code:j(null===(l=u.error)||void 0===l?void 0:l.code),severity:a.ERROR});o(u)}catch(t){const s=j(null==t?void 0:t.code);return n({error:t.message||t,code:s,severity:a.ERROR})}finally{return u()}})({authToken:this.authToken,accountId:this.accountId,paymentId:this.paymentId,service:new A}),e=this.formController.values.getValue();return this.refundLoading=!0,new Promise((t=>{let r;s({refundBody:e,onSuccess:t=>{r=t},onError:({error:t,code:s,severity:e})=>{r=t,this.handleError(t,s,e)},final:()=>{this.submitEvent.emit({response:r}),this.submitDisabled=!0,this.refundLoading=!1,t(r.data)}})}))}render(){if(this.paymentLoading)return t(k,null);const s=this.formController.getInitialValues(),e=this.refundPayload.amount;return t(p,null,t("form",null,t("fieldset",null,t("div",{class:"row gy-3"},t("div",{class:"col-12"},t("form-control-monetary",{name:"amount",label:"Refund Amount",defaultValue:s.amount,inputHandler:this.inputHandler,errorText:this.errors.amount})),t("div",{class:"col-12"},t("form-control-select",{name:"reason",label:"Reason for refund (optional)",defaultValue:s.reason,inputHandler:this.inputHandler,options:x,errorText:this.errors.reason})),t("div",{class:"col-12"},t("form-control-textarea",{name:"description",label:"Note (optional)",defaultValue:s.description,inputHandler:this.inputHandler,maxLength:250,errorText:this.errors.description})),t("div",{class:"form-group d-flex flex-row-reverse"},t(h,{variant:"primary",type:"submit",onClick:this.refundPayment.bind(this),isLoading:this.paymentLoading||this.refundLoading,hidden:this.hideSubmitButton,disabled:this.submitDisabled},`Refund ${n(+e)}`))))))}};export{R as justifi_refund_payment}