@justifi/webcomponents 6.12.2 → 6.12.4

package/dist/collection/components/filters/table-filters-menu.js

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'bf0722379c0f2d12f0d351f71a4cea18605a1a6c', class: "d-flex gap-2" }, h("div", { key: '68bf34efe0c7c82bfe66e1d1d386bb8f37efba11', class: "dropdown pb-3" }, h("button", { key: '413db165fa98008db838b6cb8541d7276bcd7a1b', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '43acd10ad9666c281406bc9928da3d568868a831', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '52d302d40e503a7ebc311d603ab49a388c2e7fb1', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '232f719456fe31e0e87abc49ec4f0f141a194cfc' })))), h("div", { key: '197f5034d8eb246a107f4e761478514d53c1c321' }, h(Button, { key: '5f17be2e3493b4e9e54035c4bc8a95b762161b3c', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '558098c56df448d5d7e46e40e8d2d9226c77e10a', class: "d-flex gap-2" }, h("div", { key: '60a8b41ec1467700ee2151367a51e7b7b79d7f40', class: "dropdown pb-3" }, h("button", { key: 'abbdc79ae0b11244b0a8824b389156ca34a00e0c', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '3fb6cac1e6b06e2846b07182f76a58c88832005a', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'e70d27c540efdd6c96d5734e1470f0673e29aaee', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a229adc49fc6c7e754c8bb509d537e17381c927d' })))), h("div", { key: 'bb3359efbf4a0018f9e9431cb773b6b43d9b736e' }, h(Button, { key: '8415c1939e05e1a282eff4fc1b6eb96d2d21fde4', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

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

@@ -1,33 +1,58 @@
 import { h } from "@stencil/core";
+import { Chart, BarController, Colors, BarElement, CategoryScale, LinearScale, Legend, Tooltip, Title, } from "chart.js";
 import { ReportsService } from "../../api/services/reports.service";
 import { makeGetGrossPaymentChartData } from "../../actions/gross-payment/get-gross-payment-chart-data";
 import { ErrorState } from "../../ui-components/details/utils";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
+import { generateChartOptions } from "./chart-utils";
+import Spinner from "../../ui-components/spinner";
+import { StyledHost } from "../../ui-components";
+Chart.register(Colors, BarController, BarElement, CategoryScale, LinearScale, Legend, Tooltip, Title);
 export class JustifiGrossPaymentChart {
     constructor() {
-        this.errorMessage = null;
-        this.handleErrorEvent = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
+        this.loading = true;
+        this.errorMessage = '';
+        this.wrapperErrorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetGrossPayment();
     }
+    componentDidLoad() {
+        if (this.getGrossPayment) {
+            this.fetchData();
+        }
+    }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+        if (this.chart) {
+            this.chart.destroy();
+        }
     }
-    ;
-    propChanged() {
+    authPropChanged() {
         this.initializeGetGrossPayment();
+        if (this.getGrossPayment) {
+            this.fetchData();
+        }
+    }
+    grossVolumeReportChanged(grossVolumeReport) {
+        if (grossVolumeReport) {
+            if (!this.chart) {
+                this.initChart(grossVolumeReport);
+            }
+            else {
+                this.updateChartData(grossVolumeReport);
+            }
+        }
     }
     initializeGetGrossPayment() {
         if (this.accountId && this.authToken) {
+            this.wrapperErrorMessage = null;
+            this.errorMessage = '';
             this.getGrossPayment = makeGetGrossPaymentChartData({
                 id: this.accountId,
                 authToken: this.authToken,
@@ -35,19 +60,52 @@ export class JustifiGrossPaymentChart {
             });
         }
         else {
-            this.errorMessage = 'Account ID and Auth Token are required';
+            this.getGrossPayment = undefined;
+            this.wrapperErrorMessage = 'Account ID and Auth Token are required';
             this.errorEvent.emit({
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
+                message: this.wrapperErrorMessage,
                 severity: ComponentErrorSeverity.ERROR,
             });
         }
     }
+    async fetchData() {
+        this.loading = true;
+        this.getGrossPayment({
+            onSuccess: (data) => {
+                this.loading = false;
+                this.grossVolumeReport = data;
+            },
+            onError: ({ error, code, severity }) => {
+                this.loading = false;
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            },
+        });
+    }
+    initChart(grossVolumeReport) {
+        const { dates, total } = grossVolumeReport;
+        const reversedDates = dates.reverse();
+        const endDate = reversedDates[dates.length - 1].date;
+        const chartOptions = generateChartOptions(total, reversedDates, endDate);
+        this.chart = new Chart(this.chartRef.getContext('2d'), chartOptions);
+    }
+    updateChartData(grossVolumeReport) {
+        const newData = grossVolumeReport.dates.map((date) => date.value);
+        this.chart.data.datasets.forEach((dataset) => {
+            dataset.data = newData;
+        });
+        this.chart.update();
+    }
     render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
+        if (this.wrapperErrorMessage) {
+            return h(StyledHost, null, ErrorState(this.wrapperErrorMessage));
         }
-        return (h("gross-payment-chart-core", { getGrossPayment: this.getGrossPayment, "onError-event": this.handleErrorEvent }));
+        return (h(StyledHost, null, this.loading && h(Spinner, null), !this.errorMessage ? (h("canvas", { id: "chart", ref: (elem) => (this.chartRef = elem) })) : (ErrorState(this.errorMessage))));
     }
     static get is() { return "justifi-gross-payment-chart"; }
     static get encapsulation() { return "shadow"; }
@@ -96,7 +154,10 @@ export class JustifiGrossPaymentChart {
     static get states() {
         return {
             "getGrossPayment": {},
-            "errorMessage": {}
+            "grossVolumeReport": {},
+            "loading": {},
+            "errorMessage": {},
+            "wrapperErrorMessage": {}
         };
     }
     static get events() {
@@ -126,10 +187,13 @@ export class JustifiGrossPaymentChart {
     static get watchers() {
         return [{
                 "propName": "accountId",
-                "methodName": "propChanged"
+                "methodName": "authPropChanged"
             }, {
                 "propName": "authToken",
-                "methodName": "propChanged"
+                "methodName": "authPropChanged"
+            }, {
+                "propName": "grossVolumeReport",
+                "methodName": "grossVolumeReportChanged"
             }];
     }
 }

package/dist/collection/components/modular-checkout/justifi-modular-checkout.js

@@ -446,7 +446,7 @@ export class JustifiModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: '5dbeab6f10177a3ca87ef7bb62f30ed5859b500f' });
+        return h(Host, { key: 'c3de4a4b90c599a374678d98c324a6b24dbec50d' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {

package/dist/collection/components/modular-checkout/sub-components/justifi-bank-account-billing-form-simple.js

@@ -22,7 +22,7 @@ export class JustifiBankAccountBillingFormSimple {
         return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: 'eb678ebd32e57dcefa9b8eadd6c23b9e1ac769c8' }, h("bank-account-billing-form-simple", { key: 'f8aecd774e7c9a818b1976c069d16595414ead1d', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '1ed5d8cfc7f594e00f01fc765c3e04acd80b90a9' }, h("bank-account-billing-form-simple", { key: '2058a974df2f57da2c731d2d5a78799ac5de0e41', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
     }
     static get is() { return "justifi-bank-account-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/justifi-bank-account-form.js

@@ -20,7 +20,7 @@ export class JustifiBankAccountForm {
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: '9a81b78573c9519a46902679cbb1a8a4536f69be' }, h("bank-account-form", { key: '2bc1dfd52e25989a42f25af7f7a6d353eb5a7e5f', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (h(StyledHost, { key: '3a267a32b400d122cd124245979218ffc45453ee' }, h("bank-account-form", { key: '72044965224da0d85455ad7688b3d1852a46126e', ref: (el) => (this.bankAccountFormElement = el) })));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/justifi-billing-form-full.js

@@ -10,7 +10,7 @@ export class JustifiBillingFormFull {
         return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '22594318b6f851014d8cb569d5307a3e74e4af35' }, h("billing-form-full", { key: '48c616c3ca6cf8160e2c0df4c136bbbc200393aa', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+        return (h(StyledHost, { key: '8e755ce1e9ea3984b7abacc8375aee22f1288c52' }, h("billing-form-full", { key: 'a18f794807f7631db8eb3724ae5072766aa708f4', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
     }
     static get is() { return "justifi-billing-form-full"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/justifi-card-billing-form-simple.js

@@ -10,7 +10,7 @@ export class JustifiCardBillingFormSimple {
         return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '958a6f3085b8ec0eb3d978de7100049576485b2b' }, h("card-billing-form-simple", { key: 'a98e775d5a4585d4e3ef32353af0f724a6d442a1', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '1e25de93c795dd6c8ec2979918a5b10389a55354' }, h("card-billing-form-simple", { key: 'd9db1793b83e5fa216f72bfe7803d968ee499ac7', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
     }
     static get is() { return "justifi-card-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/justifi-card-form.js

@@ -20,7 +20,7 @@ export class JustifiCardForm {
         return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: 'd4c6ec37fc92036326c7a20b5a6ff189880ad6f5' }, h("card-form", { key: '8411003a749dc97a953874601e676beaf5bc4a6d', ref: (el) => (this.cardFormElement = el) })));
+        return (h(StyledHost, { key: 'c571f41c79f46143bbee7063a05f8b973b7732d0' }, h("card-form", { key: 'a70c853efeddcedd71343208ab29d89231b6c8fa', ref: (el) => (this.cardFormElement = el) })));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/justifi-checkout-summary.js

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class JustifiCheckoutSummary {
     render() {
-        return (h(StyledHost, { key: '67414e8e4f91020b00b45fa840e957c439fd5e23' }, h("section", { key: '893c1b0ec898adf8d40e1e09fd42797094efd6d4' }, h("div", { key: 'f37c1905522b039f7b0ef65e04325570c6a8cef2' }, h("div", { key: '10b96593bd21e27645c6548fcbcd3981e4882082', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7d6ce75a2fc8c5796992940886a21c547f698909' }, h("span", { key: 'd40f2f63df16ec751de91d0731d66aa8cc42aa9a', part: text }, "Total"), "\u00A0", h("span", { key: 'ebe75dba638d5da9a5aa82e823e2fe4649129cab', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '4dda3e1e4f81cfda61011706c2f4e3104815d97c' }, h("section", { key: 'f8bbdeb389afbfc906e6cc956a68f9a3485ed43c' }, h("div", { key: '2f8019ae43d5d4a5835ec6d5674304bd321d34b7' }, h("div", { key: '67626fe735d0c0372fe638960198592027fb24f5', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '48d8b4b930d2f3b199bc0a59c93ef4f1339f7649' }, h("span", { key: 'ca6413ce719ae81eaa4654911cdfc09d63f9a9db', part: text }, "Total"), "\u00A0", h("span", { key: '9ed165b192efa2ecf2f77a129d33161e36b1594f', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     static get is() { return "justifi-checkout-summary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: 'f29f09a17a1b0f9c036051f57c3e42e8216c1236', class: "payment-method" }, h("div", { key: 'f61adf1dfa90d4526ff767be80eb795137ab723c', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'fe1b54ca437b0e7c20c9f7d9ea84c23b92e39412', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '84756b0f0fe1c8a9d6570e4f0e953760e527d51a', class: "payment-method" }, h("div", { key: '3c0ef7c38bb3f4cc9281b01d8d359956e0f7a1c0', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '412f63c09650893f360f82c0e3192b7357473e87', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/justifi-order-terminals.js

@@ -61,12 +61,13 @@ export class JustifiOrderTerminals {
         })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
-                this.loading.business = false;
             },
             onError: ({ error, code, severity }) => {
                 this.handleError(error, code, severity);
+            },
+            final: () => {
                 this.loading.business = false;
-            }
+            },
         });
     }
     initializeGetTerminalModels() {
@@ -126,7 +127,7 @@ export class JustifiOrderTerminals {
         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: '1dc7e86cd02a1d549ee19b6e24dec5278af70e44' }, h("div", { key: 'a6c3f18e4ad62606aa04c9a71ff4c949a6cc407f', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'a6d128c8f7075ba4bf6dc033e357dac187cdb965' }, h("div", { key: '9e726c70efc7e9b9163ded2ca1e88dc4303b2f21', 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/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: '94b37f690afbe452cda9d074d97b3e6c7b91c096', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '7913be88b93a02e7499a59b416867c81e736a6cd', class: "d-flex gap-3" }, h("div", { key: '55f8b57b980689ed799c6a6ed798dd4c4ad0bd89', class: "d-flex align-items-center" }, h("img", { key: '8068f7f20ff719bed021f88e644dde9f8903de05', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'd86a6301ca11bcbe33920e5608bfb948dffdae6e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '154c785be7d7785458eaeed6a9a516d4677b544c', class: "row" }, h("div", { key: '2adc08a9d50ca00c73317024ad1bde393d82efa0', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21ea5803e18053463d343254d9ed29c98c76757f', helpText: this.description })), h("div", { key: 'e862c0de5720cfb876fcc47792c0e12a0266babd', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '50bb2dc585b0f49591871d6ae993eb2850892ffb', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'ceba1a29cb4779b9e057e3066072b21cef86dcfd', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '00dfc649818d014f065ee07da3b71c61c7cda03d', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '031eab044914be9f082d5f93f7813f4e61e5a6f1', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ccb7b2047fe47ff9d895df5fa56db8dc6aa7b573', class: "d-flex gap-3" }, h("div", { key: '0145845c698712ac65accf781f7e347c0c539c58', class: "d-flex align-items-center" }, h("img", { key: '3e48fa3175a3bcdae16e0d66c3627a4e84faf3d9', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'df45bb639c3f22da69847be20bfb0867acb592f4', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '3e75a2b6a4e512e08edd4e5662878f27e656f076', class: "row" }, h("div", { key: '12495ac532ed376c365893cfc3b85552ead99568', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '110ea9b505c790cfca4fbae78c3c6fb6f348b143', helpText: this.description })), h("div", { key: '47d0a8888279556ced19646bf8f27c8c0fa91d27', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '53bea293f4d25a0e3fbdfc72321d33ebdb117be9', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '9effca42d38cb2eb5433a83c95a5aa243c3de1f9', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '3e5a395703f88e10a2a0cf18c121280ec4035a54', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

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

@@ -81,16 +81,16 @@ export class JustifiPaymentDetails {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '6d899226b71c2f8c80bf42ba0bd3de9d069582e8' }, this.loading && h(PaymentDetailsLoading, { key: '8e17e3f4c880ace7b87270e768610e9ece6e761a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '2f5ea94a1fec18581a06f171c34850fc1423ec1f', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '5f011ef4b84acc2c16974293079c2d7b0134f8c6', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '5c075c53a5c589b7bc65ab60bf2ef7d8a67a7afb', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '01786dce8a3c582fbd1f471174ecd13f95604e24', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b04c5c8dfc64aba71d9cc0cd84c25bd32bdc887f', title: "ID", value: this.payment.id })), h("div", { key: '52bb00c09abe0745a03f264b3667584c10f58eee', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '0672c1ed0c4e7f109531e120f61256927eba48eb', sectionTitle: "Details" }), h("div", { key: 'd784569e100926eefb120e1a4b2d9a4d6da4238a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '58192f1824f4b02a206b6c442e63b86fc90ea742', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '0b885dc6f6f7a4890666ecdb2a1cc801bbf1df31', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e517d5dbd76cf451e89f803f26b0375a6fd0420b', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'ec3cf850c0217230794e6487861dbab0da5ad463', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '8f0d1f4b858ff459b9d08c168ff204e87a0c715e', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '819e1c1dbf090c664430b8e00ede6a88b9ecf5c2', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'a86688bc8015db6b1034e6dd2a9819e1dbe5bb30', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7dbb9825135d66711e65fb1b1bb2be228d65bb57', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0455c1b7e853ba4e16197cdca3e2f0b16455362a', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b052be4a1a349eb6a439e5c4be4424f966c55e60', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'dca0ae73fa7f879d6cfb3f3b20331cf48d6081e4', sectionTitle: "Payment Method" }),
-            h("div", { key: 'fd3dd48f6ad1f3565459fb3ac10115f0b32051f9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '8c00d775e7c4ef57689574974ee47b7c87f98b13', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '2d3bc94126c2a02cb32fca8d952a238fdc0960c6', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '16938c62ba1eafbf79af00c90c66c7250a81fbbb', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '04d9f9a2a7e3ace45f4b0001cf53b069f470529a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '559be48e5ac2083369e7984d53e85ee5fbbab008', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'f4952600aea69aae085ac57364e96397d1a20e51' }, this.loading && h(PaymentDetailsLoading, { key: '2f819c97a1a6ddb9df2a11e0cd6a5bc013ed19ae' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '35a58e3917bdc3133f02374c0e031374be7c728c', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'dad5f79ea18ef718b92bf2c2abbbba34542d6caa', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '12e7cfb4f4f56a1af8403b935cb51db3751f1395', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '023945353c0cbab340f4f510951164f110045ea5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'dcb261f7c4faf53eb686cfd5c8e0ade39a72bdea', title: "ID", value: this.payment.id })), h("div", { key: 'a7774df4ece900dc67494377cf648bf64f558490', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ef4a9197d4eb47d81c11c7f974f1e4058d5e3166', sectionTitle: "Details" }), h("div", { key: '17ef105d1b37ad34cce4bdd17cbf2e4023c0e2e5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'dbb764a1a6cbe949d2e281334e2f420f957b98fe', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7a3547ade7107456956618c72a95056a0771d219', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '94df0647f7286a4a7c9001f9e82b4277fe0f8457', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '59c13e257938124af50adfaa73571f152c402bd4', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '6abf719a072a3a1ea5878d999e517dafb7ba19d5', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'c494d2b4be8c9e13747f0299a618ea6c9ff723d7', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '1024b282558896dcb2c4ab7718045d98a6f6853e', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6bf6fb7f648609fdeaa4e5a0b6f3d4c7bcd4af97', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '43da8b6ab1aa87b6b938f1d0fd95708399cb9cc0', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'e6180466f4341e2c438f09cc42feb518f59aded4', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '289f80acfa3cd41f82637e8f9d9e63dac4c11b5b', sectionTitle: "Payment Method" }),
+            h("div", { key: '616a2e7ae000581dd481725c57a644fc3e0a9b7c', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2c13ea8a771e2f155a9e3d5dbae78c7800f31adb', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '62700836b3bd9656d07dc58d0d07d164c091cd74', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '528ad4dddccaa7f5bc274b3b297557f659d46789', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'fdf2ad89e4e7ad253e16bff9038dc79da5a71b19', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0b2c505e1fae49414414d5e839b1bdc849290c41', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '25277f2e5526747de9f45416050c6b72873e382b', sectionTitle: "Payment Method" }),
-            h("div", { key: 'e0b69c8397665a33c1f0d14bd9438b19e70b8636', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ff0365efd2c8ed7a2aa7d3552504a6d9097c28b3', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '269d136045549cd12e4519e7f4abf3b6d221da85', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '31b5aaf03f5bf15267ac16b4b4a2d26f0a01e988', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '15f9c03d3514ebb78d25955497a728c8a2c53f7e', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '2a04be5ee508a547661e1ff947c2c9b40da2a192', sectionTitle: "Payment Method" }),
+            h("div", { key: '1316f9c749960ca0ab4967ff03697583e690007d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '46fe5297825ef0b9e3f34fdee6f47f3dd3b9272d', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '44f1f47522b94ce5e403d766ee71645b4285d675', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'f03369474996dc0ae52c7d909ac1bba51e291668', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'd697a0e2a954f0e4efb4cec27dcae9c57fa0ce54', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'dac3bf342764c2e10ac6b64eabc5ef0366446a31', sectionTitle: 'Metadata' }),
-            h("div", { key: '2fe93fb287b469a5b1f3230b5f657216815d1164', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'f77b6a4ebeb88b82fe8342789bd16b7b22f24db9', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '7cdd88cc59c7852574b05e1709f85afe3bf7367e', sectionTitle: 'Metadata' }),
+            h("div", { key: 'bde3519c811862185b0757fd7c8a2a0a05117466', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7675f134c9580381d495a1d7534e73b77583cb8b', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "justifi-payment-details"; }

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

@@ -91,7 +91,7 @@ export class JustifiPaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'bbe4f24aad52765c9566adf52917ecb5562ef38f' }, h(TableWrapper, { key: '6009d27d08b8940404342e4fd34ac99fd019510f' }, h(TableComponent, { key: 'eaa81f8eb813dc3f95ccf42eb44092cf7a52f61f' }, h(TableHead, { key: 'beafd55ed8304616b85ad6fe17c17dca47b7a5f1' }, h(TableHeadRow, { key: 'e6a086d41ce143c780684548fc3483eada36ab59' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '2e63ef1777fff0db965c1a2d1b3730d6236bba0c' }, h(TableLoadingState, { key: 'd84464c074bb55717c59559bda6e36c925394fcd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'e2d4297ea72f8310ddee6931be89b2fa51579085', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'e686616f839acdadcb2802bf2ff9ca64524b9b18', 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: 'dc3a9ec5bf2e88a2a3dbdbd174c7cb860a6b93c4' }, h(TableFootRow, { key: '8ddc32fec0a7edea53f8e34537b8999c5bb729bf' }, h(TableFootCell, { key: 'eb8de1c3e3fcb2aa4a78c838e93b1400ec750170', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'aa1df15f4381600961f7d61af8141d96cc27db47', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'a458269a6f875672be4d480411fc209c870fcc05' }, h(TableWrapper, { key: '6d072c9f1f3def61bfe10173220188da0b2c381f' }, h(TableComponent, { key: '41b8cabf14b498e4035db4d36ef9d4dcd4d10867' }, h(TableHead, { key: 'e77f2d5cd1347c2771584dadf619a1f21f7bdd5c' }, h(TableHeadRow, { key: '053904f66c5d4ebcb33cb5b1d2ca3cdf5fd1c290' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '5db67b01c7defdf97d2d2b305422254f9440564c' }, h(TableLoadingState, { key: '24a110c7377f2f9e9b98302237221d168756593d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '195b3cdf57087d986ee1db13b0bb5b65a417f380', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '4e747cbbac4ffe88a9fe8bca59738feb8a0876bc', 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: '052862a5252fef6f4a466c667d4444778d4b84b0' }, h(TableFootRow, { key: '61d2a980ba3dd3c05955829741023ba814581f6c' }, h(TableFootCell, { key: '1e40eb28e0bb75ae6e044c4730c76fbd5054c654', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e066808fae97d39fd1f81924d5de32767f1a5c97', 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/justifi-payments-list-filters.js

@@ -54,8 +54,8 @@ export class JustifiPaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '7239157d27cff26ea5528329bfca3723819734f7' }, h("table-filters-menu", { key: '2a35afad1c98d866a760f5ece5cccaed59a68afe', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '5e6a94571beb586b64672e6def26b0af367188af', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1b5f9000a447b25ec751c4e54fb2525d70c0b949', class: "p-2" }, h("form-control-text", { key: 'd2bc10bc3b8ca99b41b7ed4bc93f149692aabda9', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '679da822c026a83e86ef0e055a26fc4963173e68', class: "p-2" }, h("form-control-text", { key: '12083ad10bf9c8b2f207ee3ea0a74c32a7176a11', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'dbb6570354460ec261c889e7a45eddf0c407ef22', class: "p-2" }, h("form-control-select", { key: '28406bc8f4273a903d26d89d431beb411a288fb5', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: '01511cce2def1253b5be7a53defb50bdb659c7bd', class: "p-2" }, h("form-control-select", { key: '9cd3148c5f944825ac97dcf85f0e7780c712f3f2', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'b834569a7db874cb3426aa8d31b909fc99d9bafb', class: "p-2" }, h("form-control-text", { key: 'f2f4d01e739a17ca7b84a9153cdcfa9ff1f6e233', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '81e701c6a73504706b79f1f6177b9de3413d0741', class: "p-2" }, h("form-control-text", { key: '5b82aab4b4a3e17466c66de4454cdda6c007d1c5', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: 'bce1fa46f53f4056e11d94c30b93ff6ee4036a4c', class: "p-2" }, h("form-control-date", { key: 'c13f82cdf9e2736bf45be98dc994f9e402f7bb2e', 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: filterParam })), h("div", { key: 'd4c3db0970e19065a5cafb74491081e7897ce751', class: "p-2" }, h("form-control-date", { key: 'd7fa40e94c4da778ead2c4fa1dc5511783d55f3e', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '5a68fb9c6ed40a558aee38624c4a1a1f0bde51c9' }, h("table-filters-menu", { key: '5f99ec7b728aa7398176ce4e3cb1d574b7533f05', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'c2602fcc45ef5304e9931a54e638e64307134816', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f3ca5428d5acb61baa1d63efe8e7c5ff50bba432', class: "p-2" }, h("form-control-text", { key: '5a8ff71ff5f86cdc0084b9fd6db6b84a6874cec0', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '52b7938337c6dd390c0a4d042a229f83195ed4b1', class: "p-2" }, h("form-control-text", { key: '6ac6132cfc26906541cd77f9d3a6f90a9405b708', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'e325e13074ec776c8bb1663bd754d13002b64fd7', class: "p-2" }, h("form-control-select", { key: '0dd0ff17f1b59bfb0731bbb0c3a918330f9f817a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: '516164e1f585029e9f8a292fb6a2c7cc721767ec', class: "p-2" }, h("form-control-select", { key: 'caa3da5823cce6611055376ed4bb859e9ab8938f', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'acee82424117854be377c1e4d9c9f46b3f078941', class: "p-2" }, h("form-control-text", { key: 'b8958e92f3d19fe142150a28c81182d7549da0fe', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '0674143ab47a1e58ac00dd621da1242c8250e4e8', class: "p-2" }, h("form-control-text", { key: '90ba16232f5dcb96eea87f1cd3c5fa139dbabd35', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '8ece87138034cd810c5dfcf17952fa8fe7112013', class: "p-2" }, h("form-control-date", { key: 'f927af3216ba515c174ebc89b45277bf769f6a06', 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: filterParam })), h("div", { key: '76536d176806d29c904365d19270492e3c6d6d4b', class: "p-2" }, h("form-control-date", { key: 'bae8982af239d24f82a0b6298694749fd554868a', 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: filterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

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

@@ -120,7 +120,7 @@ export class JustifiPaymentsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '6e1b9127bd44def13ca0e9360f3ad94e8c99860e' }, h(TableWrapper, { key: '556583538e7dd2cadd84980277da82902eba942f' }, h(TableComponent, { key: 'bc604eb09bcb019786afb272f597da99d6635872' }, h(TableHead, { key: '3e030bf889ea09510c26147d807a427d4a772d23' }, h(TableHeadRow, { key: 'c193117a1db06574c019922536a6982e4c6f09fb' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'aa955b2adc05c02fbe7a6c693de4649e90855aba' }, h(TableLoadingState, { key: '35930a22ccdcc360e5e3f192c3fb140711508742', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '1582993843ac6661d2c5b62e07b1911ab940cb3c', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '328f38cc95fb2f854865e4e05ace7e9ce8af8b69', 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: '0137371c7f1ab00f8ef3d27cebb30525eff6b659' }, h(TableFootRow, { key: '54ed0b9a13338b0bcefba282afe4f2de40e8f539' }, h(TableFootCell, { key: '6b98204f36a989fe9bd2bda65705de88098690c5', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'e3fce4ab3efcc9a33d0b2617cea88026c8a459f3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '66f641cbde94ea4332bef30308047ecc98cf6476' }, h(TableWrapper, { key: '5d5d4190722ddf09e31de6d680b3df248b41325c' }, h(TableComponent, { key: 'b5ab4878004d4911129941cd48a85564cada1f87' }, h(TableHead, { key: '14aeb8df18cdde57c028d741f11a011060c0b1b4' }, h(TableHeadRow, { key: 'ba5a4643b5fff9c0f9975ae5d350f9db8cc5d7b2' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '0b26316eb9193cab9001a31a7f268cd5156d13e3' }, h(TableLoadingState, { key: '37c3545775d6e1586af72baf195f6a861fba0081', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e3cde204ba86bab4813d6a06f948532c30271bb9', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '202602af08813968a81743c8966ecb17e3a67043', 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: 'b59fa3315491975cf7e5dd0ec26a4b1e0574438c' }, h(TableFootRow, { key: 'e974cf1d3ec92fa89139982030791d69e6d02b10' }, h(TableFootCell, { key: '74405261ad2cae3dc6267aab06ec1dd81f4d4ba8', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'cdcca8506afafb661d0c90ffe9a09f41f94a0862', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -102,9 +102,9 @@ export class JustifiPayoutDetails {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '83a5916c440ac2cc4efe216dd175c8816e23c815' }, this.loading && h(PayoutDetailsLoading, { key: 'd11ad391a3eaacc5dd6a9a0303d80f496955d369' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'a3be08ef5ad0882ec4a611aa597b0b69914cb560', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '4cea018e82c69b391a5dfc326d0ebb2aac43bcee', 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: '4f44184dcdf1313048d9a2ee5c9be928c1a2b5ef', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'd6042bde890fcd4b8ff63856d53debf289ab6d2d', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '2866ed7c297a0815bad29bfca699893ead3af6ca', title: "ID", value: this.payout.id }), h("div", { key: '1a7a105da3b0297f90c9a33fe76aa650c9c5aaa0', class: "m-4" }, h(Button, { key: '31d8cb414516d5b4244179e6e905cb0d6f4499fa', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '1c1c4896b3f2a0c463880c082fdb43fdd6996de3', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '481c8f87d29ba4583a40370415fd6f144a601462', sectionTitle: "Details" }), h("div", { key: '2f0f38440296dc01dee0fefab2b7f6a1bd04e4bf', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'd8fe26cee63860bc4e02ffad0e64834ea888d8e3', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'd4a94c5ad5a78c41d314377316ce71db24b79db5', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'fea138338da1c74d26dacfeaa15642962346658c', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: 'f77701ef18590ed73431614f421b9d76a9b83da6', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'af2401b0ad8b35f55283d74eae20fdf7ceea0b82', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '96801f26f15e665e856262f65c0c6cea6f92bd9a', sectionTitle: "Account" }), h("div", { key: '54578f116a6b23c5c1dce11d450eb18be304ab65', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'fa8ab204001e4be0cf2aa71fa2f955532f1ac81c', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'a0e1afcd7e7d86afb500cf876b7b61e74183f4c9', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '6b78025d11ac562f6950f07d3dc8e5c4041a236f', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '93f4f6d947d1b621de0b1d2a24dbcf83e9c909ef', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'cbe9a97153516dd2cbf6af4337179652d0f834ac', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '706f2d164a736fb80a8c91018f61e7667eb12be6', sectionTitle: 'Metadata' }),
-            h("div", { key: '5be03b700c79d747899db7d9bee8a060c5de7894', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '8dc3aa6522c59f7a5739eda61354bb1ac58ee3ac', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '78db4dcf016d394a4233ee35dd5722ad69512499' }, this.loading && h(PayoutDetailsLoading, { key: '1d58cc82472d7c0791335fa63730bff5ebcc9631' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b53aab8af8b8be07f11634c0982c825f760d5a7c', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'c948bf4014d36ec5b2309c6c0e0923b1df071c1f', 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: '713295338c4727ef175e5fa1d69fc04b1bc52997', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '896552a6c52d0e34fa9cc3bce746c7ce15b17d19', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1c7c6f0d68c6d79e8d90f832a0706f5021a4fec4', title: "ID", value: this.payout.id }), h("div", { key: 'e9bd1145f2b1fa3a15f70f3c512ee5688c20ab75', class: "m-4" }, h(Button, { key: 'd16c22b1663823a367501ee87f00d91a71f4bac3', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'cbe424bac249bf237b3e88f743584efb29feb327', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'd49a48f2d9585798e98908974903121da88dc7c7', sectionTitle: "Details" }), h("div", { key: 'd8b252055e73371e207b57d490b383b82a31f8d5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f7927f5b806737099e4cc183df745acee917873a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '025b54550135be71ff478ef5d364a0e09b752d65', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd6c855b3bf3abefb58d2e42725cc18c023502c28', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '66339c62f4798d78fc311b685c679cb2b6d8e5ab', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '834ee2666c057cd26abf121ff3509753f0dfe6dc', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '288998bdd428b55915e87b6d997fa6ca72bbc9ef', sectionTitle: "Account" }), h("div", { key: '8179ccd1df02f4789ed23160229467efec9c5661', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '60496ee62d3d36a874ae0f7fdb8e510e9eeaf263', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'c0f9bf43b9dd79640979fba0109e7e3861badae2', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3473874ae44ca2e9a57f5d113f694596e54aaddb', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e409d45df2bca00884f8fda2f2ab980065860d02', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '56c4d45303e8329e53ff3fdaacaafcde3def4f12', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '3c4aa0bd3b6921b4383c16b081f363715002cb52', sectionTitle: 'Metadata' }),
+            h("div", { key: '63baeb1d2d0f856fadea847369189135d129bcb2', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '31cdae9f97ac6683c92200f3b4270d324ef490b5', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "justifi-payout-details"; }

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

@@ -95,7 +95,7 @@ export class JustifiPayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '6bcc0b4af31b1b1481caa3a2ea58f21e961b4777' }, h(TableWrapper, { key: '506239f8d1f08007c93d09b35973e773447b95f0' }, h(TableComponent, { key: 'ab46955207d861620abb1fe328ba8eb47bf6912e' }, h(TableHead, { key: 'b7c20c0d180e208a8a8d585751180be5f979c4a8' }, h(TableHeadRow, { key: '6f47150a981f137cb3633437744b36e6c9b1f3f0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'eb7912643fe3a3d9f66a2becbb130ba8a1a33127' }, h(TableLoadingState, { key: 'c2f95846f4c90535695ebce26c82b90b3ae022fe', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '93c2764401380a7dad07907c9f264d991f0b8e9d', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2ab2bcc9f9d2768a17a6e511d0ecf7a24a2ca4b1', 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: 'd5c76e1db68cebd0acac42f607a7602db3ab967a' }, h(TableFootRow, { key: '28d6eed555117e50a852c899085b634ba1ff1ccb' }, h(TableFootCell, { key: 'b4eceba9f0a705ee8824aeb313b1505752b9a53e', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'ba042ec0410830443db71fbeb8d90162ce761996', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'f60ae9206262ae4b7f8852ac0d6e7089b4838c81' }, h(TableWrapper, { key: '39d31f954e05e6c941e6064a994193cc3b45cd14' }, h(TableComponent, { key: '007b157cc0b2c41f81cb4af0c7d72964b309ad68' }, h(TableHead, { key: 'b23c5ea0497058cb8e8c48f7c44290e22e0014b7' }, h(TableHeadRow, { key: '0ee5a4b9099853cdd4dbad93774d01f691ebe4f0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3ded164da6ca49b74ab137386b5ff2c364b4e569' }, h(TableLoadingState, { key: 'e22ea675edfbe08f6f75e3649d598b6bf1f76c44', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '4f64b72463bebfb7c93351379f29e8321744309a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '62dccb5e3dabceb85f27da6d1e7837bf20eb0a1c', 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: 'a3633714d3d8ca82c40ad3f7eac5bbc92ee9b7a3' }, h(TableFootRow, { key: '97753d854fbeea88174fdf2c8a3abdbf5068a4ca' }, h(TableFootCell, { key: 'fb1f2991c433824e404711c38891580d58079278', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '077b2fa6ebe37283e39c7061682cd52653694b2c', 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/justifi-payouts-list-filters.js

@@ -39,8 +39,8 @@ export class JustifiPayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'cae6be7a9441ff6024548135f66a73694c53b10b' }, h("table-filters-menu", { key: 'a419bb5344248f9a857a9b21800c482a983e68e8', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'ee4aa221a245a63e181d9f1e31a0b120cbe4ff2c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '32ba66ccea590b297d27ec734c6e6b3da1d7ae0f', class: "p-2" }, h("form-control-select", { key: 'ff480f5fc8d38d0240d952b1cd689d4f5776e35d', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '3b3de6360d735ac8399d2e16538a00aa5736a6c1', class: "p-2" }, h("form-control-date", { key: 'f3f9fe5154fdf1d98becdcd4c8ed5a0099c8aa76', 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: filterParam })), h("div", { key: '0e95676650aba436b67f9e0537a5f3467015c9e5', class: "p-2" }, h("form-control-date", { key: '6aafa1c4d7cc1921559de295e3213307cc34ed54', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '3625f5efccbe6a0715abb425731f53ab4ff89b05' }, h("table-filters-menu", { key: 'ce1fad33a28dd75075ec382e73f1822170061215', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '613d95baab2642c7e9d032476dbf66529a64f10f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '39096bd7917514f0f7fddc98520ff78b1ac38e99', class: "p-2" }, h("form-control-select", { key: 'dd93b57d82296c2ea79a76a52e499123bffcf346', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '323b2e91854d75266135cf6af37aacb86c9776d1', class: "p-2" }, h("form-control-date", { key: 'b3c67ec5e63fc5484a153689bbd56666d7679a4c', 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: filterParam })), h("div", { key: '6a949567f2c4183f4431ffb07fbcbb61b33f1044', class: "p-2" }, h("form-control-date", { key: '8ad670d02f45ea839c712b2cfe5cf7bade503554', 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: filterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

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

@@ -187,7 +187,7 @@ export class JustifiPayoutsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '1307a34cfcaf42f829d28b18d893dd5c55aadaa3' }, h(TableWrapper, { key: '481cd3ce90a935edc54286bd732547593c41ffed' }, h(TableComponent, { key: 'd8309908dd108ab194213c76b13d508bf41a3f6c' }, h(TableHead, { key: '8c70c0061a8dc486639c7fa43825076b04aebe5b' }, h(TableHeadRow, { key: '0a53aa8c15efe99cfdbeb458bafaa8a25a10ee62' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c998709519b531686f24ff02d0560b7a000fbdcd' }, h(TableLoadingState, { key: '2848b295a5483417fe8568b2e7d61803726310be', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '281a9cbf369914b60d37c54ab351d5cc7865f723', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c7709f1546a4918b691ec3661903b00167145060', 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: '72682c5570fae84c4128268f734d96206f234774' }, h(TableFootRow, { key: 'd391fc3195afc66336d966fb56057f9e89eda3de' }, h(TableFootCell, { key: '3403c09520cb0847d1635e6b862eab6563fb7113', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '4d5d70bab5169ddf181c5216a7e4551356e9fc15', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '679d6c6e77a02a30223a98d2acc5904866d19f80' }, h(TableWrapper, { key: '9e26d69955fd836451c6468946d7fa512ad84fde' }, h(TableComponent, { key: 'a73a478f2c40d1b95c5a8bc7039496a2caa4bd40' }, h(TableHead, { key: '369b1f0a4827fed6ff8f0c6f030bbe54843e1356' }, h(TableHeadRow, { key: 'c4be14ee6c9401e8a5e6e3318c7e2754f2457151' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5401abd534d1035ffc5177bb091cb63628e250de' }, h(TableLoadingState, { key: '386a988c540a87dea5f6574f0e073ed26607c528', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6855b88d7ca2e75f39aee058de13f56fd81f1811', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '186e8f3a48b5362a07b88192617d88d466ae11c2', 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: 'ad5e63f894c990d5b87a5d39e4164d4248bc7b1a' }, h(TableFootRow, { key: '57cab389b166b282bbf6506d08a368f0cc4c750b' }, h(TableFootCell, { key: '8f8893d6f3ffe796ebe77fb33e1e0f6a3f364408', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '640555ff74d52f27b06d3588f411e235b23436ad', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,9 +50,9 @@ export class JustifiTerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'cc09bb58c13ab0b26d92eb164cf6bc43a3c96c63' }, h("table-filters-menu", { key: '08369c471d891184e36dd6c5aae8842e0df5c01a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'addd8a1cf74ae9e80cc8e4374a36400204c81400', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b74cf4d1d13a0a6250000c8f7f0845f4c907e488', class: "p-2" }, h("form-control-select", { key: 'b1b060b64f67695bb395488fa23dcbf6373b419b', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: 'a3c06691181d01d6a664016b4add0784b23ab06c', class: "p-2" }, h("form-control-select", { key: '376039e2f10fbcc9ed008611d4976cf6412c16a4', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: 'f03c94412b7861d255dfdef98a4c2fad14e96cfa', class: "p-2" }, h("form-control-date", { key: 'd7588c4ecda9480881e0f67e0418b1e475db188c', 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: filterParam })), h("div", { key: '76f0cee7430e846a479478c903d892ac05490787', class: "p-2" }, h("form-control-date", { key: 'ce0f99ebfa8a82111689ae6ee4cc1d8bd141d657', 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: filterParam })), h("div", { key: '5c06fefb50c8c987a8e55623cba70a39cc64bbe1', class: "p-2" }, h("form-control-text", { key: '0a24516bbf665784e5c13a16b0b38be2bafb684b', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: '05cb917a4f8573a7b2296b7f5eab4d8196fd291b' }, h("table-filters-menu", { key: '2dbd9b8b18c77fab46e010a75150d9addb50f2e2', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'cde85cfbaf0a8964fec8559da8f49ec05117adcc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '51f107f1b8fb27bf1efb05b1421b8623fbd759f0', class: "p-2" }, h("form-control-select", { key: '97b151015f75b866867921aaa7c8ad8fb299d68f', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '0a25022bd038dbbb21ddc8ca10f69cee88824597', class: "p-2" }, h("form-control-select", { key: '0df794e038df12ee6707616b93c4d39dfe76d287', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: 'd108794b60a691b0071359082ce6e6a1fc04543d', class: "p-2" }, h("form-control-date", { key: 'f36c5dc32d48d7c0986fe95c2c496fcd32de189c', 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: filterParam })), h("div", { key: 'd1be3f6dc5ade503cb1a15089d491fa46391fa8b', class: "p-2" }, h("form-control-date", { key: '5dfe0ab05fb5f9297f2434aa26c83ad4831c3f73', 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: filterParam })), h("div", { key: '13039fea471c09505187e8ea1bfbe67ced259572', class: "p-2" }, h("form-control-text", { key: 'b7b4307513b3f73c860138863da80ea372f2d726', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
     static get encapsulation() { return "shadow"; }