@justifi/webcomponents 5.0.0-rc-2 → 5.1.0

package/dist/collection/components/checkouts-list/checkouts-list-core.js

@@ -123,7 +123,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '7079f5dbb8f52d0e99da70f6975e65f2024bd7c9' }, h("div", { key: '8d73be1816687fe3af837d5853f75b5aad756f6e', class: "table-wrapper" }, h("table", { key: '3a9d8cb62a25d28660fa160de263ae80c2b67804', class: "table table-hover", part: table }, h("thead", { key: 'cc1954f52372d481e789cf5460118952633ab34e', class: "table-head sticky-top" }, h("tr", { key: '141e9d5f5e671181487a77dd01ea86d0f2927ba6', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'c6f1ba23fcda58bef598d32ec6901e7bae56fe9c', class: "table-body" }, h(TableLoadingState, { key: '746e4eaab6f4840f95a7243ac7d9a119fe4dac6c', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7d7cfed557fe138cfd56a8283da75b8fd55ef01e', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '71e438127afde6489e232ecd19f91545da9ca8fa', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '45a0d79963f2e6edd7f2f11620c0314345b3d6d5', class: "sticky-bottom" }, h("tr", { key: '8d502311b14f5f1a7cae5d00f3bff361f4816d72', class: "table-light align-middle" }, h("td", { key: '522745aa9b5d46188dd4b351debc83601c144dfe', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '41323e6e3aa31631dca4dba29e40551b9a9d5446', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '910d95f94623ddd9e90a182a7a47e7dfdff1d9a6' }, h("div", { key: 'c296c31fe48bec06067215f6aa4cfb1a9d1b681a', class: "table-wrapper" }, h("table", { key: 'dddd43e74de4989261b8014d2c66cba7c26e9d98', class: "table table-hover", part: table }, h("thead", { key: '4eabd9c8687fbf316420c9a838a95016b20f12dd', class: "table-head sticky-top" }, h("tr", { key: '2cdd7f438099613e5a670343723b883470a65dbd', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'e3fd8f783e0e405d18bc120bf8c2ca4e2ca25f15', class: "table-body" }, h(TableLoadingState, { key: 'ec8e73a90b9951b5fba78651fdd9a93b7531ba49', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6b1ebf8bbd62b0ba9c7032be47c87b929bc413db', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a44e8985fb208b91635afe4910fdce5fb94d17e7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '05ac7e9796a7b4e4450151e762a409c050fc037f', class: "sticky-bottom" }, h("tr", { key: 'd6135d93dafeee69c6d9a12b9bd35e8c77ec3c5a', class: "table-light align-middle" }, h("td", { key: 'ad7b4df45f54519b759797f665bcfa68a1cd512d', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '3c97cf5daeb90e9b9a881280f25e4307b7392bcf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-filters.js

@@ -24,7 +24,7 @@ export class CheckoutsListFilters {
         ];
     }
     render() {
-        return (h(StyledHost, { key: '7eedab4f46529871c876c5b36c3dfdc4a76442bc' }, h("table-filters-menu", { key: '645593908d9b2b258a520d6fd469f668a34d5980', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'dd06db2469e9666efd44f0625bd41a69dd45fb1a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dba0a96a17a1c255236e0733fe5394638f1abc1f', class: "p-2" }, h("form-control-select", { key: 'a833d0ece1a88f04f9a68a27098c035b71bc2d86', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: 'bb90e2e96b0542e8fb00a2ccd7cbb43f4dc8b6a8', class: "p-2" }, h("form-control-select", { key: 'c214d31111ad970f9f40c0b6b948302e4702d2ba', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
+        return (h(StyledHost, { key: '5d3a970578bdcb121fbc966bded802f3a7046898' }, h("table-filters-menu", { key: 'f0579a967918b8cf6147123878bfd6d4077312a3', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'a145922ee7ed0d74410308fec6ab4a697bb6dcf1', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '62e82a486e74ffb37bf3421a90927570c0676cfc', class: "p-2" }, h("form-control-select", { key: '71b758acac7d47971dafdc64325d8f5940ad042b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' })), h("div", { key: '1cafc77cd220be576b0f6470e7606037ea64ca13', class: "p-2" }, h("form-control-select", { key: '337beb5798e4db1316e2fffa2a13fa261bb2781b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_mode || '' }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkouts-list/checkouts-list.js

@@ -67,7 +67,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f96da05a065d13a24cb4de2cc114a0dc10833ab2' }, h("checkouts-list-core", { key: '4e98c537644a3e22fb63d15736f5c22ff26a931f', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'cac567336d8e7f104b31a852b5734de16cd32d26' }, h("checkouts-list-core", { key: '6d8006ea752a73e396941e60facb04f84c4139c8', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkouts-list/checkouts-status.js

@@ -1,13 +1,28 @@
+import { h } from "@stencil/core";
+import { Badge, BadgeVariant } from "../../ui-components/badge/badge";
 export const MapCheckoutStatusToBadge = (status) => {
-    switch (status) {
-        case 'created':
-            return "<span class='badge bg-primary' title='The checkout has been created'>Created</span>";
-        case 'completed':
-            return "<span class='badge bg-success' title='The checkout has been completed'>Completed</span>";
-        case 'attempted':
-            return "<span class='badge bg-secondary' title='The checkout has been attempted'>Attempted</span>";
-        case 'expired':
-            return "<span class='badge bg-danger' title='The checkout has expired'>Expired</span>";
-    }
-    ;
+    const statusToBadgeProps = {
+        created: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'The checkout has been created',
+            text: 'Created',
+        },
+        completed: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'The checkout has been completed',
+            text: 'Completed',
+        },
+        attempted: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The checkout has been attempted',
+            text: 'Attempted',
+        },
+        expired: {
+            variant: BadgeVariant.DANGER,
+            title: 'The checkout has expired',
+            text: 'Expired',
+        },
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
 };

package/dist/collection/components/checkouts-list/checkouts-table.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { formatCurrency, formatDate, formatTime } from "../../utils/utils";
+import { formatDate, formatTime } from "../../utils/utils";
 import { MapCheckoutStatusToBadge } from "./checkouts-status";
 import { getAlternateTableCellPart, tableHeadCell } from "../../styles/parts";
 export const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
@@ -12,10 +12,10 @@ export const checkoutTableColumns = {
     status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each checkout" }, "Status")),
 };
 export const checkoutTableCells = {
-    created_at: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, formatDate(value), " "), h("div", { class: "fw-bold" }, formatTime(value), " "))),
-    payment_amount: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, formatCurrency(value, true, true), " ")),
-    payment_description: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
-    sub_account_name: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
-    payment_mode: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
-    status: (value, index) => (h("td", { part: getAlternateTableCellPart(index), innerHTML: MapCheckoutStatusToBadge(value) })),
+    created_at: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, formatDate(checkout.created_at)), h("div", { class: "fw-bold" }, formatTime(checkout.created_at)))),
+    payment_amount: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.formattedPaymentAmount(checkout.payment_amount))),
+    payment_description: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_description)),
+    sub_account_name: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.sub_account_name)),
+    payment_mode: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_mode)),
+    status: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapCheckoutStatusToBadge(checkout.status))),
 };

package/dist/collection/components/dispute-management/dispute-management-core.js

@@ -50,7 +50,7 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: 'd147755d1f58c2ad2230f1afd511f03ee9053b75' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: 'd7763c7713e5278f02a1b903bbc0b2c905bd23b0' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get is() { return "justifi-dispute-management-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-management.js

@@ -48,7 +48,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '3e2a5b24484e8f1e198168910be7880732da3931', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '5cc8bd47c54dd8bda15460e7d2258bac58470496', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-notification.js

@@ -35,7 +35,7 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'df45596c8b40c5665589e976405c38f05271812f' }, this.isLoading && (h("div", { key: '9c1f507799665e4297a9e76d24cf1656079bb146', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6a6e2314fb16348e59d4ff9b4739d895b376303c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '286352f2b7da7f3b494add74fc332a3d2a6f4d42', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'bc3985914e7dbeecbe4ea9efea1fcdd592d2600e', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'e0371f22a67d7ebef374e2ad4ed0e0d151b2105b', part: text }, h("h1", { key: 'a85046d309d92aee9c6a01e0311fe23d0cc48b98', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '886223ea616ea99c76b7f0e719f2bec606e6796a' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '3f12d0ded622ad0c844dee081b8eb3d444e2b4e3', class: "h5" }, "Dispute details"), h("div", { key: 'add2e0e67fcebcb484a2a30ea66a303693a95be8', class: "d-table gap-2" }, h("div", { key: '30b35751ab437971b2c0ef6ab003d7c348d3cc3f', class: "d-table-row gap-2" }, h("span", { key: '7b5ea6fdf2d644a2c31e0276185fb2a95b0ee85f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'f91e37855056374a345a8a534c9343ed71180a1e', 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: '6d2ef3c07ee006eba74caae39e1c355c4f1d0e80', class: "d-table-row gap-2" }, h("span", { key: 'cb60ccb1855a7bc15b8e411986790c33419659c3', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'a2c21645bbba4529576062baacbdd1166e1b4f72', 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: '4f9bfc9fa68efc18032a9367938c82fef27f6dbe', class: "d-table-row gap-2" }, h("span", { key: 'c78b105e6e1bbe3332005c71e230609c9f2a65d9', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '0d75f20d0c665cf18eb6a91eb4a890df0e0a09be', 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: '97801ea1983a7591d0c5aa933842fcce2eb12394', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '8155accf40a4512506b18de08423da53cd3c2ff7', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'b23bd82c73ae7c8c020b7ad5c60223f9a1eae8d2', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '2b3ee4c8f1b9b0100416c7804897530e001826d3' }, h("h1", { key: 'abdeb425738b1f0cd8b27836a885f9d9e31b1774', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'aa42c034af8bef20370aac9607065e6f15a87534' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '2a75a70a3a45a0d42dc182b0782983220444c42b' }, h("h1", { key: '3e6c8aad4507bab77c6f0bf06c2ee26af382b8e8', class: "h4" }, "This payment was disputed"), h("p", { key: 'b1d2626f6c6529005676ead7776b988693334971' }, "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: '1b9da576c01bd69842cd3d0b65e96997842461e8' }, h("h1", { key: 'c5521ef13d0f9437b90fd34b96e43f980ab7ceb8', class: "h4" }, "This payment was disputed"), h("p", { key: 'd5724f0fd2194621a908d803752dc1965d2f0043' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (h(StyledHost, { key: 'dfcc9e5fd86a26e8d321bc5caafa3b046b022c54' }, this.isLoading && (h("div", { key: 'deffb8dc0d001fb4dc114b6810408de098ed9621', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6ea0998a7a9c4b0b161e7838e5863c6581a56ccc', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'ea46373e18690a0cf1131bdf5a6b0bfc7761c68f', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '98c3b1ad8eca5f77a7c73998835b57a7bc5df4a2', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '3098144d29605462b4f042b74a0a44303cddd80f', part: text }, h("h1", { key: '7c175c4c1b5c93833d0eef68b3e6509608995483', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'df222fa47c5df85feead831a19af3b681feeb28d' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '60f58219182bf56b788a17f53556c7245180cae9', class: "h5" }, "Dispute details"), h("div", { key: '490b807d57ff8baff1d15b644c4fb8948a786125', class: "d-table gap-2" }, h("div", { key: '86ac0b527c0a742f70c487129790d722af385bea', class: "d-table-row gap-2" }, h("span", { key: '6cd2e5172ae2c4581b672a80bad96dbc372980ba', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'e2e465afca27df4b2b5831c223c93e483cbe5ed3', 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: 'ecb4a882296f4195a9ea123ee699ec55fc0fe55f', class: "d-table-row gap-2" }, h("span", { key: '6801b0a252336c9edfc1ffbdbdf54dc404fb80ca', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'ffb49e592ef36e469295f5c59284aa4be249f58d', 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: '652a8b454f305fc57ad1455869ac17e45fad27f9', class: "d-table-row gap-2" }, h("span", { key: '9c8f0399a88238643c029916e44c759f1db3c2f5', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'b20779034577e48a5960a91db06a5627e8c17282', 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: 'c02bb382f4dca09cb660c878ff2560815ce4d20a', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'e2cac0a0b92fff128b5d92675f2345ed7126f420', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '000d8e1d9f96c33608637780c8b2f9d7cc476213', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'bbcf4a7d6acc61a55ed33512b2297195a1bc6d72' }, h("h1", { key: '53ecca8c1f9d9a30a173dc058757df984e82a94e', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '3afc7790dee77ec5934020ea42c8b9c47dda4d4b' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'bfd88724984130c42e15882859d01cf680b34696' }, h("h1", { key: '3ab454f4e8475770cd71aada9341c035137c7989', class: "h4" }, "This payment was disputed"), h("p", { key: 'dc3c81bd81a5bc139b0eb94bdaef779a7dd217fc' }, "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: '0bd9ca6a71e978e63fff49dbc105a9078d1c0f38' }, h("h1", { key: '3e6bdea906b38af5c5191b17cbf2482ba701a481', class: "h4" }, "This payment was disputed"), h("p", { key: '05f6d5c04c28a2128bb06d27ef085eeb33377094' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-response/additional-statement.js

@@ -38,7 +38,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a;
-        return (h("div", { key: 'b87dba6b6f0cfd8be3bd034996ad0848f31df3da' }, h("div", { key: 'b2af872dd182dede7cb2c697aa8297acc49eb6c1', class: "row gy-3" }, h("div", { key: '34815036600a5030f388c0dcb840ab7f4db0b66f', class: "col-12" }, h("h2", { key: 'c7922a6dd81112aefc028d1f7662aed993cd4c58', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '1e760ad49f1a7494181b4658f8e73a3f6ede2a22', class: "col-12" }, h("form-control-textarea", { key: '7226c1a3ef90a9f2db529f20470678bf8277738f', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'cbf8886bd32f9859e6cbe75d5c499ea3eb23aea3', class: "col-12" }, h("form-control-file-v2", { key: '05d52880aa75af84bab03122ef39c2fbc0d0cf7b', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '12a083283fd725f7eb50a5c297ef408ea4184e7a' }, h("div", { key: '6f85bc12bac843ffe6ae1e8bd6acc35db250bc1d', class: "row gy-3" }, h("div", { key: '6bb4c2442b9bbfe2689d60a83806bae6ba5e55f6', class: "col-12" }, h("h2", { key: '9a9cff6036ce2da07ee316145bd35c9971cb94ca', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'ad1e3f5be5c71475e172f1b500435248466972a0', class: "col-12" }, h("form-control-textarea", { key: 'dc41498eeabb42786d08522414fed87b1bb9ff9f', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '64560a0ec82808e6f41143ed3e2c2b1f35f7d016', class: "col-12" }, h("form-control-file-v2", { key: '8e6b407436dd6bed4612550b6dbddb61ed3ccdc6', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/cancellation-policy.js

@@ -36,7 +36,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e4e9bc25a430c01e60345523341a52e343d8ada8' }, h("div", { key: '3a22fcf75e13235e40b30686cc953a5c7963f676', class: "row gy-3" }, h("div", { key: '88cfd3d1fdc811e20367caa917ee88a1531fae96', class: "col-12" }, h("h2", { key: '56030d5fb77119d324b33c8290e62ca220425afc', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '816d7868525662ae14d549852c816840933a15e6', class: "col-12" }, h("form-control-textarea", { key: '165335b23db8c03976da96f1a369f28f1ad46505', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'b7f0333145ef1c1f3a1a6bd69f0e01a199f09da6', class: "col-12" }, h("form-control-textarea", { key: 'a456a76fd6745bd6386787e69fee81b7b48c7dc2', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '929e6f0e5fee8e6c4be4558e82b22a15806c1723', class: "col-12" }, h("form-control-file-v2", { key: '661504e19c6d2304a93a95f716b6b215832c4a90', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'bf7df11fdafa2411a0aa79c606b822a893444482' }, h("div", { key: 'a19e32d4edf9d90d23f865f54f8ae844f367ef3e', class: "row gy-3" }, h("div", { key: '9ca87dc02a3993c1b8cd187231561836ae78e517', class: "col-12" }, h("h2", { key: '5ae6844cf4d99ad19f4e4f2690015e422acea5ad', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '82ec0f39bdd823b02f4ff2482e9dd1daedd5d4fe', class: "col-12" }, h("form-control-textarea", { key: 'ed8ce058aa41f3eed1f489c4d62e4f7b16a4c801', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'ed26b0813e499381b867eb50d35cf2f473a71cf7', class: "col-12" }, h("form-control-textarea", { key: '5ffd5e3b7d67cf1b2dbb883412f920bec443dc61', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '43f4c5e4ec9c04f66958f930cee235da0709d3bb', class: "col-12" }, h("form-control-file-v2", { key: 'bf8606a6969b4b5edb8bd945ef3d28e13d85b774', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/customer-details.js

@@ -36,7 +36,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f3b9a18d93cea09e6c9f7a134ed566ad12887839' }, h("div", { key: 'f9d3594930e9ae5d5907462bbe76c242019a19bc', class: "row gy-3" }, h("div", { key: '809f4e25c8a4d8652ae4711a33321b17d35f5796', class: "col-12" }, h("h2", { key: '56f784698452620cb30b532840b02ee2ca3b6a7a', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '6775574f0e8f1047a11e3e9594f9f237aee09aa2', class: "col-12" }, h("form-control-text", { key: '4fc621b96baed074292ccbe8507a58d18f005237', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'f57ace60afc3a74711dc98ea054345413ff51d48', class: "col-12" }, h("form-control-text", { key: '31a88ff6476ecd98fd6def5c39778940b448da51', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '3ea9b1729c1a516fdbf33b28674e33a5ec5f200a', class: "col-12" }, h("form-control-textarea", { key: '6eb19b40b3a514db9e1ead3e57832da37d791db6', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '363371261754410c5548fc9286a5d9edbec5e4a0', class: "col-12" }, h("form-control-file-v2", { key: 'bf3976ab48c50bb7cd6fd7c29a39a36bee8a70c5', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: '7a85113b3a4c95e0571759f040a63757eead2788', class: "col-12" }, h("form-control-file-v2", { key: '686b82077404ce7c345a51b4c572452fa0491b7d', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'f13b1b07f7e47661e94730ac84a2f579e20c407c' }, h("div", { key: 'b50fcf45a6c872543c6a691f43e82b697706c0eb', class: "row gy-3" }, h("div", { key: '71c5a773cd7254a76d4071abbecb4067417266f7', class: "col-12" }, h("h2", { key: '84beef4a3879bb36c3d5755b5e2b23c04e018247', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f58feed75554bdf80574dd6a961f07bc6ff67a68', class: "col-12" }, h("form-control-text", { key: 'e781dad51a096012a9fdbe56169c62abd1c7558d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'c617221a62a8226432216fa3cf1a6bdcaea53dd8', class: "col-12" }, h("form-control-text", { key: '5c4a2d8cf779c0a4cb38c5bfd29e21d610c3283b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '639449c6544b6fcbaca4a777b0b2e31573c6fb85', class: "col-12" }, h("form-control-textarea", { key: '54794fdbf93af16f55f0d7e9f3b2152a774e9ff7', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '24c0ad1a768f69d4f181ca12cb1520d9d89df06d', class: "col-12" }, h("form-control-file-v2", { key: '20ba764e44adfd05da308dd98de210b6a6a1918c', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: '0171a822afcd450db5202e4ec1925fd85ff68090', class: "col-12" }, h("form-control-file-v2", { key: '24d31b7c0ae09f10f144e80045eadab93c01ee14', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -153,7 +153,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '4c1c801c82506c50ee304934ec0c42efc986f07c', class: "row gy-3" }, h("div", { key: '27c27411ac45d0a20f5fd99e4a11eb0efe6b0007', class: "col-12" }, h("h1", { key: '48aa1635accfafe2ed76e733296bade6fdeeddf5', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '79ca608ae5ba5a4249556754972216a82104c004', class: "col-12" }, this.currentStepComponent), h("div", { key: '39ecb37977d852c3528f09afced344d40e2022ac', class: "col-12" }, h("div", { key: '23d7523bffc81324b8e99b5f2354c75f52af9d52', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '1ef9afc69174ac55282cf69d2a274bb993f663c3', class: "row gy-3" }, h("div", { key: 'e031c76cb6d3b1ce494436a9ab8daaa11c705d0c', class: "col-12" }, h("h1", { key: '424df36d16527588c91b246b0f355ee289161e8e', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '34a33e5de2842fddf668d45ca9e1e23a0827f061', class: "col-12" }, this.currentStepComponent), h("div", { key: 'b278568d8f69511b02642d1469adfc9ac9e7921d', class: "col-12" }, h("div", { key: '59c32d48e318f805f7c7466fa64b6ebdc9ca14b0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response.js

@@ -60,7 +60,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: '359300bac34b3e344e045750f354ce974f6a02ed' }, h("justifi-dispute-response-core", { key: '121c8c358b1a8a6e9084a9de00c977ff806be974', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'a74ece02e19d5f6d57fc43c0eb1ed5177309b01b' }, h("justifi-dispute-response-core", { key: 'd0ad4a758750616ebce34964c9647606ff72c357', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -36,7 +36,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'a6729feaab17744bbd3c256b5bdee89939c9be55' }, h("div", { key: 'd3729ddaa5983766f87aa634399704c52ee4979c', class: "row gy-3" }, h("div", { key: '9c9288b63b688e83f53353a110ec31c078068312', class: "col-12" }, h("h2", { key: '431878c838002b8a15d202793ab3701cbc81df7e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'f8b9a8dbb78777cb9c63a4296e41fdfe4edb2c7c', class: "col-12" }, h("form-control-text", { key: '8dc4ddad5ab952a09c99deef8734374891075575', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'c5445211510dbdf1f6b547ef82ce128d3a316554', class: "col-12" }, h("form-control-textarea", { key: 'a650bf8ca839ae86d00d9df0eb77815a63ebafd6', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '47625dc4a02045230234220e24295b8260f38043', class: "col-12" }, h("form-control-file-v2", { key: '242b9ae244cc8fbad3721053a50042a76d8f40ad', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '8364aad095d478905124bbf4c343eafb67a802e6' }, h("div", { key: '0ae2e843703935609ff18219b3e95f3d8e308b80', class: "row gy-3" }, h("div", { key: '07da8c2c9eb4b21890fae8a1dc7a25b2e7d982da', class: "col-12" }, h("h2", { key: 'b07319016adac35476717d93cfc6287c1f3cc617', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '8cdccfc7d1104668a19d06006934e1aab1942b39', class: "col-12" }, h("form-control-text", { key: 'e0f4bdbaad56cd635f9fb7e2b7d66e4a5bb8690b', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '8a43060fd2531698aafbe5d0195944012833d3a3', class: "col-12" }, h("form-control-textarea", { key: '6a1709fbd761039cd649265f7e123aac58acfe09', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '707ce39d865cf94f89c848ab42053ef3ef5ed632', class: "col-12" }, h("form-control-file-v2", { key: '371b1db533c75243d986ecad78227b804b109651', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -36,7 +36,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a;
-        return (h("div", { key: '5521599b8e6d23412a06b4a9c6f5360f92ec9c12' }, h("div", { key: 'b1863623b1ffa07c18940d744184c7678515e1f3', class: "row gy-3" }, h("div", { key: '131410f3882f96e0346776db4c213e2ef17b546e', class: "col-12" }, h("h2", { key: '30120f59c8a7896f5294b4ccaf09165c1d28771e', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '7211111acc93fd40b4140d49d4b1e3d268d13829', class: "col-12" }, h("form-control-text", { key: 'eeb3aeaa550569db5c977f3d2ef68b879be446c6', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '7f98aae20a9f87d4f4f0b42f86350bb1468cc767', class: "col-12" }, h("form-control-file-v2", { key: '342b76753a12784852f2eb087941796874b90d39', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
+        return (h("div", { key: 'b0c3860a9b025aa1a9fca6955619752acab44bfc' }, h("div", { key: 'cbf3b293ba7798ecfd5e0d8e8cfdaa72508901b9', class: "row gy-3" }, h("div", { key: '3dd2980b54485d10c3390e5a6e02def94ec96707', class: "col-12" }, h("h2", { key: '71eef58eeba954fa141d56f16f2e22e0cd1fd602', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '225218973496e4ef6df2d79b4c8051b21c6878c2', class: "col-12" }, h("form-control-text", { key: 'bddbdf3883a116262af125f715d23323f3592fef', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'fcd7c9794d4159ccd9136c48f8eb9803f970101d', class: "col-12" }, h("form-control-file-v2", { key: 'bcdb4e3c5499b325206d660b15992e79efc2feb9', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -36,7 +36,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'ad4e3c33f8bc1c295ea51257afc41e6247537022' }, h("div", { key: 'a87f06ff09eadf63ee358a84759d6bd9223c76ec', class: "row gy-3" }, h("div", { key: 'a3053e1d5e2192786fab4592a3ef5a6614fa0de3', class: "col-12" }, h("h2", { key: 'e2b97bf1d8e6f964306f1d2292f00daf5f4e997d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '0f4e0c72a0b145ec689e7f0a96df86d10be38423', class: "col-12" }, h("form-control-text", { key: 'dd6a94690ac454a35d3b9ddeadde3ae5926ae170', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'd9c437dfc8e02bfacc27143e16b753b7940db409', class: "col-12" }, h("form-control-text", { key: '42e638a983cf713f0055d409b305b8fca2ac6bda', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'df1f9b6153433e60973723ab20139fe3c739a4cf', class: "col-12" }, h("form-control-file-v2", { key: '6a03cdafcf9d8a4913eaf9b876500792022c58f4', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        return (h("div", { key: 'acd3ad222e15e0ddc7f3410410958bb73195529c' }, h("div", { key: '12cc20448141d7816bcfdb5171b9b979c0255267', class: "row gy-3" }, h("div", { key: '695ad169190e1ec763942ad285e47a390fbd1b41', class: "col-12" }, h("h2", { key: '44a0fb6aa27be23832c3f39f33506b57ccc7e468', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'd41bf77ff6a7d8e4fa5ef5cda4fa447dd8a8b07f', class: "col-12" }, h("form-control-text", { key: 'd81cfb94f63dc0b6711c180b7bdc86a64f375691', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96405e6808644dbd4fadcad86f11a90b2b111812', class: "col-12" }, h("form-control-text", { key: '5de5c4df7331be1fc94e7c44ebf2c72bb127aca3', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '60366bef77d86a348cf73c7d97be53769d2473df', class: "col-12" }, h("form-control-file-v2", { key: '8ece21a45a7675cd155c469e3aa327e4a3b3106b', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -36,7 +36,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '54885e971c2d21be1d3c2a4654616e6406a425e5' }, h("div", { key: 'aefe693ee221d72f44a87806ca5ddc257bbf4073', class: "row gy-3" }, h("div", { key: '5a4c220a9cbcd8accd8dd3a3e9c5db74f520f483', class: "col-12" }, h("h2", { key: 'fee6747bc31eeee7648c5af1fec4e86dd33d2f21', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '70f2d38f553a77c6e5a4e2ec25bed11665cd56e5', class: "col-12" }, h("form-control-textarea", { key: 'a0635424932726c980d68bad1c7758159d382575', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'b63f29f32b4a2bb35ec2dbeb2d26695bd58d2c32', class: "col-12" }, h("form-control-textarea", { key: '41787fd17b44810eb19945ce7ea5f340ee40ea98', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'acff917b1af1babc1f93cf0541d9d2f22f8f4460', class: "col-12" }, h("form-control-file-v2", { key: '52bee3670ca1cae28fd2d07033796245b13306d4', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '6e63ed1828f61cfec3882fba0ce0439668111a7a', class: "col-12" }, h("form-control-file-v2", { key: '99a13cfd6c0e662794c013368209c88065a7e404', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'b91af9cbcac0c390b5c4d5c445976d4a8833907d' }, h("div", { key: '0d94fd8318404dd97dcb035d48a7fcb99b5ae87f', class: "row gy-3" }, h("div", { key: 'd97378e24b0c8a5f71a626d116df0862829f1a92', class: "col-12" }, h("h2", { key: '4e1ab56c967d24865c7609691245dae472a46976', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'a99ee9a75fb1c5b411aa2705ba9a0f14885e5358', class: "col-12" }, h("form-control-textarea", { key: '6d23c869664ecbbd369ca88e85f7a1033cf5ffe4', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '50b3def529f23f3cae755b762b43caa1f5329c21', class: "col-12" }, h("form-control-textarea", { key: 'e3bce3c6aa80af945884bbec847358a8e259a3ff', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '771b3e3e163d31ceab83904e4926f61a768ef460', class: "col-12" }, h("form-control-file-v2", { key: '872e482d0f99c2212c9ca9fe0ac56f5e8c17aa88', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '857353db7a0aee5fd54215b1c5f00ddffdd5dd77', class: "col-12" }, h("form-control-file-v2", { key: 'fa7a204cddb61ed8e30b0c3d1c6227bc2ab9cdfa', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -36,7 +36,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'b2d81ec85e534890a691547a2ec8d28dcc61e784' }, h("div", { key: '3b49e0e3647e66196f586c2e58699e878658c9f3', class: "row gy-3" }, h("div", { key: 'ba6f52f0c2a44c7a39641cb9cb51bf799892a78f', class: "col-12" }, h("h2", { key: '70a108aa928d392d47bf72a32c3a2c71538fc068', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'f5e1b4c54c4d59b7b558fe817d23e5cbc71acec1', class: "col-12" }, h("form-control-text", { key: '32da6155a22359d291506e7d864b0b09fda34f99', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '55a1082190a09f2723ffbcb6075c18a094ddf5e5', class: "col-12" }, h("form-control-text", { key: '63e0883c7a8f9e01396b7c395eeac7d8612d8dcf', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '0d2f87a06e90191c274d96aed25dbc106ea3c347', class: "col-12" }, h("form-control-date", { key: '33e5da0712b67146147eea9a2de66f0b05d64a69', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '9aff91d4c4055cfe55a35fc28cf07167b4767992', class: "col-12" }, h("form-control-textarea", { key: '840beacaf520e1155cc2acc21d7e2eeaba2dacca', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '244eb1c41ee0a26c3ba8b7754404b9c736f0e1a2', class: "col-12" }, h("form-control-file-v2", { key: 'e09e9d04a0a5bb26232271fa29dbc5fcf1549dec', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '3df223d0827966f125304a5783c341ff32dc9442' }, h("div", { key: 'c4aa2d5c1be5e452284c5463a299b92c2799949a', class: "row gy-3" }, h("div", { key: '049124ca86a2ae70addb34ce9d79138f052484eb', class: "col-12" }, h("h2", { key: '426b01f9b7cdaad3b3c65ec79be2a31c2db5ec7f', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'd58211d0757a3220b880ca8dd1a2289d25f92733', class: "col-12" }, h("form-control-text", { key: '2273a6905d9e79c5c4c4cb9fcbe629b8546b1cb0', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '16685f1e217a9ed7cdea9858989a957855ca9df1', class: "col-12" }, h("form-control-text", { key: '74f2b588ab811279fc5bea972b4d045276dcfb19', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'd52ee413a5757a9896e1e24ec7a4d1658d2a51b3', class: "col-12" }, h("form-control-date", { key: '077e1d46323a9546918ebe6b2f096b4a9b494926', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'a02a13a8312dd4233f13363f192f5bf5e2009839', class: "col-12" }, h("form-control-textarea", { key: 'bd97071529be47d78ced13f78d77f051a36145c0', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'e83dd41ef2cd943add49784940326cf3b355cd3f', class: "col-12" }, h("form-control-file-v2", { key: 'd5ac44164b655c497a6247b7277527bb20f7ac04', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -69,7 +69,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: 'ac73fa9c5543c6c9b7170ccc99d1a48b2e1d28b5' }, this.loading && h(Spinner, { key: 'eb847368027fef8f004c913d0a09cf692f493ce3' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '3bab823df105738571c6feeba11700a70593fdc6' }, this.loading && h(Spinner, { key: '3ed4ffbcd589e4655bc23336c42b3934157dd7a4' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance-core.js

@@ -3,6 +3,7 @@ import { addAttribute, formatCurrency, processHTML, removeAttribute } from "../.
 import { insuranceValues, insuranceErrors, validateInsuranceValues } from "../insurance-state";
 import { StyledHost, Header2 } from "../../../ui-components";
 import { text, textDanger } from "../../../styles/parts";
+import SeasonInterruptionInsuranceLoading from "./season-interruption-insurance-loading";
 export class SeasonInterruptionInsuranceCore {
     constructor() {
         this.checkoutId = undefined;
@@ -105,7 +106,9 @@ export class SeasonInterruptionInsuranceCore {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(StyledHost, { key: 'e665e8866cf53e7b22ff4e05c25b1059bc9e025a' }, !this.isLoading && (h("div", { key: '15e2fdb114dc837d95daeb696ec5d5769c8c80bc' }, h(Header2, { key: '19095737990f12bde58fc7bd6e63ded25f62a8e2', text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { key: 'a036659ef5b7a11a16dda7cc7558cd9940d53540', innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: text }), h("form-control-radio", { key: '49b102250e07f11f91f07dfc3fba74bff4f5fd34', label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this) }), h("form-control-radio", { key: 'e784cf4340d9034e81a12454aed5a0d4afe9aea8', label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this) }), h("div", { key: '649ddbafdc560bde98470a2d868a9410a57eaba4', class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { key: '3d3651631da43d2c0f473b793cb5f6f663b7b819', innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: text })))));
+        if (this.isLoading)
+            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
+        return (h(StyledHost, null, h("div", null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: text }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this) }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this) }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: text }))));
     }
     static get is() { return "justifi-season-interruption-insurance-core"; }
     static get properties() {

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance-loading.js

@@ -0,0 +1,4 @@
+import { h } from "@stencil/core";
+import { Skeleton } from "../../../ui-components";
+const SeasonInterruptionInsuranceLoading = () => (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%" }))));
+export default SeasonInterruptionInsuranceLoading;

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js

@@ -32,7 +32,9 @@ export class SeasonInterruptionInsurance {
         this.initializeServiceMethods();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        if (this.analytics) {
+            this.analytics.cleanup();
+        }
     }
     initializeServiceMethods() {
         if (!this.authToken) {
@@ -53,7 +55,7 @@ export class SeasonInterruptionInsurance {
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '4a0e93d18f16971cee44cdc9d0b312ded7728274', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '737ad53975405a658c2fc46533eb02351833b280', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
     static get is() { return "justifi-season-interruption-insurance"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payment-details/payment-details-core.js

@@ -1,10 +1,9 @@
 import { h } from "@stencil/core";
-import { formatCurrency, formatDate, formatTime, snakeCaseToHumanReadable } from "../../utils/utils";
+import { formatDate, formatTime, snakeCaseToHumanReadable } from "../../utils/utils";
+import { MapPaymentStatusToBadge } from "../payments-list/payments-status";
 import { CodeBlock, DetailItem, DetailSectionTitle, EntityHeadInfo, EntityHeadInfoItem, ErrorState } from "../../ui-components/details/utils";
 import { StyledHost } from "../../ui-components";
-import { MapPaymentStatusToBadge } from "../payments-list/payments-status";
-import Spinner from "../../ui-components/spinner";
-import { badge } from "../../styles/parts";
+import PaymentDetailsLoading from "./payment-details-loading";
 export class PaymentDetailsCore {
     constructor() {
         this.getPaymentDetails = undefined;
@@ -40,15 +39,14 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        var _a;
-        return (h(StyledHost, { key: '7550877e5bc7bf30d0964d496b07c39f57ea23c7' }, this.loading && h(Spinner, { key: '320d191ef2cbd736158382f693bd4e1b2676a850' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'cc147622d2821fb3070d3acb17dabbe0d6acb44e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '102fbe95740cfcbeed7d79c500841e4e69644c1b', slot: "head-info", badge: h("span", { slot: 'badge', part: badge, innerHTML: MapPaymentStatusToBadge(this.payment.status) }), title: `${formatCurrency(this.payment.amount)} ${(_a = this.payment) === null || _a === void 0 ? void 0 : _a.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '1f6b55ebbc0abb37ced9cda26b193a779f7ba4a9', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cb64b263862128ef00b4923cdfd986ee63d40670', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '4a245ba3ad052ef015d7c5c2abb8d05051e0784a', title: "ID", value: this.payment.id })), h("div", { key: '9721335ed8558618cae9685f83c68e2eff8dfb8b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '8c460e5675898d68ceb335a56da05b459b81b112', sectionTitle: "Details" }), h("div", { key: '1094ca8b231926460913bbabd9c9816e04d5bb1f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'e9640bbcf361dbeead436eea32a69fa962e34663', title: "Amount", value: formatCurrency(this.payment.amount) }), h(DetailItem, { key: 'ffa1411af9d4d78dbeaedcf7c12ce7d7c1e6eb53', title: "Fees", value: formatCurrency(this.payment.fee_amount) }), h(DetailItem, { key: 'c5843ff4773b7a2be2afdd659226dd46096f585d', title: "Refunded", value: formatCurrency(this.payment.amount_refunded) }), h(DetailItem, { key: '8ec788ae9ed769f6af4f32882d72d10877d1de30', title: "Net", value: formatCurrency(this.payment.balance) }), h(DetailItem, { key: 'ddd659af132d2628b8187d81ea72fc604e7ea7a8', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '15cb99e66dfc876d65aa8d446564f873aef1ef8a', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '499a906f13648cd49a3bf92ccadcc01f0fb430f6', title: "Processing Fees", value: formatCurrency(this.payment.fee_amount) }), h(DetailItem, { key: '75ab13ff4c06f0f58dec6c0fcaad692d6d03b68b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'aeb538897b387e4811d35dde9fb19a5813c1c049', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '4c8aa277b28bb1ffaf5fbada3a35f284ee2fabb2', sectionTitle: "Payment Method" }),
-            h("div", { key: 'ce52033a650a4f5db13e5c3cdf97191bcb3539b1', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '168e45e35fc2e11adbf6881b17ebfd36d0a54a71', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '38af59143d2961cdc29b03e46af06b720dad3c8e', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '07518b2789187d2ae0b3f5edc6510a4b44798154', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '724207946a3e0b1b1cfe00bf0e77bfcd2f8c5982', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '34deb890ddf58566794fcb451d4d422d31f3f8b7', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '714fd2a97e2879dddbaacda6d5289b3985aaeea5' }, this.loading && h(PaymentDetailsLoading, { key: '7f6d24755cea9f3b86cdcaecec470513532f37cc' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '9f3403ce5744053a04c1a6cde0c58a41f15547ac', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '310f3e1087843e2c10aa49b9fb7e6be734168f1d', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '5ed10250e7e04961e2fc57a017eea58e26429378', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cd304828a7e38c8ad9fceb15b56391489a9eb938', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '5b70635442c6c76d978d40095d81cda6f7b00cfc', title: "ID", value: this.payment.id })), h("div", { key: '54558d6e59548048a548a83578d1a94694515bde', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '0780b044b54ba041e9632f94acdfe71411454297', sectionTitle: "Details" }), h("div", { key: 'e1426b161aad05e561414d6a4c77cb28d3e7c157', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8a390a81e9b91d6582ee01a93743a8cb4fba57f4', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '8bffacbde88bd44cbdc213b7f24b93087e533670', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '78f5773c98118c39dab6df14fd9beafd7f06df1d', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'c620ecf5b7dd9f9896a4a454cc8b507b4c344f45', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '4b7529e27aecf2560d305dc6f906b4ae1f26c2d2', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '1807f3f518b3ddf1296f8c2802b8e66a7a7e8401', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '79183af038116750f07bd65bc843a879a6275961', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a2a6b8a345068a57e8e647b5f5efa9da5c870697', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'e3c7479795cd85029e1f90b4f7e0e5cfd0cf9099', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '7d49ed552d5b2dc87e6596e025e9c877b838b25a', sectionTitle: "Payment Method" }),
+            h("div", { key: '9a435008ea2746b11281bd237e9a38f471e9a11d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '9b22fcb2e38f690dfb963b783d2139813a920ddc', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '27ed56e879c9598226373f9086f79cd0cc72a9fe', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9868b544973455fad8af21f4de2936a6d61b21a7', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '80716a8fe5b7bd933b930b35674dfe111948ef62', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'f0c0e2107b079bc6c898c91e5bd6a111b327c419', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'fbc24139e24a3d72624db86e30d0ce7b602cafe1', sectionTitle: "Payment Method" }),
-            h("div", { key: 'cba8888ffd57b95d82ab307f5de83c61f16a75b8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5d7bbf52c0b06be00bdca98df4926dfa5c7ee25f', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '19f2450384c28970a69a13aa623a0360c7818f46', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'c81914830e67c477c2407112e74afaa127c406c2', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '5c8581983f368d84d6d9044d49ea2cab923b6615', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: 'c8ed7c6c2480365d7fec6c388103aeb1c3622c44', sectionTitle: 'Metadata' }), h("div", { key: 'cca65ed21900b912ea4a22b2e852d0c46946efd1', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'c96c267005a5ee26064d7cd6c03768f83442dfc6', metadata: this.payment.metadata })))))));
+            h(DetailSectionTitle, { key: '1f2d289d3c79b1c496f10ded116ab193d9c4ade0', sectionTitle: "Payment Method" }),
+            h("div", { key: '9b898ec3ccf34e225d465b46a0a645d46f696c91', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '71acc9fe7bca4f922075a33968229919b9660ec0', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'cd62b8e0e55a9888f1d06a107173516af1f65e9e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '22e2dcefcb76363ca9254392e825a4612c65ac1c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'a6e633cb3e5b82ed9c887b16a346dac257db22dc', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], h(DetailSectionTitle, { key: '10d02e4d3e09b50644f7a5c1bb0beca7f0747c0e', sectionTitle: 'Metadata' }), h("div", { key: '119445b2570c4b736b4c9bb0daf88a3047b3ee97', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '794df4cfc8808ea62e6b97127fee7349698e264e', metadata: this.payment.metadata })))))));
     }
     static get is() { return "payment-details-core"; }
     static get properties() {

package/dist/collection/components/payment-details/payment-details-loading.js

@@ -0,0 +1,4 @@
+import { h } from "@stencil/core";
+import { Skeleton } from "../../ui-components";
+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%" }))));
+export default PaymentDetailsLoading;

package/dist/collection/components/payments-list/payments-list-core.js

@@ -86,7 +86,7 @@ export class PaymentsListCore {
         return combinedParams;
     }
     render() {
-        return (h("div", { key: '6d3aeab1a53d5a9f73ed770de5d936e290189a9e' }, h("div", { key: 'f9750011da7c0bf0e4bc5eb91fc5c54489798890', class: "table-wrapper" }, h("table", { key: '7361cc478802a1de5513bf92ea9ec7f105168d55', class: "table table-hover", part: table }, h("thead", { key: '239402e85ae6537f4fc605b06f9f747233aef37a', class: "table-head sticky-top" }, h("tr", { key: 'f3330dae27878b313848a057d1094e094bdd66f4', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: '1441e8920b68c7cf759188694b1cbc65a2c37795', class: "table-body" }, h(TableLoadingState, { key: '55bf8e8b8c6c859ce363ce30fb6db75f328ebca1', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '20d7f82636bc4b1a54a56ca89f2444261e26c0d6', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '10c160fafc746dece6e3837aa43021e48d7f49b9', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '058476cc6c3369cf4700203c28f3d2c9c002656b', class: "sticky-bottom" }, h("tr", { key: '87c051940f9e49e64d661d12f5387ef5263091b4', class: "table-light align-middle" }, h("td", { key: '06fe26d1f9d57c6598fe71ebb9b48780a35fba5a', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'd23dedce32252f08d0a24eb4a474e9ee62ebd0e1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '6ae0c491d9ba248e878f65915448b715ae1c3381' }, h("div", { key: '3e2a5fe63f83d7a45c44486bc7dc7e2493b29520', class: "table-wrapper" }, h("table", { key: '3523e917bd342db707671ce9069a17618b20d1f8', class: "table table-hover", part: table }, h("thead", { key: 'e3436965637929742b7b827627504f8b4776cd7c', class: "table-head sticky-top" }, h("tr", { key: 'edf671796c2a0ad5b1fc9d6e3c3c0210f841946d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: '1cc99781f6a96dd3597fa32c31e2dff6861cc945', class: "table-body" }, h(TableLoadingState, { key: '0b1e2a89902ca170252139807512d2d91f2260f0', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '1857d904b79a0a5b9276846a6b0afd5fe54b72f0', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'da42e70686ca49cef71bce6fd596bd18f1f1f365', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'e6dd57881b2643442d61c01a5308529ba1e24dc0', class: "sticky-bottom" }, h("tr", { key: '6dfb87ce0ba57057505e961825bb54bbe5d29910', class: "table-light align-middle" }, h("td", { key: 'a47bd709a0296308c7348cda14bf1d2958f10feb', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '0db007e310d5ca49bd05b5dbc7673cc2276b9ce3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

package/dist/collection/components/payments-list/payments-list-filters.js

@@ -29,7 +29,7 @@ export class PaymentsListFilters {
         ];
     }
     render() {
-        return (h(StyledHost, { key: '9cd31c52650516e81343bf13c3e18ed96258bc57' }, h("table-filters-menu", { key: 'eb1abd1876bd3bf52e04108e680c2b006338514c', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '2787fa1c460d45a5d66efe5a2f3ef25333ec9201', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f7f599337b113e9aad1c72fdb4dd88c3dec92a63', class: "p-2" }, h("form-control-text", { key: 'ee692c59649fcbe4ec0e7e5bef891d5145ac4d35', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.payment_id })), h("div", { key: '1dce20fc5bb6a69e06e7960349e6f5623d5eef66', class: "p-2" }, h("form-control-text", { key: '2a84495e90b49bfa51912251d6c5804646248f7b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'bbd95d93ddb713a4ae90876b735e4f88ce6abfef', class: "p-2" }, h("form-control-select", { key: 'ce1b6ac3d27149b013c937e3bdb43257a6f16c86', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_status || '' })), h("div", { key: 'ae3b27ef30ded613a255c688162a3ff561a5f5d3', class: "p-2" }, h("form-control-date", { key: 'eaefc349011d12e5f950ad12fea24507dee9516f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), h("div", { key: 'f52daff95da491a911be96d8c0f3a6dc395a95c6', class: "p-2" }, h("form-control-date", { key: 'cb8d8b5a424c3a1ca36c52608d89948d88c54cb5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
+        return (h(StyledHost, { key: '39f88bdcf7c8823d42d4432ff41bfaa0e70b0811' }, h("table-filters-menu", { key: '67f2b375b47bd9cf037a02df48b6ca270259e3b6', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'bb8cd6c205b604c41ff0277c9778006ce9006259', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6c54760335d154182895247250cc1dfa2efbf9d3', class: "p-2" }, h("form-control-text", { key: '1d72daa5c87ba8c9463da01af7552f5762d4f29b', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.payment_id })), h("div", { key: '077585c3359b16be1833134898fa90c4367129fe', class: "p-2" }, h("form-control-text", { key: 'c62b51170db0aa184f4ed68fbc312d4a0bda5d2b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: '324cd4f6775118ef87d5bd6d0ff62300e3526dbd', class: "p-2" }, h("form-control-select", { key: '0ddbe138adf0cdb450ee91e450d3613d7114e849', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_status || '' })), h("div", { key: '0e6f54d6b839aa99d6d7a572fb18b240caa12c3c', class: "p-2" }, h("form-control-date", { key: 'f8799a7d8da64e55f920da09f847d54218a6cd45', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), h("div", { key: 'febd10712014933c97faf3846c83a528885418e3', class: "p-2" }, h("form-control-date", { key: '5d6b095267cae0226346c289a4b2ca8f838230ac', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payments-list/payments-list.js

@@ -50,7 +50,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '35086c06a347cb7ee577366cd5674a2c50c4ffe5' }, h("payments-list-core", { key: 'bee1a7cf3e600a0060a62cf8151eea390dfd2cfa', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'a7d58ebf91eea679073919566cd786f8df8ebec0' }, h("payments-list-core", { key: '652e313667f05d7e6a1e94ca7acc34ba137dde98', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }