@justifi/webcomponents 6.0.0-rc.4 → 6.0.0-rc.6

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

@@ -0,0 +1,123 @@
+// Mock the store before importing the component
+const mockCheckoutStore = {
+    selectedPaymentMethod: '',
+    authToken: 'test-token',
+    accountId: 'test-account',
+    checkoutId: 'test-checkout',
+    paymentToken: undefined,
+    paymentMethodGroupId: undefined,
+    savePaymentMethod: false,
+};
+jest.mock('../../../store/checkout.store', () => ({
+    checkoutStore: mockCheckoutStore,
+    onChange: jest.fn().mockReturnValue(jest.fn()),
+}));
+// Mock SVG imports
+jest.mock('../../../assets/plaid-icon.svg', () => 'mocked-svg-path');
+// Mock the PlaidService
+// Provide a concrete mock for PlaidService with expected method signatures
+jest.mock('../../../api/services/plaid.service', () => {
+    return {
+        PlaidService: jest.fn().mockImplementation(() => ({
+            getLinkToken: jest.fn().mockResolvedValue({
+                id: 'plt_123',
+                type: 'link_token',
+                data: { link_token: 'link-sandbox-abc', id: 'plt_123' },
+            }),
+            tokenizeBankAccount: jest.fn().mockResolvedValue({
+                id: 'pm_123',
+                type: 'payment_method',
+                data: { bank_account: { token: 'tok_pm_456' } },
+            }),
+        })),
+    };
+});
+import { newSpecPage } from "@stencil/core/testing";
+import { PlaidPaymentMethod } from "./plaid-payment-method";
+describe('PlaidPaymentMethod', () => {
+    let component;
+    let page;
+    beforeEach(async () => {
+        // Reset store state
+        mockCheckoutStore.selectedPaymentMethod = '';
+        mockCheckoutStore.authToken = 'test-token';
+        mockCheckoutStore.accountId = 'test-account';
+        mockCheckoutStore.checkoutId = 'test-checkout';
+        // Mock Plaid global
+        global.Plaid = {
+            create: jest.fn().mockReturnValue({
+                open: jest.fn(),
+            }),
+        };
+        page = await newSpecPage({
+            components: [PlaidPaymentMethod],
+            html: '<justifi-plaid-payment-method></justifi-plaid-payment-method>',
+        });
+        component = page.rootInstance;
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    describe('Basic Functionality', () => {
+        it('should render without crashing', async () => {
+            // Wait for component to render
+            await page.waitForChanges();
+            // Basic check that component exists
+            expect(component).toBeTruthy();
+            expect(page.root).toBeTruthy();
+        });
+        it('should initialize with correct default state', () => {
+            expect(component.isSelected).toBe(false);
+            expect(component.publicToken).toBeNull();
+            expect(component.error).toBeNull();
+        });
+    });
+    describe('Store Integration', () => {
+        it('should initialize selection state from store', () => {
+            // Set store value before creating component
+            mockCheckoutStore.selectedPaymentMethod = 'plaid';
+            // Recreate component to test initialization
+            return newSpecPage({
+                components: [PlaidPaymentMethod],
+                html: '<justifi-plaid-payment-method></justifi-plaid-payment-method>',
+            }).then(page => {
+                const component = page.rootInstance;
+                expect(component.isSelected).toBe(true); // Component should initialize with selection state from store
+            });
+        });
+    });
+    describe('Component Methods', () => {
+        it('should provide isCurrentlySelected method', async () => {
+            component.isSelected = true;
+            const result = await component.isCurrentlySelected();
+            expect(result).toBe(true);
+        });
+        it('should provide reset method', async () => {
+            component.publicToken = 'test-token';
+            component.error = {
+                code: 'plaid-sdk-load-failed',
+                message: 'test-error',
+                severity: 'error',
+                retryable: true
+            };
+            await component.reset();
+            expect(component.publicToken).toBeNull();
+            expect(component.error).toBeNull();
+            expect(component.isAuthenticating).toBe(false);
+        });
+    });
+    describe('Plaid exchange flow', () => {
+        it('exchanges public token and saves payment token to store', async () => {
+            // Arrange
+            mockCheckoutStore.selectedPaymentMethod = 'plaid';
+            const instance = page.rootInstance;
+            // Act: simulate Plaid success
+            instance.handlePlaidSuccess('public-sandbox-xyz', {});
+            await page.waitForChanges();
+            // Allow any async exchange to complete
+            await new Promise((r) => setTimeout(r, 0));
+            // Assert
+            expect(mockCheckoutStore.paymentToken).toBe('tok_pm_456');
+        });
+    });
+});

package/dist/collection/components/modular-checkout/sub-components/saved-payment-methods.js

@@ -3,17 +3,23 @@ import { StyledHost } from "../../../ui-components";
 import { checkoutStore } from "../../../store/checkout.store";
 import { radioListItem } from "../../../styles/parts";
 import { CardBrandLabels } from "../../checkout/payment-method-option-utils";
+import { PAYMENT_METHOD_TYPES, PAYMENT_METHODS } from "../ModularCheckout";
 export class SavedPaymentMethods {
     constructor() {
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
+        this.onPaymentMethodOptionClick = (paymentMethod) => (e) => {
             e.preventDefault();
-            checkoutStore.selectedPaymentMethod = paymentMethodId;
+            const SELECTED_PAYMENT_METHODS = {
+                [PAYMENT_METHOD_TYPES.CARD]: PAYMENT_METHODS.SAVED_CARD,
+                [PAYMENT_METHOD_TYPES.BANK_ACCOUNT]: PAYMENT_METHODS.SAVED_BANK_ACCOUNT,
+            };
+            checkoutStore.selectedPaymentMethod = SELECTED_PAYMENT_METHODS[paymentMethod.type];
+            checkoutStore.paymentToken = paymentMethod.id;
         };
         this.isAllowedPaymentMethod = (paymentMethod) => {
-            if (paymentMethod.type === 'card' && checkoutStore.disableCreditCard) {
+            if (paymentMethod.type === PAYMENT_METHOD_TYPES.CARD && checkoutStore.disableCreditCard) {
                 return false;
             }
-            if (paymentMethod.type === 'bank_account' && checkoutStore.disableBankAccount) {
+            if (paymentMethod.type === PAYMENT_METHOD_TYPES.BANK_ACCOUNT && checkoutStore.disableBankAccount) {
                 return false;
             }
             return true;
@@ -33,7 +39,7 @@ export class SavedPaymentMethods {
         }
         return (h(StyledHost, null, h("div", { class: "saved-payment-methods" }, checkoutStore.paymentMethods.length ? checkoutStore.paymentMethods
             .filter(this.isAllowedPaymentMethod)
-            .map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
+            .map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.paymentToken === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
     }
     static get is() { return "justifi-saved-payment-methods"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,6 +3,7 @@ import { formatCurrency } from "../../../utils/utils";
 import { radioListItem } from "../../../styles/parts";
 import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
+import { PAYMENT_METHODS } from "../ModularCheckout";
 const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
         display: 'inline',
         width: '80px',
@@ -11,7 +12,7 @@ const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "http
     } }));
 export class SezzlePaymentMethod {
     constructor() {
-        this.paymentMethodOptionId = 'sezzle';
+        this.paymentMethodOptionId = PAYMENT_METHODS.SEZZLE;
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
             checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
@@ -65,7 +66,7 @@ export class SezzlePaymentMethod {
             console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
             return null;
         }
-        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
+        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === PAYMENT_METHODS.SEZZLE, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
     }
     static get is() { return "justifi-sezzle-payment-method"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class Summary {
     render() {
-        return (h(StyledHost, { key: '74b2a1ebf22f1f7e7cb0cfbbbba8a3f8cd528a6b' }, h("section", { key: '6ea0bd41680b937c0ff88aa0f73c1ac4bccee9b9' }, h("div", { key: '6ca013f92dbaf076bda9a65c98acdf5c8192b22a' }, h("div", { key: '62f166bdc0b47e8cda03ee4d549736aaf336727e', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'c681ecba3bbceac71993833f8861393dc5751b4c' }, h("span", { key: '46eaedc091f44c2d3bad94cb6a05098385be8ebc', part: text }, "Total"), "\u00A0", h("span", { key: 'ad70de1a38c2c7625562cee3a745a6a61235f4cf', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'db0b903a05629cd6197bb14336fd91881373cbf1' }, h("section", { key: '2e1213c4be75677a98fdf98de077201ebff1d3a6' }, h("div", { key: '26c3bfc8672511dd5af823426e69b6c0d28dd274' }, h("div", { key: '8c9a282d63903b66cf3f93e316bd56f245b9bc1f', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '0729b8adef6ae7bb7a536ad4b5443ed24608ce56' }, h("span", { key: '863ee5dc8a0c662a8074a69d388081ec9fc3fb89', part: text }, "Total"), "\u00A0", h("span", { key: '05bf10634b2a166c6b5720beaf0ab76accb8befe', 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/order-terminals/order-terminals.js

@@ -126,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: '866ce6548ba7252581c370fc33cad23e6a302f4e' }, h("div", { key: '2fbdde66e65ac95347a6b50e60f258a8e814e3ab', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'e4db746dd7e5e4fcd2836957a91bf1a4d85b875c' }, h("div", { key: '08e8950e36bf787a2747b33da377be1f60c6d40a', 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: 'a1e81baf3c6db04cae113ec9efdbdf990210413f', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'f8a1e39815a7932f7d452a055652a8cd22508310', class: "d-flex gap-3" }, h("div", { key: 'e7df0cd31126428f5ad374a855505e6c701b3f64', class: "d-flex align-items-center" }, h("img", { key: 'c32e1a286ffbf382c7400041df7573ea5c5ae736', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '05cf7f5c7ac3b9259334ff0a54a79e5f67bf89f8', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '99031623ae281a4142710391361b0bfee8bb2fe0', class: "row" }, h("div", { key: 'c5e81e4acc36a90ae70aef260fb8304c70b2d3a1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '0a7484029de75b1591f3389929cd313261c53a52', helpText: this.description })), h("div", { key: 'bfe5d3dd9c758a46a0ddcf4919e98798703f9d73', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'de3891aad65c2865b3f4a8777eeadf0836c5ef39', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'a0c9ab81984ae26dca9636a26de2c7e24e3f9989', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '206dc9d22cdd7cea8b3a8d70c9ce28156d8d1a4c', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '743e380fab2774245896bab10832b709d51c59fa', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '712c492c6d0f7e544e47b5292e4ad997efa820d9', class: "d-flex gap-3" }, h("div", { key: '8a99a1e1f0fb100cc5ee0a4654d5540c8667ed9d', class: "d-flex align-items-center" }, h("img", { key: 'c4ba1c6a2aa3a1e9849a1f2973fb18e6d063b931', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'f201217ae96374f9c7ee7baabe139063322c12f4', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '72aad03990ac9264678975388197a53d46c784f7', class: "row" }, h("div", { key: 'fe6b6c7c4760af00b7c09f5fb004effc99a50625', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '27ff88dcc68f4579bcdf57f3f309117866f60a1f', helpText: this.description })), h("div", { key: '5facc068f3f85b10e00664430682103bcead8178', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'ba1536b53c2c3f40f35d84ea015062273fdade3e', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '8a1224aa17f4908693e26b7cebb1b882ff079026', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'a9571114d42c80851635edf466f5cd0ea6fc0dab', 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/payment-details-core.js

@@ -38,16 +38,16 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: '9dbe79ee5e8311fd5aa7aad9e9a6301106aec61f' }, this.loading && h(PaymentDetailsLoading, { key: '3a7f568787c10143772c32d9dc4db523244b5f62' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'bfdf7c5345f7a32c86e4259db76764f7a00a20d8', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2048b114978df6809242443777ab8235b7feb830', 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: '99d50622d37401cdd9ea1bd1176bf4dd340ef5f2', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cb4a551f76d9fa28ef101aa3804942ae5ba83617', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b540de24dc63bb96e5e2220888de37ead33cefc9', title: "ID", value: this.payment.id })), h("div", { key: 'b865e3dbff94e8827ee1ed60dcec1c161cb60e44', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'e778e714c6324d876f3af9fe2f79bbdb45e84865', sectionTitle: "Details" }), h("div", { key: 'dff5e71357913940aa80d8019620959ad80758b5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'abf3993aed218517de68e0617ea5d9e9d569c689', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '6713575415bf8d9a4ff0e4c7697799be4e4f188b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '4e40a4aaee847b0c25c25fedc9c26b95e73fdb46', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'c40dce673a661011c72ae05812c4a14d5702621d', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '4e44f803a411a529daae43ce8ae5073e39ae4c38', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '81dc148a871094e5fafeaf5ba204c12550542511', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'be76b2123eaa58eda0d4b69013207501b7a26e8a', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '800b2f8d03684eb3b989d534c0896016e0647991', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0934d177e63f90b8a36e9bbc4fa8d6f07e3b11af', title: "Description", value: this.payment.description }), h(DetailItem, { key: '281cbfd52c7833674ff818ad904abe07e8f8a538', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'a5ba0c704c0823d715ceafd08dc7159273feaf72', sectionTitle: "Payment Method" }),
-            h("div", { key: 'f54a43598fc6230eae222a50964757052fa1747a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6edd355e37bf732fa9b8e6790c4a0333063604f0', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '4d16f3e86070c2fea548bf964bca4c09d112c045', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '0d6a7a66fff4c6e600d8ceda49283baf5f482bf6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '1ec87d02c11900c8ad43e054e816663bde45da8a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '74450dde3eca4648ebd39be643ae98f3f6d75110', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '179fd1067e83c53a1d8fec1f44a5130aa2da38b8' }, this.loading && h(PaymentDetailsLoading, { key: 'fae995a103762304141f5d64309c43706f159981' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '460fd7199e7fd55594a032268112276fd318f8af', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'bab7c0ec6254e8e1aabaa7b09ead4a123bec712c', 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: '99f5be6e04b83a6cd308f8dfd853ef93a27b1ac0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '4aa2bf20c48a9b3fc211f8cedf938dbdf55720b6', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'c61b0d9bc351221b7325fcea678cfadd53c15d75', title: "ID", value: this.payment.id })), h("div", { key: 'd2c43947987a94b999fe8d0e6b9472096e0c4abe', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'e0a24a94fdc99835612b60a4fb181188d201cef4', sectionTitle: "Details" }), h("div", { key: '8fd1ad4e60434ada9293e0cfbd9c10165188c7d0', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '26a63b1a462843e40da95ae017ab2f10f6f91c5d', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '2be889b743ddd4d03a0d202fddfa05bf13c962bf', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '461ef049a69bea873ca4b847b477c29f154c54c6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'ac88dfcf774f3b7615c23c5fc6645de580729834', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '4132a16cf6c72cb8af266d26e96e816733866069', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '5e01c6646a49d7039fbe1698e6674dbf095bf30f', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'f71933ebe9713373c70e0d82536e9650cd3dec57', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'cbf4793ae80ad173896e12d8c07b11a0c045a543', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '415f63d93bcb99ee30aa3998a03f09c9168ccc13', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b639c7ab661a4213e1eed62ad7cac3ec6fc92fa0', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: 'fb0073679f6af3acd74d55f297f1762ff1fbd248', sectionTitle: "Payment Method" }),
+            h("div", { key: '14d2e149d9138004dddfa21a87f4028ffd955fce', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'bcece9db3e45210fc8235bf26366fc47860404f3', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '16d50e65ded00842d3ed2b30f807b725c4678f61', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '4851f286d529f011cff98cd4c8e5bc4842adb49c', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '6dfd0d0876d44fd116d05a59b272fe25ecf72799', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3ea4bc645d49ec0c8a4ff224dcdb0673d24f6f7c', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'ba48cf4acb779e1ba3f6cd84a77f91e85c9e21d4', sectionTitle: "Payment Method" }),
-            h("div", { key: '6b48866ab4926cd8e223a283ad61adc027e962ce', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '81f448493fa8f77ab3f2105e0982ba2d9ec11ed5', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c7281ecb2655c6ae8ffc1d3579dc334c2e706071', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '80bf9485a7d00f64f5c2c9f3e8bf9a30c80f3e63', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '70e74a7a22418526db003d401bdabbdccd1d351b', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'ee8d44c8b3d28c4990401ba8d0f241bef2e9680d', sectionTitle: "Payment Method" }),
+            h("div", { key: '12fd0d00d5cdfd16d409b2ce3038a5e448d9c811', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '993a71c7a16ca5c739480ec5fd28f3db43204275', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'f9d9358986eb850422a44f6e133c536bd26ff36f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'eea1acc64ec88327c946cafb7d4fe17a52ec7c9b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '16863e45e29108df1292075aba051add12a396bc', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '57aa7c929bf0823cd3cd5030f1853a7522cc6ec6', sectionTitle: 'Metadata' }),
-            h("div", { key: '26e14400b0eeb8e161ce22b769c8396814b7c73b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '9446825737907a364594f6c75621ed72cf8ea389', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'fc4e5a842adb3d340d4ba42bba729ee0222e11b5', sectionTitle: 'Metadata' }),
+            h("div", { key: '62a0861b552552b9ee70253e1fb4b94e6930d684', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'd8254200469dfd44f48000d2a131f2426e571183', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

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

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '3c769141192bb499e4a488bf99195e7381d012ed' }, h(TableWrapper, { key: '5e72cd4685f63c305bd51ad326bd400d34e699c6' }, h(TableComponent, { key: 'cf61be478b5843fa38e995694bc79a48e48e80b6' }, h(TableHead, { key: '4b27bb636ea053f6331e18311d71afed3c9fce8f' }, h(TableHeadRow, { key: '4a417927776b1cd94a4624e54dd3167b9baf8ed6' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '22770700203045c134dffe83231fb79ce1de88a8' }, h(TableLoadingState, { key: '2b6ed6e4d2d169cb2bcb422488317fd1dff4effb', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'a5805487d27333fb44bccbcaf8d1a391a34b507a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'dfe34bb0104bcc19b2f7cf0ffdb834efaac1db64', 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: '83fcc89488104777b55b0154bff2bc30f52fba05' }, h(TableFootRow, { key: 'ef9f05f7c310d083089a0f870a64f7a4f182f5d0' }, h(TableFootCell, { key: '166aa36c5af570f1c589465b74d94263c922aedf', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '82342d591bce3e307e9d87ee4cab384f4f01a41e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '319dd31638820c1b8e65ce810a1084bd97680871' }, h(TableWrapper, { key: '5300e0fa59d5c4f32bfa2a96e7d1a17f5ed2f626' }, h(TableComponent, { key: '90c694bf7d0d7d36143c62b359173d409223966c' }, h(TableHead, { key: 'bbba709334677759c2f6fbcb49da6b972d3983f4' }, h(TableHeadRow, { key: 'f64b3507d3ce6ef642fc1fed9a4c33fbb2a9aed3' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '8abd36f3aa50cc366f51ef4944da5cf120aecf4f' }, h(TableLoadingState, { key: '911438409c08a12cc726a71f3c6afd7eeee3e094', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '222ae88a6ac8405c038d902a7b037f7917e33d37', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7de0c2da52df00431f88a0f95bdc27faef67d577', 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: 'cd25d15d2d0b24de419c46e232e37a51e63c5959' }, h(TableFootRow, { key: '68097f15491a919933b5a388d2af59aded384de2' }, h(TableFootCell, { key: '01c50afbebd724bd979686c9e1d835c90c7338af', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '9dd49395bbe101bc5afbef53a5636b1be71c9f8b', 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: '3224fa4648e40065343765800160517c23cbf88d' }, h(TableComponent, { key: 'd492e8fd4383492cd8b70c9d50df6d568a2cbf58' }, h(TableHead, { key: 'f490bf8bf89c0babd2b7b58bf8d99467422e32b5' }, h(TableHeadRow, { key: '2c6fbf6f5c076b1c1dbfc3407362f64287da7c94' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a0ca397c345bf388191391208a751db90f214dc1' }, h(TableLoadingState, { key: 'cb09739c0aa7935621078738faecbcc6729abc99', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '9b5bd9da1f1f59e522795b2c8a849cb545d8afe4', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '0d89cfc7ed6c5b984582a03dba8ac3271512a89d', 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: '2c15dc1c99ae44202cb4b857c1c0ab49252b2a42' }, h(TableFootRow, { key: '296be7b7c00b738dbc4c0087a7d1ab4921d59e53' }, h(TableFootCell, { key: '93bf1aef5ca433b49a83a3711a30cb3d8c9a5aa6', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'de33bf049b17f1409daeaac52fa601ddf11aa464', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'caf37a011b6c7cc178c61ffe4cf6a9d5a5a191df' }, h(TableComponent, { key: '8be3bcd856da13dfd7932d4fc49fea655c9efa6b' }, h(TableHead, { key: 'b81696116e224ca8e8549cc6abeb6f96f211f2c4' }, h(TableHeadRow, { key: '6494e391b3755792d69feee684987e605e3979e7' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '5ee3267e6dfe675cb95d74b45f901ee2bc4ab974' }, h(TableLoadingState, { key: '66e830d87aa347dfc91dde691a7b30fcd172bcf6', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '644fc974b572f6f543ad7d1cdbf95f884c9a0b29', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'e898bc1b37c8d6edfda9fc4e57c2ef7762ae1299', 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: '8a39a512dd1ca821877737a75d9b841c9c2246bc' }, h(TableFootRow, { key: '396029ecb6523af607537cb25aaefd9f4d449fc2' }, h(TableFootCell, { key: '6e674ead7dcbf67b757d565762ab4898f28c33fd', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '550e7d3e45ec694013221fbcdcd41e8f821a37d6', 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: '6287cd6a61aa6a6930f4f0cf85f3c67be654b010' }, h("table-filters-menu", { key: '719100aa43b29d9fd9d61c837b4f2ad5da7f3b9f', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'a9e4403b425f38cc43abd45e54a09d506fe66291', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9767573e44b453d3617d868c23843ac9da0c42bf', class: "p-2" }, h("form-control-text", { key: 'adfd8559d463581d6724e2fd87e56bc3ab99bfe8', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '444a11395c122676682004d513144a299764ac14', class: "p-2" }, h("form-control-text", { key: 'b06b149c32bcccb6a53cfa8bd737e03a3b6a5d76', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '02ab635d99b67cec50e7c5fcbf9ce1971ceecb34', class: "p-2" }, h("form-control-select", { key: 'bc550904d5586f046bf28e2d2c0dfd4007ebe400', 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: 'f7fdd9ac55e730a791aebbca4159e54543839db7', class: "p-2" }, h("form-control-date", { key: '3d534fc88faf462099a48339e0d6fd8bd02af9a1', 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: '15c21c00a94a633849d5d1a4c062f5dede9a72bd', class: "p-2" }, h("form-control-date", { key: 'a96e2cf7c8a43506451ecf751ccf57e555e5a67d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '0c73ae99756262e6ba40e72276b511070af4e68a' }, h("table-filters-menu", { key: '743c956a0048506afd183b32a21839896904ab20', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'a1ef2ace492cec39e7a92776f92ad6c77e845124', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '12777eec67882e8873c5670084abc359134af545', class: "p-2" }, h("form-control-text", { key: '9717940d68bad26545c05e681875862d816f5903', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c4f3f6fc3eba84df52a90459c1ba93770d726def', class: "p-2" }, h("form-control-text", { key: '3feccdbf8465ee62b226534e40bcd905fffb912b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'd256237c10018161f2466d764770fae50f22697b', class: "p-2" }, h("form-control-select", { key: '293c79070436d91f58ea346eaf565b0b105af448', 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: 'a14db9644e4af3dafeae4cabcf16f1651f75bee6', class: "p-2" }, h("form-control-date", { key: '5c9aaffbab312307585c1a9c1537e0c1be823c5d', 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: '8eedf4c52906f5c3f1a194737473a25afa9a7b7f', class: "p-2" }, h("form-control-date", { key: 'e0201787ad957d0df44289bab71fe9cc0517c49a', 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

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '861ab66e6c71917a135fa8bc333940d28f5f25db' }, h("payments-list-core", { key: 'ef5efeabeb18a51dd6cf54f33652190ff668a9b9', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '654b1e63aedc77ef887875795a2a4946fae5700f' }, h("payments-list-core", { key: 'ab9957172f5120c73d0150d3c2d0c9a61671d861', 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

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '79a9fca76a04f85158b3a0fab953bfc45814b3e9' }, this.loading && h(PayoutDetailsLoading, { key: 'f5b4d16e4fd98086cd70261aa220e5f9a68e29f9' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2840fa532729b93b86ee64eec7923950d318348b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'a6e2bf145153df2307ef6b0d1a29f9d10bf80775', 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: '75fcbee460dd796e0245a4a490e0de0341ed73a5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'fbd20466fe208579baaea0282d2e6604230b9107', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '69769324839f561a56bad67846d84bc70e4e4b67', title: "ID", value: this.payout.id }), h("div", { key: 'f431884d2f782ea764357c23e57482672f465848', class: "m-4" }, h(Button, { key: '6a92eb49c2d33717eb7750b6cb005ff231227b1b', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'aeec4b34d58873abd2b2c4bfe010924707f19c89', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '20d0aef076d6312a21d26ea7fc8eed4510a2efab', sectionTitle: "Details" }), h("div", { key: '9bec2b5892f1e1776993acdd005cf0d82e2d81be', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2555b7af59b56b898565bf716f2f6879d3253445', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '2d8a47d6c9d828eca8574e4c1c5fdff6d354326c', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '87bac39bf999a42f0659b0a1a3e57a8043dc809f', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'cabd31655600c512c8b5ce6fff5548f450970bff', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bb48ff48161f15552c39cac8811abea68398a970', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '28e45b962f7f89e1f57369a1cae1e70f936a42e8', sectionTitle: "Account" }), h("div", { key: 'b5b8da5baa563b80075cdbd46f43561877b3cd1c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '3b89b14e72589f838ec44eed4f80772edb470bd2', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'e828740c47b8b9e02e483c2e9082bd2728a37043', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'ed703dd9d41106825ea5c4e5565f77aa8b7d012e', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8ee66b765d45ab59ea501a8d3a168c8a43465c70', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '04f7024fbe5c3def51bfc969204c484b471c024e', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: 'f59c9b8e87cb13d650873159a2ac47d8ea915173', sectionTitle: 'Metadata' }),
-            h("div", { key: '4984916558e5cf4016972f110b507caaa41dd5e8', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '6659b53990aa222ffa6d65d9332670952efc44f0', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '73f8d47c383ee5e75d570551b85b5875756abfa9' }, this.loading && h(PayoutDetailsLoading, { key: 'edfae6a15aeef91fba70f9942157846cf6bf1148' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '15864ba1557f0d815ef9d1cf0c56b943f85d762f', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '8bfc8d9dc2c114b7ce5fd10f70cdd4a6bb8f2390', 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: 'd2871ba3d08fa0d1ceb16120a86e44b0cd2409e1', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cdd88c0018a68aa7f78b1f4713acac38262b763f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'ec1e542ab548ef4f8d1879a6a7d50511f0b9c2e1', title: "ID", value: this.payout.id }), h("div", { key: '798a4ac96bb892cd19336fd420be31ae078f349f', class: "m-4" }, h(Button, { key: 'bf13d13182906611fe8968f1fdcd55fbe9df2278', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'abfb113b2ca7886ac862809d855cf69db70b59d8', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '418ea65833dc8273395152dc6d03fc90f8f1b499', sectionTitle: "Details" }), h("div", { key: 'ad254148623a0335e83ddb0c9164539fa91fd79e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '4fae616d86317e6a7d2526fdc173dfd5ebf0f71e', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b36f365baab61c4cf21d2010d12bd633a11ad725', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'ea27486a634e46f16a1a1ffb42bf24d0930e1411', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'cf3d249060f0922fee694c0fbba55c03144c43d2', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '671eabdea3c75af6219d00bfd433e608ab449281', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '99257f947894416f58a1bdcebd7868a7a976b42f', sectionTitle: "Account" }), h("div", { key: 'fdb3439056d6a58a677b73b3ec77629cd6e57866', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6a506eb78e41cd10850c724a68f1a0a02e08fdb9', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '659fbffb9ef6051db5787b38d6b4eaf7160b8565', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '6f56bd7d5ef75c434b02ca3989297cc661145bc3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '746d25a70d38ff9eba5a1984ad320063d9dc50f6', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '4b94711834f28cab64f3685e078069d766471d27', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'df22f127b90caaecd1c25fa7ceb2679a79422f27', sectionTitle: 'Metadata' }),
+            h("div", { key: 'c56bdeb40259fad8ff249e65db9c8207308e7cc5', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a9b8c7ee3fe8714c1fa5db79dd879e1b7da683ce', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

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

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '3c2b2c049a964a38385bc804f2ea160d6a35dd82' }, h(TableWrapper, { key: '8a79afde5660311de796acd90c64ca082348a932' }, h(TableComponent, { key: '88e1d875abcf55f8846036844b12953ddb8bb18d' }, h(TableHead, { key: '33ed1765106ab87dd48cdda8733fb04e512b8378' }, h(TableHeadRow, { key: 'd3a5823c015be404980d72277c0040312a5145df' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b1f45eea747b1361ced1f6924ef2f741378a2fd9' }, h(TableLoadingState, { key: '05d9fbb9722c7e2775afeeec939fb50f41bc5565', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '0e5ddf06144028b0bdc4eead3a4a8abb73041c7a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '977915205fb342bd7d8a089a329171aa4e2cfdae', 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: '0058ea0c31abb6b968a378be064a5e3f47d7effe' }, h(TableFootRow, { key: 'ae2a32a10e9a1d724579289516945eafd37c275e' }, h(TableFootCell, { key: '28f3b18198a93a78d7987f746e1fe6960700c6a8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '5f9799c74208a5ebbe852053d1638d6f0fff59d0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '0627b879f2139685ebdbb879d6e13ef99a466654' }, h(TableWrapper, { key: '33fa60d6acc25540e81465500c454f69a2e132ad' }, h(TableComponent, { key: '5bce0713f04022cbfad1c7e053e60a6a340a37e2' }, h(TableHead, { key: '226dda187d5002c9bd48c64d9396ae3736dbbeb2' }, h(TableHeadRow, { key: 'd7726ab935ce064696fb017b10829120f2e8717f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'a6d46402bd1ba1f4bd820b0badd74d038b82e9ba' }, h(TableLoadingState, { key: '5958446a6844c2134d8ae8608b1222a5ade9dc88', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'f64911e09fa1d587dbbdf755ae7b9aabc4b31448', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '8c1422f9ab251ad648396bf42e6751a50a8a9810', 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: '4538b7850a81a7c17cf4a7b39248d1c29552c9ee' }, h(TableFootRow, { key: 'bf332e1eef41f832aff8fb3d84de891c6fc44cb4' }, h(TableFootCell, { key: '823e4ce33a986a57aa29f41ec3f09987d8a03a22', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '37aa4a533e9ebdf8df92660b6ebbb1f8dba96eea', 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: '0e17374fe5656aebfb8ce0c054ac131a2ca7cc33' }, h(TableComponent, { key: '61ce9e69c6084d7ce9b6342a93debcb9c2764d23' }, h(TableHead, { key: 'ca28735991630d9362fbb14aae327c9bc646bca9' }, h(TableHeadRow, { key: '43e012787f232dd626cd4025e8c9223865f519da' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'd21bded30edd81274f06d21c5f00ef75d7982ccc' }, h(TableLoadingState, { key: 'a437445d203db926cb32ef81579ef862d2644fa7', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '84accd5ae400e69061cdb66a59dc9272ff5edf1c', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '1f4e9998200515d714a8d1ca9476c4841272515d', 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: '397b4d811f439511691826e1dc463f38cd97d016' }, h(TableFootRow, { key: '4e94eb5f5294ca470f29988bf11247e2e9576875' }, h(TableFootCell, { key: '6ab3af15817c9c9a184487348c3247ab25aa7f6b', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '8b378185a5f3833ac62e16d5cd07fc89aa9462aa', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '01d97366d41b48cacb348dd46be971daf830a8d5' }, h(TableComponent, { key: '9aa664d16807d0e90c349fea0d34784a1fe9cf25' }, h(TableHead, { key: 'f0039efcf46d63b8d426c99e9e5e4cfb7ff20ad7' }, h(TableHeadRow, { key: '3b9cd46c7cf917e8a83c5ac8c0bfbd35824b4b52' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '2dab432894511eabf5db8738763d33aecc632935' }, h(TableLoadingState, { key: 'f1442909f04f84becb562584fedcd12b08d4b3fc', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'af4311a420da0ef6624f470bcd3f579fdb3d912d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '4fe8e5492b63b34f79fc52053a180329533b3689', 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: 'd6fa03ee9a542576814a81cc5705688392940753' }, h(TableFootRow, { key: '9954754fe9af5e1c30d18ebe6d65bac770338e43' }, h(TableFootCell, { key: '59354502b1c467a4ae4177b3e3c11cc9782255f3', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'acddece313974ac003ae7375be70a655039df38f', 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: '698d741c2ac91c9f77f36bec9a76c0732a1b89fc' }, h("table-filters-menu", { key: '54b5198f16d6c9909a015eff0f1aff7365195d84', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3ac02cc091cf4db7cb986b7323f55d271dbe70b4', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '51ffcdde4cc8bf298b75188132fc27b78c35cef9', class: "p-2" }, h("form-control-date", { key: 'ec8d07f179508c8f3e4aeadfba8b6ef8d64b192a', 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: '1f64cbae15ffdc9a90b426b24cb3da9f3ab627d1', class: "p-2" }, h("form-control-date", { key: '306fc087f3d22b141ddb443315f7c487106bf9a1', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '248abec7fe7721a434cde6eb4f8b1cd893dd0fb8' }, h("table-filters-menu", { key: '3e7d6308bf98b85e5f842646f79e4bd0d4a29cc2', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '85a8835dabda4e6d7c665e9ae33cfc2e77ddc73a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '32b63f3d5914ab9d2dc243dc6c4bd0e664962910', class: "p-2" }, h("form-control-date", { key: '7ebd20f7ef43475c7d619a90237bd68908d41cd0', 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: '87ff4710b133d4c7271a807e28373885d46b83f7', class: "p-2" }, h("form-control-date", { key: '648a88b4ec52e38474b29380e68453c92fb7a71f', 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

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '09b3baf8c09eacaf640798896314cbcbc661cc23' }, h("payouts-list-core", { key: '8c1a77740285114e034139b7a1866e35b2e79709', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '3634ad59f6812d546780dd367c4ccb8e886283ed' }, h("payouts-list-core", { key: '3172f765100e19c25f717256e5e7ed0b139c1bc1', 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: '7ef0adc44be5987cbd02f5da80f7dc4330ff7a43' }, h(TableComponent, { key: 'efe8e403dae877a6529becae890b0e055726cc0f' }, h(TableHead, { key: 'ef981fa014144f9e237d9b258846e68cb50ea7f5' }, h(TableHeadRow, { key: '555df6bd09f4ccb01bada68933f362ef6f7679d7' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '1a5b95e5c41e1162ff8907d3ba664d304b9c355e' }, h(TableLoadingState, { key: '546146a7390a96f2d2704e31cc84d9269bbdc28a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3c32f5ec402f96e8f71b1f0edbb4d9e2169c23cc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'e1154e1c4b320f8e23566821b56948e875b16174', 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: '2b3f2d329baeff7ad8eb813a08335660ca037bd2' }, h(TableFootRow, { key: '651f18da8298dda7f2be2717cca0ab7c01cac14d' }, h(TableFootCell, { key: '7a25b264810334dbbf633079374c77ab745cb1bb', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '996ae93faff3c83ab8022208c1a2c297bc1c9a27', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ae7811542ecbc0626fe3f77ee4b8dfc3157d3abf' }, h(TableComponent, { key: '2f933c6598a21e02d3dd8b5918702fc29843105c' }, h(TableHead, { key: '0b978eef17f17e9a7b3dbaacc6dd2b17a9672b04' }, h(TableHeadRow, { key: '5f47570ef1df9dbfd520ae04b45cbb259e37af8e' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '1d5a979390e41a9dba5a0eb23923c3056f02e8cf' }, h(TableLoadingState, { key: '59e22dadecd2849bc44f6bcd2c11998f4120ea60', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f2b13ad54fc0fd1ac72889cbd0d4f79cd30fd481', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '0ad5ad03ed5ac1cbfc0614689913831c80831646', 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: '353a7c374a71d5cd2706f7d4e33631f4a1b194e5' }, h(TableFootRow, { key: '4706433521171f8e026a1ff789cad0e1b219f214' }, h(TableFootCell, { key: '30b078f32ac4bb5bd3dd91d0016f13ee5eff01f8', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '3301ac2f23e8c8da065005bd6aed224a26bb59fc', 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: 'c83d32f9cfdaf6f64b438ed23e9037897b55e298' }, h("table-filters-menu", { key: 'edee7c1f7d885d6425c439a95fce4f761b4d7e86', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2df144ff56dd7301336ea09fd8b827c8194455d2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f6d54fc5d11608d129771a26112efd5537cb879a', class: "p-2" }, h("form-control-select", { key: '8506841a90ac6c2cf0d5107be5937029e7b44c2b', 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: 'a53b0834400945feaf348e78be3bdd7b3e5e7846', class: "p-2" }, h("form-control-select", { key: '959909d5c4f568f99c70be44ef3542d795e711b8', 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: 'e76471ad58f551901eecad0b73849e3d443a23f8', class: "p-2" }, h("form-control-date", { key: '239afecb78475f1d8bdc21c1194d86a18f1dc2d1', 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: '0d9d73b7beaa67ab75d3375ad77a3e69fc1354b7', class: "p-2" }, h("form-control-date", { key: '5e9582d8c16c94a11ae313de2a3f33f2eaa2bf38', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'b6a93f69fa0c0852d7acdb9329e2e07112d5b682' }, h("table-filters-menu", { key: 'f943e8ca3b73ff9e6cc254ba0bd1836dc777d922', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'a38c0c9279aa181e3908321cd57c82d61c7a8d7f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'da7aa4de8f51d822df29c6920b3d6c0874bf7823', class: "p-2" }, h("form-control-select", { key: 'bfae6425df3a1812f28a9ad44ce69f563fdabf9e', 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: '2acab48883e9f462e4be2ac2c58d58f164772ec8', class: "p-2" }, h("form-control-select", { key: '31b7d020bdcb0eab2ff1727973cb16c02b8d2ca7', 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: '67324655a1b10000887714026d8fe0a8ce67dfe8', class: "p-2" }, h("form-control-date", { key: '2bfc40bc7d52458b9ed58dd26c7d9e843345f209', 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: '3bca9a59df57f33f4d96834cca5e39d7c7068c51', class: "p-2" }, h("form-control-date", { key: 'fd876d75d0f681c4627252bd7096930785795827', 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

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '28394e2db12721ad0f64ada71dc3a7cdba5fc7bd' }, h("terminal-orders-list-core", { key: '355e5c1de7a3bfd1afc4ddb64be8aa9b860cceb5', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e5e49813521cab770fd45d4cf16fdb347ca5f1a8' }, h("terminal-orders-list-core", { key: '162c8dee504228025cefec946124becea3522af3', 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: 'aa119f199b02e20b2b48f7896eb45d24835ba5a7' }, h(TableComponent, { key: '039b8851d8edfe1ba82b177b518048273523eb10' }, h(TableHead, { key: 'c9990dc58cfe188217cc1f46f9f210c87ea2ca1e' }, h(TableHeadRow, { key: '6b934363f143e36c23f872ca1dd20c2befef0d90' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '9121d7efc3cf3c70fdf45b0d47e253e9d1632a2c' }, h(TableLoadingState, { key: '783490f80ac64791eb182fa741f9dec0b6970f5b', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9d3662266c2de7325d4c98485bb10ad9699fad50', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ef1cad4fbeb112788c4cfc60b6f160dce6525e31', 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: 'd789ae5d479374cf569fa2e196cbdc8817cf318a' }, h(TableFootRow, { key: '445e5bbe532ca217b07dc08591d1a620766a669d' }, h(TableFootCell, { key: '13e17ca1daf744f2c73bf6194572c864b7932b75', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3031bda0078c0e61876c1cc4e67c06234e08729d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'bf90dd5593c53e9ff39fffe62dc592d016badf63' }, h(TableComponent, { key: '158d9c72e9833e5d9aabadbe2c34659691feb41e' }, h(TableHead, { key: 'd949cfbf188ca38a42608684af32da640caa3132' }, h(TableHeadRow, { key: 'e720a7fe1d425905186c9e8fd3925ade2c037804' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'b8b518d93df15fb7050828bcc0a610426d99ec51' }, h(TableLoadingState, { key: 'a815d8a30476844a7ebdd8e43ffae7c1cafcb4fe', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd2eca381346455a2292c9640c06005ab8681e36a', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ce65f5c7c3db47d61f6d5c5e053d93a4bc9bb4a1', 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: 'ed2e3d233e29a27be2e467e864c7758e9b771049' }, h(TableFootRow, { key: 'baef41fe45c46b2e4951783170933947127f3e08' }, h(TableFootCell, { key: 'a0f64165a750e872469d614ae63ea580ae38d347', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'ab865a2014823308aab0c7230111d870a326b794', 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: '61740c6ddc8d9ae3f59748c49bdf5cd1a805c967' }, h("table-filters-menu", { key: 'a1fff9dec129e6f1457d7fc87a15758a6c4583dd', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'a14b25c631435c48602953d1a4a240b46ccafc09', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bba2a423f61e4c099d67f1ab02b96e15c462d825', class: "p-2" }, h("form-control-text", { key: '5853b337812ae1915ea5f0fbb6a7458b9767a7ce', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '2067dfd98dc4eeaf6f7312a29cb7dbebaf027110', class: "p-2" }, h("form-control-text", { key: '5e39773e75d8ebf1d2e089d26afdbe1c4bb7a2c7', 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: 'a3bbd3db48174df02bf7bf3f68bd80e2a33ed3ae', class: "p-2" }, h("form-control-select", { key: 'cd591dfc5ceabe5631983139f04435e5f46cb47e', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '653849e5d1094dff32f986a5710bf4fb8fa792ef' }, h("table-filters-menu", { key: '129ea81e6071f719f5f54613462ea2bf33d860a0', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '01c23c89129c746e5477fe910eff85a1484c05f2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8b31ce4b3d80a42e865d38c798afdf2a0ca6fead', class: "p-2" }, h("form-control-text", { key: '5cbe8bd912a342f4e5b70a7e5f95b8663e713a49', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'fe17b736b67c74474b89b535075863bd98aa27b8', class: "p-2" }, h("form-control-text", { key: '49bae44c482770545185013c2d82a7a3f636ecf4', 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: '0c30aa7e5a6e204ba7425196eaaeddb0334a4563', class: "p-2" }, h("form-control-select", { key: '0db45f763aea2fb35cb6e961bd696f7bdf507471', 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

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '0a3db94e812f99055939476c8e0e2f38828fbe5d' }, h("terminals-list-core", { key: 'c0795b3f95342ebf26d9e8e97446b4c8f79fb545', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '6034706e77de0a703455368eaab0ef0cbbfb5765' }, h("terminals-list-core", { key: 'b9e3292829be1b48b6f6146b9a97f9060b1540c1', 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"; }