@justifi/webcomponents 5.7.0 → 5.7.2

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

@@ -19,8 +19,10 @@ export class GrossPaymentChart {
         this.initializeGetGrossPayment();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeGetGrossPayment();
     }

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

@@ -92,9 +92,12 @@ export class SeasonInterruptionInsuranceCore {
         var _a, _b, _c, _d;
         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 }))));
+        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),
+            // don't wanna show error message, but need to show the red border
+            errorText: this.error ? ' ' : undefined }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), 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 encapsulation() { return "shadow"; }
     static get properties() {
         return {
             "checkoutId": {

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

@@ -14,9 +14,8 @@ export class SeasonInterruptionInsurance {
         this.initializeServiceMethods();
     }
     disconnectedCallback() {
-        if (this.analytics) {
-            this.analytics.cleanup();
-        }
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     initializeServiceMethods() {
         if (!this.authToken) {
@@ -37,7 +36,7 @@ export class SeasonInterruptionInsurance {
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', 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: 'e6c2083c20b0f29301d5d8eafc1d269280e96de7', 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/order-terminals/order-terminals.js

@@ -36,6 +36,11 @@ export class OrderTerminals {
         this.analytics = new JustifiAnalytics(this);
         this.loadData();
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    ;
     handleError(errorMessage, code, severity) {
         this.error = { message: errorMessage, code, severity };
         this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
@@ -121,7 +126,7 @@ export class OrderTerminals {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '47251af3261d16cfc067bca3b3810805d93ba36d' }, h("div", { key: '13c73bb09cdbad48ee7b15089daf1b6bf56cf256', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '95d4b374036e4713216ce61e87571a607b8c3f0a' }, h("div", { key: '3e57b055db0d1bf26b9eb38a78fa57493afd3af3', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,6 +4,7 @@ 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 PaymentDetailsLoading from "./payment-details-loading";
+import { Badge, BadgeVariant } from "../../ui-components/badge/badge";
 export class PaymentDetailsCore {
     constructor() {
         this.loading = true;
@@ -37,16 +38,16 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: '00ba42c81617d9593246956e97b6b962817cc167' }, this.loading && h(PaymentDetailsLoading, { key: '1c0fee27dec985cad2cc7d41f61d137246ffcc3e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'e264b42451a8966a4e6313486bc9d1ccaea0141b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'af96a0f502cce1be451160e8ac2f92074b0ee168', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '94f876bd62dd9ccaa6f63f25326390b03c9938d5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '96c629e2d1a99eca277ec7337cb3e00e88c1b31e', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '0d18abfae7e9fd0a692ac54640194033a5c36f41', title: "ID", value: this.payment.id })), h("div", { key: '7f9e14d7e0312ba1136cf5734754bf0af6c19774', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a11b47796dada4f9678487edf19dcd7928b08e94', sectionTitle: "Details" }), h("div", { key: 'fa8a895e037adbbcf5856aae4f40306b789a90c8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '84a8fa2b0dc39aa331501e00a8eb9bf93e8bb8c2', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '632fa4e703aabc7b606b939e95d1633a43fedfaa', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'bc37a80a15fea95932d04676f2c5a8a57276958b', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '588a76203897cd31b9d0c1c8de1b7b9b0b107421', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'c0fea24390417c591327c76568829cbf9f9147a9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'e332a896b55bb58f3fd26ee892556acb08ced52d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '844fdb40ed55ca0e2f848e7325dcb64f134fa5d6', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'dce95b409eb465e8d6373ad80b7b14a0eecc5aca', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'bed2051bd720b1a790ff59b50bee7f01e3fb222a', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '3283ea5236fab75a32fe569ad29d9b70c62b49a0', sectionTitle: "Payment Method" }),
-            h("div", { key: 'b9a0d9cfca791e3afb4a2e1e73b036319191d485', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '15da44c97292af05a14b3f7840b07bdcf34ae953', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'd8a4a431c3e3ab0d14be8992521ee89b5e126a04', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '1a8ed38a316ea943761d2dd7fda58490180ef3bc', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'db695d1b89896a7a73c83fd8a7d5837ad1e69909', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd94879fb30ac0a05a16ce9ddb199fb5cb003a8c1', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'db2d2ec374cf0743db6bfe43e0b8f77572e9cdfd' }, this.loading && h(PaymentDetailsLoading, { key: 'c5b7481c55723d7ab8eb9b8001efadfe33c82532' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'cbbd4166213c49a85c70fab920024f876394a24b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '645552490a3d5115af19d4b3ff3d5dc80b9d3038', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '968b2420a648b0c12753dbae1ea966ba0ecd4b5e', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '056a4d72223eba4225ec6fa3f52c028be21d3fbe', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '8a010c36e237479a318dd6d03026a9b36fc78eab', title: "ID", value: this.payment.id })), h("div", { key: 'fbbb9dd12d129fd589228f23eef25ad2d048e5ba', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '51a4d8bdc3e66c17dabb77cbdcf06cd3cfdbe7e8', sectionTitle: "Details" }), h("div", { key: 'ce03ec8c368f24487ca5cf267dcc0237b4637595', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '35b94e984c638b461a26156acb08cf1647a065e4', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '5398feb78b40735d773889c57517de8784f043f0', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e2667dba443e74b4139137d7194538b4799c59d4', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '3cc3a74d90a0d10fe5f79c6e3fa942147bdf37f0', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e7f942356e5810ed1f6836002e03fab078e7da24', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '4ed5bb3102ab533914f8841de5f3bb38e059cca0', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'ffe0e3990db78c2e57133865f8ab5314698a6126', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a0defbb3e570929e4667c7d96beb23a2b21090f2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a196e9c84f30e0cbab086c02caa15188adae0fe5', title: "Description", value: this.payment.description }), h(DetailItem, { key: '3f0215fbb1faf2defb2a614d1bb463f43f4edc97', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3627159fa135d895c1591c1146daf6b1b3fcff3e', sectionTitle: "Payment Method" }),
+            h("div", { key: '00340647cfb3421627b587bcfd3e81d6cf9cb271', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b89fd68b547f48c42636b7b0904f9c518a135a84', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '2998d39cc3d133398f2e482cd47f5d5eb2fd9bc6', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '23259226da35ecd71d07685484145d547eebcfa5', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '090a22f97bfb43ffae0c7c475ee6f9c00d92193b', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '72c41739c55d99c9efbc0d5c77fcfa0049d5c21a', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '84dae904db3c22ff5ed03abaeb57d3b0736d1fbb', sectionTitle: "Payment Method" }),
-            h("div", { key: '400801019a53feec0478273866fffa5683b408aa', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ca7bb52e4275659b18daacfa6367de2f32617e70', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '4885d2b5f05b6a713d61074271c7a95b23604dca', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '604ec4efe78a12a1c36d8416c9fdec70351a6dad', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '1ef77a81232e19d1063af9e863f5c9ada183715f', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '55bfec78982d1a44c5ea863e4c5bdc64cd61f241', sectionTitle: "Payment Method" }),
+            h("div", { key: 'da3be8d900f1db7b0337a27e91c90d424b4970d5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'bfcd4367c607055397d8d4417dc671d5f262acd2', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'a5ba2164eadb8bd424889cd6ed02db4679d75f91', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '96a3c52d38c8fe6dabaa032e41f87946a1fb5333', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3dfa62ba43bd18533104b8e608ce4303a75b6451', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '703ee104edf87c55034c38bb9fe0de6907980a0e', sectionTitle: 'Metadata' }),
-            h("div", { key: 'c10b66a975c6a221f86226893e13cbf57bf0d8dd', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'e73dfd81f110ec7c275fd37d1ecc71bbc22580b5', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '6d180793de4f1d8e13c0af9e30d44faf121733cd', sectionTitle: 'Metadata' }),
+            h("div", { key: '76b6e75ace2f243ad86dc5f66aed0aa505a35181', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a3ee69d8d8699a15980f170a087925d3458135a4', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

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

@@ -20,7 +20,8 @@ export class PaymentDetails {
         this.initializeGetPaymentDetails();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     ;
     propChanged() {

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js

@@ -39,8 +39,10 @@ export class PaymentTransactionsList {
         this.initializeApi();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeApi();
     }
@@ -89,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '95b1793a1b1dd1f30857a2da18884569bb37673a' }, h(TableWrapper, { key: '213c53810f28609c5166c4b7865a4b923db64148' }, h(TableComponent, { key: 'c4c9ad468955900dd3dadf55bf74961b347db725' }, h(TableHead, { key: '0aaa96e09c54865f5bbe74abf236db20a69c0df9' }, h(TableHeadRow, { key: '69258a4be5ddba8c3db1f2e801c7101a51efadd2' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '961a12de0888c9ab76ae708f1694955cadc05ffb' }, h(TableLoadingState, { key: 'd5d5b788698eb28ff2dcccf902694fb166f7e805', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '311f9238c5ed98e1801cd482967814e2d1b98547', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '86c6728fb2a4ff6a1de0032cda9a5e6fdfb2a19c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '4fe703ff7a69a534424fde0154203a0f1f0a2240' }, h(TableFootRow, { key: 'b6dafac49888c3745461a18723b74f46d1353478' }, h(TableFootCell, { key: '1906f0ab8f62c94cb976a37eb12ffb479ccb8333', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '114ec152e59ddd485f465774a7f8f656d618083a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '5afad0e2e8dc4f37660b09c434fa1e69014194f6' }, h(TableWrapper, { key: '90b657d1a31077ccfee1c494e5bde526572d86b1' }, h(TableComponent, { key: 'c25fd7f2cb00dff6e7d1e5102660c28c08735439' }, h(TableHead, { key: 'a6a9bfd9dff7aa5c82e2dbe5c3c5674b4e6a5c04' }, h(TableHeadRow, { key: 'a7e136e48933ae4f7dabc3cb70bda5f2016b400f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '921169d43283f1b13921f3972e4ff912a92a27eb' }, h(TableLoadingState, { key: '69e6d2c8df07e0acb657ab0f7997b6576be86c91', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6a8a44d407bc4cb75e003ce68b174eed3aee885f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '599552617b6e9f4dc6451a4fbbb5fe2c402849e4', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c2cadba24db21209557443e598ae2fbb1f4f1ffa' }, h(TableFootRow, { key: 'ffa9e9f6bf3dd7bb6bb5b8626756edf7ee249074' }, h(TableFootCell, { key: '7d6a900f2aac9483004c4eda42b3592db4495cca', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '028b35bc60ff879529a10ef43de4f45ba2aeb584', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,7 +83,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '1317635730164f2193e9556589c1c8584b70cfbb' }, h(TableComponent, { key: '98f458d904f17105aa7f6fde313487fa1af08034' }, h(TableHead, { key: 'a70f53dc6484a001d51f2c937e9696ad4ea68d2c' }, h(TableHeadRow, { key: '93a807d6627175ff4030fc4de8e067809486b274' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '4051081286f20f72d3e34f2484ada5413327b608' }, h(TableLoadingState, { key: 'e94bc4c5d2d4f2a24ee8ec906aa936ad0d497b84', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'be3fe38c674d7a587f77d91c4133d39359954135', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '55bb4161c9677940b78badbbc2a621e29404e213', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '23e336810c59ab014b4a11fa5f9f087db2de9fa1' }, h(TableFootRow, { key: '848eb4d2cfd643472de22f6cd86d9a7121acdca6' }, h(TableFootCell, { key: 'b0c325d98775e1784173d45375018d94f8fc71cc', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'b61510a421ed0fcf54ff3b3318bc8b80db18c6b1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ebc89e8b55258a1442edad51d5238b8734aa345e' }, h(TableComponent, { key: 'b90635548604f5d486a38421e5228c61ec47c033' }, h(TableHead, { key: '3106e6ac62fc9df004a8dc1c4fa6b07763ec9d7a' }, h(TableHeadRow, { key: '68c7767762899d3ee229835d93eb9221c8b097e9' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '5ffee99d7437590c48f766d5bde24385ea31fdc5' }, h(TableLoadingState, { key: '4170ce391f84c65286f358d4e1c03f67c2f9ffcc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f47428d403e763179e071756582065351fa7c63', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '5857f210589dd16232338ad39897ecd4581dc7db', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '1cb054a34b99150f33cf1a008a64451e85af4700' }, h(TableFootRow, { key: 'd203e8a928713108cbfbde297ed18bf60cd5cb8e' }, h(TableFootCell, { key: '710c8b5915f08f14892a04c16ac069039804b4f9', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'f9f40a23e8bcbce6adf93f66e2a97f15f91f4f15', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

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

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '10829c1f0fc63fa2f7d051d0cfecf99cfa7d5d53' }, h("table-filters-menu", { key: 'c59be37898d0eb1b6b6d19c4b338a527efcb6cc6', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '716e807db90c39aa977e9b5daf6a411d3086ca63', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a6f176d96dc459cc78135bdb2eab080876883c9e', class: "p-2" }, h("form-control-text", { key: '08acfb9b4d70e641a33482abfb20085ef1dfe193', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'bb19e9f99e3365163701450b28e008decd59596a', class: "p-2" }, h("form-control-text", { key: 'bbeec69309d93ac6dc519369fea831a37e09cff1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'c4a260634c01d93cffe4106dc2d39b74ee74d1bb', class: "p-2" }, h("form-control-select", { key: 'f9bf9bea0a8de4387523379494a2ef6da763a532', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'b9f48f0df0007629e0046a9c001b4ed92e29e229', class: "p-2" }, h("form-control-date", { key: 'c997c468c94710e8f16bd5125092390d6444b247', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '792715eec40293f7877377b06d97402a9befe6c9', class: "p-2" }, h("form-control-date", { key: '5a175d01c307a5273a9d41dc8c319554dc32e2e0', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '41c3ce22404b0e8e536d8c230886eadc34b77208' }, h("table-filters-menu", { key: '864a91207169043f08a47c90c8f867d0e32031e2', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'd2a98ef4ab0094f708de21c2c3e02ec149b5e72f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '00b9b884348d47e7dc1670064c1c0486eefc0a21', class: "p-2" }, h("form-control-text", { key: '405ee21a3780942784738a0cc0a3b423a03c2b5e', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5401d6d05995af1fa7ab801987d79711c16aecc1', class: "p-2" }, h("form-control-text", { key: 'e1518fddbd3e62af0ddce873a191376b2504c9e0', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '131c39879c3823c3d380d4939e6b93a2771bc86a', class: "p-2" }, h("form-control-select", { key: '856053d6ce5381956a18c6a21df169898fa71616', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '76ad87197605e45ae06fefc547755df29741fa18', class: "p-2" }, h("form-control-date", { key: '7cdd9b684a87e2da99ecfe963349433bf7ac1d45', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'ae78b441f6dbbbdca902fb4f83f7531e80322ff2', class: "p-2" }, h("form-control-date", { key: '34d321e3cd47ccd95ea30d7a54cfb36e34af64db', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

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

@@ -21,8 +21,10 @@ export class PaymentsList {
         this.initializeGetPayments();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeGetPayments();
     }
@@ -44,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '1527d43387894949810bae0fa5ebeb172f71bbaf' }, h("payments-list-core", { key: '198cbb929b4793c37a0963554d841ac7999e3c29', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '26ccbd4f232a44cc9a682d9496fc0eb714c89864' }, h("payments-list-core", { key: 'c2b9653272eb8e3ebcd21309a0c475514ec1aa35', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,6 +4,7 @@ import { CodeBlock, DetailItem, DetailSectionTitle, EntityHeadInfo, EntityHeadIn
 import { Button, StyledHost } from "../../ui-components";
 import { MapPayoutStatusToBadge } from "../payouts-list/payouts-status";
 import PayoutDetailsLoading from "./payout-details-loading";
+import { Badge, BadgeVariant } from "../../ui-components/badge/badge";
 export class PayoutDetailsCore {
     constructor() {
         this.loading = true;
@@ -51,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '62711161d74a4d4e76ea5dba50cdf658722ba3a5' }, this.loading && h(PayoutDetailsLoading, { key: '170bf58456fb93c687a9e5b71e364ed6d54ec965' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'eafc4215df8ecba2f3e767e91df54a67c48e0e69', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '849a324f0d5f545e502c1632a5af30da3f6caf74', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'ae0b4f158d3baf397880061f6fe25916ca870ac6', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '2e2f16f8c1e2f5b34fe986a311be4ae084d385ab', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '724abe3799d1a1c8f9a54130af715a2057218510', title: "ID", value: this.payout.id }), h("div", { key: '7ac70b4b6eee073384e223b01304d0ad0aaf0a64', class: "m-4" }, h(Button, { key: 'fc78f5a3b14e58aa3861592e81bc60c155d520e3', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9ebede365566df145b3412b24d255e1b90740541', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '71cfc2676e1ac51b44de391547589fafb5189266', sectionTitle: "Details" }), h("div", { key: 'cba9946a2406c577d3b190cfbfe4b1eeaa27001e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1af9837addfc6fd3829fac3df8376958b7dbfbc7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'f54690ff4578b7383feadd6420b14df1c79d398b', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '5013c67ee0ac8bd9495209fb5854a36665317d84', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '41cd7f0989ff44be01d78475e03486b2fb158911', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '6f047db81aae911ed4553fecda7baacdc5ff9209', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'b342e899b13489045a82051e563ff56c027107e8', sectionTitle: "Account" }), h("div", { key: '709be895334d0a4963ceeb762ac6e66a5a603d07', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1e14ae8f0b329038ee2aea938be0ab4c1d2c35c9', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '54ef8f31b5dd0698d50efe617db9fbdb8a2088eb', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3cbe4043e92bc3d2a07d2970473b06bd92e56f33', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '482efcf4498b79cf724a50dd0d3ba0f38d02576d', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '7b3b961659e263e83268e178991627d04a2fcd46', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: 'ea5e5e83e0889ee8b542fba2ddaedc7c0adcf15a', sectionTitle: 'Metadata' }),
-            h("div", { key: '52ed0e8f84b2a22e9846040877850b336db53a2a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '50e37d3e2a27191b6e4899fcef64f9bd39241c9e', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '1d9842d26d6e1a89b3fc8a1ed6ed395f55b913ee' }, this.loading && h(PayoutDetailsLoading, { key: '95917b7cba094233316f39ed610dfda5360a47e5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c8f1cc9c3cc9b8e343557d38b88b31035d65c00f', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '0397f400c1576f49e664a1e5d8d5d1318935b281', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '3a3a0d511eaf43d54012f7c07688825d141f170a', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c33ac6ed41a0d1d91a83af12dee4c7bf401bc60', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'f60f96ff20c47f1ec0ad7f2a6f1f81a19b4a03f5', title: "ID", value: this.payout.id }), h("div", { key: '522bc205154fc2904f1c3735e9f859cfd234dff4', class: "m-4" }, h(Button, { key: 'e691e47946499a7359018fe4c774e0e23f8cb4c4', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '7f7c975c5672aaaebcda5870870cd4a52bae40b9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '03728f098028f6304c2e608bf38e6b79809bd5aa', sectionTitle: "Details" }), h("div", { key: 'ad8416b1a6a90052f4988d9577b6c8d6a881e0a7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0ecb52461ee59aad0914547ffc3aff948bc766a6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'bc003db9efc8ea329f4eb5e9644e013dc9578b27', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'e8ce2d2c42b66efd8ff0f87a8d9b58bd1565a019', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '47f05a33981b878ebfd4a88cbd32b71fd6bf3683', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '013126090417ea6244fd01eb0c80aeec72c05bfe', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '252b01172864c2d97b358a0fde5b0532e7298278', sectionTitle: "Account" }), h("div", { key: '4c1f0b28024141ba16803349f60395406dd31f3f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6c4f814276825b92c05226d1dc6522a920ab3e2a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c3824079766df1788264cb2ee962c5229045212c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '158c9456436cc58622d1337c11f7443497c7ae38', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7ce5376d2c1632cbd0bd910e6290ec3caf289b73', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a1f892fe9a638e5b5a4be23e853070355b6cf3bb', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '61d325fd74f125295c61266528e1d62e04bb6e2e', sectionTitle: 'Metadata' }),
+            h("div", { key: 'e574d0558fec57c0f3342c80846eb1469a9cfeb7', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ca0cc50f11489df465d29e8da5a51495433931d3', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

package/dist/collection/components/payout-details/payout-details.js

@@ -20,8 +20,10 @@ export class PayoutDetails {
         this.initializeServices();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeServices();
     }

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js

@@ -40,8 +40,10 @@ export class PayoutTransactionsList {
         this.initializeApi();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeApi();
     }
@@ -93,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'c15333a496ff4f29710524031b91f979fc1040a8' }, h(TableWrapper, { key: '5dda158bb634fedd8be112998c38c5ec1b72b66b' }, h(TableComponent, { key: 'f544eb0dedb71c839acf940495eae56b011beef8' }, h(TableHead, { key: '8f2a6b42184729bbc28267fc4972b4fc30707ecf' }, h(TableHeadRow, { key: '856542645f4a044e50f0ac7b5dafb16d34c17402' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'ea02584be772897876cfbf5118d41a9a05ed334f' }, h(TableLoadingState, { key: 'c1decf54fc792f923bf7eee49dd64d8af9dd6ee8', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '55472bc004d891746153ce7ed8b3e900a9d9da94', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '6a3d87df445734a7c13fd96e8dc067e2df1ae0b0', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e5654630577e32efeb5243543fd53232827ab824' }, h(TableFootRow, { key: '331ad45703f29590dd1b03370ff431bde665e76d' }, h(TableFootCell, { key: '3c16d50d90c6c491d028a2ccbeaedab439338e77', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '8334f555005446837984ff51dc2b89ea5d7a0cd3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'd37f96bf4e1d40607d3190791f513df5c1ce02d1' }, h(TableWrapper, { key: 'a6d2b2c342b6286630acb804b93c846ac42eff9b' }, h(TableComponent, { key: 'abcb7a3bbca27973bafdf0a0a1d9316d9e668aa9' }, h(TableHead, { key: 'e79c0ee71e45ca1379e354f939368cacbf1bd74e' }, h(TableHeadRow, { key: 'c64962612a826a5e53c921f43170f1d1ba16399a' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '7b33c299ac42c4e668cb4c967ecc5324ec56ede3' }, h(TableLoadingState, { key: '096000771b0ce2fe37db3329315bd780af9977a1', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '48ff70675d33875b8fdcf7c7ddf9ceed413ca2e8', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '4ffffbd73a18ef281209adbe870383f744d51da5', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8ba623495a597e10bc8708b9984c9da92e3750a4' }, h(TableFootRow, { key: '01f6405cef206cbaf487013370ccd7c312eca3b5' }, h(TableFootCell, { key: '0b94346d3ed5f431393e2df93f0baa81b8804d2b', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'c7a24d435a90c4f8db5c0f71b1a120b11cd01b7b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '6a72c56b790f6d3bd656cadc3afa67b5ff9146a8' }, h(TableComponent, { key: '73a4df2c71493966d9dff59b1cb04ed2bc28de45' }, h(TableHead, { key: '238aad9fdc7dbbe23106527238a60bc66c071c89' }, h(TableHeadRow, { key: '57766da075cc1ca3ad2ef1ddd108c9868903a379' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '287780d557ef70e52077fc4f29391010e16e801e' }, h(TableLoadingState, { key: 'e9a8e8170b426cc17792d2775098e43421a377dd', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'fa12703948e45d8fe9011d449a7e23933ceee245', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '1287c1be18f6cf84f93747799e0a9c9e46de0fb8', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '7f0c3b90cabe0db5859c80cbfc8e2fe0ea39346d' }, h(TableFootRow, { key: '9b702aadc9f9380f14ebe749ff67f8ea3ef62b1d' }, h(TableFootCell, { key: 'a8436f6401847c87b0a009005bb0abeff1498aad', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '1121deb974ad2cd9b11152fbd7b539e91730f0ef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ca41a7df9de30363526239ec286054e16a46293d' }, h(TableComponent, { key: '15f8f414b2da0adda480da114541ed7533d79ca3' }, h(TableHead, { key: '038b27097d57734f80502949628535ab1f8bfded' }, h(TableHeadRow, { key: '9f15c37a04d1fa6f5ec49c60bfbee3ae3ddbdfca' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c05f33fc7046606087da1b0693650aa571f8e61f' }, h(TableLoadingState, { key: '1c127fa09435af89c2f07226d70438c7ac261cfb', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '853c86c1d0309155797d9a15433982e4765f941c', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ac3b422be11179ab00accc348cfbd334393d2745', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '9cd94e14becf8789e3eb21500eb1eb9aafc79c7a' }, h(TableFootRow, { key: '2a8232066a55771805b34bee43af9c0dbdbe5047' }, h(TableFootCell, { key: '4c44e77eab9e1db423ef5bad6fc9137e82b625f3', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'b25056fffc760aba956a6e40fceb29f995a144be', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

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

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e6670cb708b28330f79512d01d582f7a1930fd3c' }, h("table-filters-menu", { key: '366dd0925c68feb2c8482bc27f63c7591ec38882', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'd5de9412726c9c3f51675eeba8ba258094632b99', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3f693842e14574eb3a056db221dc6521d02c0ba4', class: "p-2" }, h("form-control-date", { key: 'ca0697ab9b42ff0bed8aa0cd6747cde11fdf3ab1', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'cc8a71a7de29c82644773d356ef063cbf7f97f2a', class: "p-2" }, h("form-control-date", { key: 'f878e0acedced0ed813a7410243f414ba12c6898', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '42c48bbbfa426540d33c49d5ef927d2da316fda5' }, h("table-filters-menu", { key: '7741ef6667ed7dc6ebbc312f145590939ce1b071', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '0f983dc3e6a735ad12aea940d7663bab98cf623d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '27faddc94394d5e52de9d1a65a69ecda2f840360', class: "p-2" }, h("form-control-date", { key: '58cd7720a5dbcc31b32151de1402b2c4b09b94de', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'a2a8d153acc9fa8371c8effb4cfd0146e31a3018', class: "p-2" }, h("form-control-date", { key: '9fc58f04079445952586d0913fad92305fa537a8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

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

@@ -24,8 +24,10 @@ export class PayoutsList {
         this.initializeGetData();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeGetData();
     }
@@ -62,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '7ce900caa8b472726cd7e100560359f2990798d9' }, h("payouts-list-core", { key: '4e5c40e2cfda6fcc5e2a5963eb432f500f76a8f9', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '922ee0ed12294b66d854d28aa18a06dc0438c662' }, h("payouts-list-core", { key: 'cc0557c8fdc14b16df203a6a648c3381a6ff2c13', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list-core.js

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '762e52792b40b09a4c57d19d26b5320e704f713a' }, h(TableComponent, { key: '1562301b758030aba8fe9581c62adf9b74275bcd' }, h(TableHead, { key: '1dd7c7609faf3fb39946f05d1751611f63538b8d' }, h(TableHeadRow, { key: 'd37d994e00a6bbe8b93b562a93f123c67a3341c9' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'bd8ec9049642251c7f51c0525a07ef88a9a51335' }, h(TableLoadingState, { key: 'a2ff1894e1300d39ee84f190d531339e6086b68c', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7e7df0ac99415c5d550479c274bd8bb88d8f5b58', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '954a6ee4143461c71624c39d09b41575e39f92da', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'd8d06e88358f2c07edd2abcb568c99705a3b384d' }, h(TableFootRow, { key: 'c02b4ab02901238f7e1e71178baa4f3f0ff0ee7e' }, h(TableFootCell, { key: 'f29db1ea1799cac1e459495e9029b9c12bfd559f', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '5a196810a73ffad57a2ee6556c6e2ad66f1079b0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '5d03d7f992d4918b6174d89aa67ac87159b0918d' }, h(TableComponent, { key: '30dfd6db82678f7c8e25ee03619403bf0a73ad47' }, h(TableHead, { key: '3e51fd3124abf93a1a76ac6d6b66ec64edf30216' }, h(TableHeadRow, { key: '170385237e96ba55aa21c954bff4f74a7724463b' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'c313d42ae1ad3f54a806f8965b8ff99616df85ab' }, h(TableLoadingState, { key: '7f01919e6120a497383990bafb8288fec806f421', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e6585de336bb6cfe0f7bddc4bd503cf5632481da', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '3490d034636506fdd54c748bff98596baed09673', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '52ba4b6e8c0d2afcded3feaaf6a22927036b96fa' }, h(TableFootRow, { key: '8fccd42dc633300f5e6664ff380c3828010ff6ec' }, h(TableFootCell, { key: '7937c9bceb54abe450e9b7956bd2599de228cc8b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '90854b93870cb20251488fd15e936982245c3d3b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '09824ee5a8f108e810027f844cb1592acb8292ab' }, h("table-filters-menu", { key: 'bcb67931ca20d8dcf4eaedf8fff22ee3c76f2765', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6ad367cbf5be69defb35791da7f606efde26e945', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0f5ed58e440ee9ce742f043790df214c49d391c', class: "p-2" }, h("form-control-select", { key: 'd9ce05f33331e44662a39a05822b8a027e5d76f6', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'ffbceaaf5812af61f54abe1a76b7c9c993e1e7fc', class: "p-2" }, h("form-control-select", { key: '9557912144e169bf6060e072686ca2b5e36d6e5e', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'dc87e2699cae6fcb01fcb54790540aca23fd7f3a', class: "p-2" }, h("form-control-date", { key: '0d0385b71ecc3cfc60ee9218a75f546ccc2c9718', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '4152bb0d8079b019b38a9291df5005211488f21c', class: "p-2" }, h("form-control-date", { key: '24038ef6242a432f9b886a1493841216cfeaae47', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'e8bd98c43f44e2c562fb4dbe08cf90a9dd8063e4' }, h("table-filters-menu", { key: '8c865c53a9bd45a251ae8eb75d31ab47228ca014', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'b415d03966e45cb993c544f6205adc2f3611d5da', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7b483dd1d2254c8e3d45d6e1af4d45a839f8bdd8', class: "p-2" }, h("form-control-select", { key: '5f929730acb0c28da920f1d283d43108f06e29cb', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '05242bf5293256a3214ce11771f1df9d5341a095', class: "p-2" }, h("form-control-select", { key: 'dac5bbd765aed70530801395449463d6f85582fe', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '307842201ff7a5367de2857a7a59e612bb0e7976', class: "p-2" }, h("form-control-date", { key: '4dec0bead1d09989b4a1a20c128573c299b84e41', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '8ed2b9b5287221b8f521f5f05cec5e1808fed19f', class: "p-2" }, h("form-control-date", { key: 'a318ad6e0b426ef14470ee479f48d57b5b00ce2c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -20,6 +20,11 @@ export class TerminalOrdersList {
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetData();
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    ;
     initializeGetData() {
         if (this.accountId && this.authToken) {
             this.getTerminalOrders = makeGetTerminalOrders({
@@ -38,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '4ebe88697536863b62a8bd63fac96eb5f93668d0' }, h("terminal-orders-list-core", { key: '6735068496d16cdd4df169708c93534bea78433a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '3d9d1cf5051c5db194fb740370f655cec0495e07' }, h("terminal-orders-list-core", { key: 'dacc4dacf8c6cf91e9527916667fa5d716fc792a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'e61c1a1c4c657391af256fa488187571914d270c' }, h(TableComponent, { key: '2878c1bd7a728f970d4818daf1543834672f6e48' }, h(TableHead, { key: 'b300dd224e6295e7d7ad38d2ff36ff2254ea652c' }, h(TableHeadRow, { key: '489ec5bc765f02611b8ccaa5d627c339963b07af' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '0df4d9e27af46c419999fa7a2865ff19c8458dfb' }, h(TableLoadingState, { key: '0b78007d46a6191e47c3805c6c3a69ad17a20a7c', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f5763d3fb5dfdd774be0836833eb0bba9891d98', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'c9ecd51037ba42b721fe7f9daf6c290c6a14ccc0', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '061d7606ab562de30d46f1e207eda3efae3a2f6c' }, h(TableFootRow, { key: 'e4c4751c3233b8f714fc3f809f108b0a6c6d8637' }, h(TableFootCell, { key: '16faad50eb6148f2bafac404961925b419e9d6f8', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '574f2e32ba7e10adac4e8e19c295b7ad5fd0da11', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '18758ce4d79c07564b15f9712762232fa8ea2083' }, h(TableComponent, { key: '70c5d623cf89ed440e0bb318c4be1c1c022f90e9' }, h(TableHead, { key: '3a2ec16691dddf82a9988b970506576680885106' }, h(TableHeadRow, { key: '8fc7f8fcb219a0e577e67e5694ff818801477a2c' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'e65e2646a51cb8859a77a13a4fb79b0ca57066b7' }, h(TableLoadingState, { key: '5a50acb1101958238077a3a26307f2252aed5584', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c79793063bef320ca258988880da5fc305200456', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '758ab1f9f3660f292f4421b940d040d6408f45ca', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e88243106332270c051599905cf61b20c05637ac' }, h(TableFootRow, { key: '4c1e2dca2100a5010b8fcae7cb42e44cde5e0128' }, h(TableFootCell, { key: 'e8ce9acc75921d176f265e6a6f89398f86c911b0', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '9930d2573e46628637eb12034cb966d69b3b43b9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

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

@@ -35,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '12ddae65f38d7d13766f671536759074676f0671' }, h("table-filters-menu", { key: '1834209eb5deabf91cb4bd239b6634e70ec7e7f7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'd78e4d5c268b605c6b2d15166b1a75d8837822e9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '22e568115b7026d1b42f09065d4308f97fd6ab42', class: "p-2" }, h("form-control-text", { key: '9205a6a68abb526276ea936bb4b0db014d85ff33', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '4939fef16aca8fc3e93c17f0ad489786b7b95636', class: "p-2" }, h("form-control-text", { key: '0ade0882380430f13a763d29866f3079aeb1d40a', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '9080d991225d98d20bd5ec226b3e5b1c01c34d9d', class: "p-2" }, h("form-control-select", { key: '19c31dc742b86ba2c6a8ebdebc79108ee2a4d1d7', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '4d3d629e79524a5af3cdaa53a9cf4495adbb1432' }, h("table-filters-menu", { key: 'd49e21e577afc1a4975b0d860a52937772b65e48', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '0b56a893f0eba5947721b0ca9279b0d2d0e249f3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '0f037e3d28e052423451b64fc54f551a1e78993c', class: "p-2" }, h("form-control-text", { key: '52fdf6336a67d203ef29ad4d5f3ec53d7046f151', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '8aaabed2e0ba260298cd5ee0a699007d54d7deb3', class: "p-2" }, h("form-control-text", { key: 'a15fd5e5eef01ae360a0961abb64da458a64d04f', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '5111cba84dc8685cde783235217e1be2cad8fd8f', class: "p-2" }, h("form-control-select", { key: '20c7c224ac401cb3a38f96bf25191fd62d0534f9', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,8 +23,10 @@ export class TerminalsList {
         this.initializeGetData();
     }
     disconnectedCallback() {
-        this.analytics.cleanup();
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
+    ;
     propChanged() {
         this.initializeGetData();
     }
@@ -59,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f80199e30923fb9a50f66570087d41c5390e20a1' }, h("terminals-list-core", { key: 'ab3ed9809c1c629b3dd8ac5039294fd23b8c16a8', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '8c81823f7a3c613fc1725a8c4fe3438f6186f4fe' }, h("terminals-list-core", { key: '13c38992d9e101955d39065985b6c6b22b5ace9e', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -12,6 +12,11 @@ export class TokenizePaymentMethod {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    ;
     async tokenizePaymentMethod(event) {
         event && event.preventDefault();
         this.isLoading = true;
@@ -44,11 +49,10 @@ export class TokenizePaymentMethod {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     async validate() {
-        const { isValid } = await this.paymentMethodOptionsRef.validate();
-        return { isValid };
+        return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (h(StyledHost, { key: '793d33a01aea2b2fc0fb450f4cafdb7e9415a368' }, h("form", { key: '39eadbabf4dcdd4c833ddad8660b05be0c104e72' }, h("fieldset", { key: '513803de33328198b00331be2030f51461831fa4' }, h("div", { key: '8546fcdd07ec1e9838bf280e31eaa213c14fcea6', class: "row gy-3" }, h("div", { key: '073430ef8c08858e692728b4afc0bbc9a4a20957', class: "col-12" }, h("justifi-payment-method-options", { key: '096d12f54fcaab8242d1bcff21f2027f3bff6bb8', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'dd257cd855231e9cd9ded138373d254cef484d6b', class: "col-12" }, h(Button, { key: '667161dfcb944ca6b62182cf0386be7e8a5fad1f', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: '9f12f7a83b2cb06c83694454ea5884bd7392eb83' }, h("form", { key: '0a0a4b4a049aa85863ef5c65313b89ebf58455c5' }, h("fieldset", { key: 'c35ed423483d49615f9ebe500fcef405394f4eb6' }, h("div", { key: '80419e9ca3431d9d75cffc958daab84a2c232f49', class: "row gy-3" }, h("div", { key: 'bd465d8b364c1bc46a6a3dee3fb74087bc087580', class: "col-12" }, h("justifi-payment-method-options", { key: 'c363e501622ef81c78a728ebbd15a3a4cd89867a', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'ad252991a12f6d21a012b6422ecaae13412f789b', class: "col-12" }, h(Button, { key: '4bb1dcdfeb71c21d3268c11fabd1ab92b43fca5e', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -343,7 +347,7 @@ export class TokenizePaymentMethod {
             },
             "validate": {
                 "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "signature": "() => Promise<{ isValid: boolean; errors?: any; }>",
                     "parameters": [],
                     "references": {
                         "Promise": {
@@ -351,7 +355,7 @@ export class TokenizePaymentMethod {
                             "id": "global::Promise"
                         }
                     },
-                    "return": "Promise<{ isValid: boolean; }>"
+                    "return": "Promise<{ isValid: boolean; errors?: any; }>"
                 },
                 "docs": {
                     "text": "",

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '6b09b58218fe286c9b3b2a707cca905c8aa10e98' }, h("style", { key: '7a8d3f88d964a78945f8f129a1a2b7a29b174678' }, `
+        return (h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'f96cf490f7d53613156d33ee315f9c7de415d087', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'a9e7ed012d4bb6d5c7f16fad4aacf619304717a7' }))));
+          `), h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/details/details.js

@@ -1,8 +1,8 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
     render() {
-        return (h(Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?
+        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '35f96a2b36843476ec27cbf07b15e366a703fc22' }, h("div", { key: '63ca51116c2a555df16e4c20db527580f22fc14c', class: 'form-group d-flex flex-column' }, h("div", { key: '5bbd306560eb1a1ef5664cef495a67c19f44864d', class: "form-check" }, h("input", { key: 'c4dbb352c9f4e3cbb74d2a6170cb4aab33e36924', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ec1a11fd6b5d97b4a6136b91b750c0fde7f9e7fd' }, h("div", { key: 'b56aa5fb171204bcebffa8aa22e8b5cc7ae8daf1', class: 'form-group d-flex flex-column' }, h("div", { key: 'da21623174fbc8fca6f063771f234f755945a838', class: "form-check" }, h("input", { key: 'f78acb43994063f81d823907378b9aa71a752f66', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '7866568942027045f761a197b7b43050911aebbd', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '30bfa6ea4c6e0cc5edd3ff3c06d51b71bca33fb3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd054d27b35ba312c6cfd217f4c192ad5e42667fb', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '7ae4a71d065ef48cc261a4850b6baac79640836c', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'cb50d3eebf345d1db44cf377da8b3c1f709b733c', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '20990b29fe22a5126a304788feb2c0498fb4925b', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {