@justifi/webcomponents 6.0.0-rc.5 → 6.0.0-rc.7

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: '28a1a324b8cdf2dea0aafe91fbdd3679482e76f8' }, h("section", { key: 'e8ffe2fdd1592a0b762647fdab94ee5e21436a93' }, h("div", { key: '099fbfb449066290cdcd113b0de5f87334777a0e' }, h("div", { key: 'c78325957b4e00299366b8e9efe6fd6e86da3b97', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'd077da888b03a34e540f66ebaa57502fe22be7c4' }, h("span", { key: 'd4f7ddd24e10302222679a9f73c3b5ed305267a7', part: text }, "Total"), "\u00A0", h("span", { key: '1f5d7b6b0cce64eea04879e7767ff87ce5a64069', 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: 'bd9a460778680855f021376a57d6cecd71f9e560' }, h("div", { key: '7ac80b5f2499bdecb6f2c0e001f6c6631040c71e', 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: '0b6c6622a2a25650c3713682888e9e3e842baebf', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'd8cb3815b1490dd7a8ae8dad06db84df65d84782', class: "d-flex gap-3" }, h("div", { key: '9f68c206b1a358fd9427615d1596d798678ea2e9', class: "d-flex align-items-center" }, h("img", { key: 'df5982d69ecc957a4536b2cc768dc682e3d1bef7', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0ef6b9ee7fcbb6b7dd220c73835079571fbff861', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f39724e9b712641914a4def251e48a0ed9b384b3', class: "row" }, h("div", { key: '200ba52e240dc6797423b25d1b056670f900a64d', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'bc52a0b94f09c8ebaeeb73f31878ca38d608ec80', helpText: this.description })), h("div", { key: '78029284d86432413ac3d3b00b6ca3b42327221c', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'b8822c9e6c10baf55f631061f6984c1d4f15f4e0', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '0d5662d0d3b39933ae53284c5083bf48f7ce0b38', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'ec9918b84364e12ecf0d39d3241793f8ab02a910', 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: '78772ac113e59c6a0dfb11b38807cbdd42ca2b75' }, this.loading && h(PaymentDetailsLoading, { key: 'ee7b54bb8679f20fc2d7665ef335320154f1631c' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '09f20b99d15bd751771de65edf1770ad0e3e4caa', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '0a070793ef25425601400c8a0139d84123adcb38', 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: '5d4c3fd1f483c6a9cba7098dbba7fb7df9e62459', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a770d473ef8ead583dca3d261fc22daeb452aa42', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd0e8a38cff4bdccc6347108ecbdc90e200613470', title: "ID", value: this.payment.id })), h("div", { key: '001543a66055203a430fb3231eedb39cc4bd4d31', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '37229e3e35782dc9e3bc56e7ab5411719507f55e', sectionTitle: "Details" }), h("div", { key: '08a7f2025131fec223ef014374e5784a6c97e531', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '92643e94e0f8f70d09825eb8e2a658286f331464', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '2db9994c24e29ba4b4ca1935015b6b94733fdd1c', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'baa2601246817358cfdbc587c354304d18e61de6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '0809e47782815c57213be29e1e8d6b7703907e50', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '89c6dedc355492b70bd91dbe9d1fdd6d288c06d9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '278cca0991d63079c29da77be1625b5a52f64541', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '5622513e3ded892acb9667be6579bab5a2fe17af', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b9970bf7af2831b75a41a346813bfbc7be54a4e3', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '2a6e7ded24a5849672547322b7f507487b9a1fd4', title: "Description", value: this.payment.description }), h(DetailItem, { key: '363a8b9e8a5ee160887498bf197e27ec6be58eda', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '1cf6b816e8138fe5e56b3128eaefb43bd9111139', sectionTitle: "Payment Method" }),
-            h("div", { key: '363a98244887cbc9b22db1d00aefe7c57fa11e6a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0b55c6a07eb581fab9fd3e8a859c09ee743a9197', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '80fdad59678b1ff7db5d8d0d2d9ff7d3f358155e', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'd470dc1614d83da766962075007e4834a0db0e9d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '95ae2faca13ea63373a48d49df52f06338b5c7d7', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '47d57b3ceb2ee5d703ba1b12424c529464fed91e', 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: 'de95204583c5e94eca5b8edd14f7dacb8a6e12aa', sectionTitle: "Payment Method" }),
-            h("div", { key: '0f0703066af1aa060eec503844cedecbb5319dbe', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7eed468aefc9b85f92e5c7b910b9d730e5a02e33', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '6da4304e0da2055c9d4877bb54f59920c2234356', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '9bac816e32f978caeb926f0f3c6b8b0dc4586fc3', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '943a9c4d7f7db5a3dce927b35556087f89264160', 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: '9c229051516566209d5b7fc3da2e2c5d41005201', sectionTitle: 'Metadata' }),
-            h("div", { key: '36ea2b841735fc16e858d0fc622bd1145b21657c', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '554d789b6f59982cc70e63e32169b38d8aa459bf', 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: '841ebb8426d9c6036e15a0327c4e02f0d9fab4d6' }, h(TableWrapper, { key: '7bbf6d05061ac70a84e7876147b33df2f1f470d7' }, h(TableComponent, { key: 'a60c1a98ed33ab0e572ab4296dc873405985be1a' }, h(TableHead, { key: '105c43a14e0a833a7f866def78e5658d7d08070f' }, h(TableHeadRow, { key: '67f3e503be6efb7606c79c894af4e5f357a8cfa0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'e628b0bac4c53cd129ce43c68acd18f038c9e887' }, h(TableLoadingState, { key: '0ffff5bd7c9c505981a7d51a917be1d928d0619b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '92a9b0251b8fec1a2b57cf5c9665390873619e87', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '71aac087777b219aaec57c6b9e6ac7751c322c3c', 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: '6dd7ede10307d376aa3df322dd71d469b2bb248a' }, h(TableFootRow, { key: 'e047fd731c36694aadd6a30726f5191f09f0ade9' }, h(TableFootCell, { key: '84001cf23c2b71a657131607d84179319de85c86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6dcbc441a602a2ee1ef046d2f425c8c7198e063a', 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: '46dd5932d242bb0be852b76bdb030735d7e17f70' }, h(TableComponent, { key: 'ba8514e6840054ac614ec3e20086442ee386f303' }, h(TableHead, { key: '0a3495b12b1bcde7f7ff845a759a00a6ec4f86b6' }, h(TableHeadRow, { key: '01c0c3d37185252b254afe205797fab85d3007b2' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'f5b9b2d8ffac197fc6df33ca4aa77344f2137f77' }, h(TableLoadingState, { key: 'ff4314485693a2472b683567021e35bd609e2850', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '6c0c381354f96026b76a11eed925b49bf2169ecd', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '823a6fa86f79a89398de22d48c0ab4b554c2cd54', 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: 'fe4809a1a5c43dd4745bc76fccdc66937b88a315' }, h(TableFootRow, { key: 'f75e79495dc130fd3d604c0e7c29fc5dc1e97e94' }, h(TableFootCell, { key: '3d30257ba1ad94eab852b5abaed9777552403da1', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '7dd714fca51b59d138a6ba27a8f0f6e81fd964de', 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: 'b15957bb15b290d70e7861c34050677fabd9264d' }, h("table-filters-menu", { key: 'df4025d8caf104173172efa54452fb0d55c01c2a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'c02dd26d5abb1d3fe60496f12a119ad5c88131a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dcf37cf67a1778511554079ead35eb8291d87798', class: "p-2" }, h("form-control-text", { key: '6d788162b3b1f909ac57613e45b45e750535ee3d', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '375b1391dd75fe06853ff956cf2f0d91bc2518d2', class: "p-2" }, h("form-control-text", { key: '2199451d90e6700f43d2b36d32266c3ab4ae9bd1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f7bbcda32b31b5bbba4d7989abcdef277f20f063', class: "p-2" }, h("form-control-select", { key: 'e54397eda17d94a09247c4a1a732baed03a85238', 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: '6b6ded01e6b08c311b3806088cb4639755816dbd', class: "p-2" }, h("form-control-date", { key: 'aed2a28b21c0197e9ea7250ca7798c63ebeb6be4', 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: '47470293a8368b6fc6c2a6d4392ca3da5ca4e3b4', class: "p-2" }, h("form-control-date", { key: 'e9d53abf3b92bc63e80427df2ac0503adeeec8da', 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: '2c77c3faa07c2f363a0c0ff2f4262de157effafc' }, h("payments-list-core", { key: '374dc84e80696157b60bfc04f836bcd8e59e67ff', 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: '84ad924d9a7697cf7fd1f7638617925b52600267' }, this.loading && h(PayoutDetailsLoading, { key: '4ba191c16f034b4e136f2a6d96a44a7e1c71b352' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '84561101cfb511d034309906e281a36b9adba5d0', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '844df9068a80e7dfeffd2856805e5855c36842ef', 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: '5b3ecbec2c7e056afd085e21e7895f7919c0b638', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '1f0b2a3a31b0ff2a0829daae285bd2e9fdaaadcb', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '29ac2409362d285ca42cc57d55661281d35e7c39', title: "ID", value: this.payout.id }), h("div", { key: 'ceb5c66069d1c7404e355aeeeeb2e167cb4e8f55', class: "m-4" }, h(Button, { key: '206c57a99b0bc35c8db822507936022b8e51b89b', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'a9b39de96d09d4b0c87384da5bbf7d8f33e48bc7', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '03735918d82a3af539d79b88edc2b62ca2ebe03a', sectionTitle: "Details" }), h("div", { key: '347a72ad86b6dd8917022bb3d41c1ea51afe05f5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '644ae816ca6391e06e8cafff85773892fdffb3b7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '7970ee36e7575b0fb6432df46d128974fc54ef9a', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '8d3b06b5af09992d24ad5aa5d4bc935ae40193fb', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '2c147836ca746a8604bc8ca42a23ef9b2b78f80a', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'c9c7fb58f4e1d6d24c7ab0a60742d48214a88a9c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '6261217268188afab893556f8f7eea2c72fa285b', sectionTitle: "Account" }), h("div", { key: 'd1b447792330f8f5d6e11533c7ccd27578325a4f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '199170c19d35c73f14f46a19eb9c743f12461779', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c6fb1a95d15547b1abc2ac95c83e865167b500a9', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '21c1ef80ae9d2d122e30b6b94585cbfea6dbe167', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '31f0db976c9abec3e3c9f228ed8b66c83cb134cb', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '87cc64ff4ac69c51e0932f7981f7da52565101ff', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '81b6f3c633b802afb5f0f5314b234f8ef0e1ef31', sectionTitle: 'Metadata' }),
-            h("div", { key: 'ec972893084294e690037e146b9e91783f461267', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'cef2518b84f1791157084b7d7cfe872963851edc', 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: '0a993aa9157e9ea6f75a4c745dd2751ab22d0623' }, h(TableWrapper, { key: '56a300b72bb39bf9aa4d9829f1634e5a48b71b15' }, h(TableComponent, { key: '7d3f9fc3159ea7568bd2904ed74a5d90198eecb7' }, h(TableHead, { key: '106703b0ed82206aca0b18a1217fbdad9316cca0' }, h(TableHeadRow, { key: '3d01490dc673358566747dd3aac4c61d1f8681f9' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1bf3cc192ef3434ff4626390f33361a984e276f' }, h(TableLoadingState, { key: 'edaf059907492b9911bfe11f6ae476711db7200f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b75807ecc951d0e62993b905246c3e58d676bb7c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7d759684cb4f42733028e734479ba2000495dcee', 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: 'a657e7edf27d011926e2228b7a55ba6fb05f9dff' }, h(TableFootRow, { key: 'c1c592833f527432b53d42cca3a70637065b1918' }, h(TableFootCell, { key: 'b4dba89aa35e7632a9442ad3e804cdd3946377f7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '935a7f48b344774fb6058de565a135ae70deb80e', 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: 'fe72adaaaa7e03339bd2c023ed3cfd76ce20cc09' }, h(TableComponent, { key: 'd9c191823846f3160ee178a291d797885862346b' }, h(TableHead, { key: '070d60c8ed1e9469208b2d12ff22f5c5782e5b06' }, h(TableHeadRow, { key: 'e3a8658405dc3339af9694f88ee7e39553e7f48f' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5c919ca5c320c664f5c1fde43a996ecdd1ef346f' }, h(TableLoadingState, { key: 'e037e4280fac5697c1d5c7798ab09550046038a0', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '963f510db0f77df7d257e2ad1bba91ab0e071945', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6e7eedf2e5c51c7c483695f4892ca492ef799514', 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: 'b5b0b65da33dd148425571b328d04fffddf0e1f3' }, h(TableFootRow, { key: '73cc200689fd799618fffa1bc8a102c357372aef' }, h(TableFootCell, { key: 'b85785c0eb003fa546137119d50264e05a6b9382', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'e42a0da2d4c06c659ad6a9fc7f2cd2bb61caf1ee', 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: '4058d69f87431a4060160bc14912998ea14670dc' }, h("table-filters-menu", { key: '406371a2c3c552e6973da18b0e59a022a7c1ac99', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3d77e00351223fc512062193a19ab874a3c8799e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8be6000e3aa3de82e73ebb0133131c2f836def64', class: "p-2" }, h("form-control-date", { key: 'e6c5c50c8a5890573159c6de1955f33762f183b8', 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: '14c666a50387a2f58ea7a4871ef846eadf044e3a', class: "p-2" }, h("form-control-date", { key: 'ee56b0ca27c7d8f8562b23862d5aaebb3d4b3188', 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: 'b668ecfbc78e07ffeb5830a10f7a8675d15c5c97' }, h("payouts-list-core", { key: 'ae082078d735cafc42684db978e3e9dc48d75dd4', 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: '394f529d42867e207bc47901045e7307a6784f3c' }, h(TableComponent, { key: 'b6d668352fe60c0fd33cc66505b14e944a598792' }, h(TableHead, { key: 'f52ef37d1246d60503b9dd86cef67d7d1d34b939' }, h(TableHeadRow, { key: '31df50a3ecb7329fdd25f16970d195eb5bd027ef' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '3e4354bab42bc5005383bccee6594c4cea220a40' }, h(TableLoadingState, { key: 'f8febbccb33a3ca286af8a6d25f032b1320d1f45', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4d5c0466ae4b63869739aa416ae88ce9ba832eda', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'babe96226b95f6646e08927d16002a4709ddfabf', 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: '9e603727dde071004445013cb653777336b2ad11' }, h(TableFootRow, { key: 'f49d1110c64a88045bba21df48072116b82cda5c' }, h(TableFootCell, { key: '97b2adb37e39414018d0cf280e7041019d95da9b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '00e589c3458499d2eb81595f3156eb8b17ad9eae', 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: '4530e57f1df87b7879ab5b3d51c64e814083cc39' }, h("table-filters-menu", { key: '541be463a6ac04afb5f46305035e78766746390a', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '5273439008474a436974c44984568650d156aa56', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1a6f3539862e84a09179f9605741500099e016e5', class: "p-2" }, h("form-control-select", { key: 'ec4d26a33592df8ee137e9263e5fc221e17e43bb', 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: '33a18f94f0893f1ce0d45d383bd623025384e8b9', class: "p-2" }, h("form-control-select", { key: '9f3c8cb6bc85dbbe04b17128a7ff676dd2f97331', 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: '4b4a6abf9b42eb9a1021db266d9b1de1eb0d5b66', class: "p-2" }, h("form-control-date", { key: '63433b6ba954d96cb1195eb70a39aaf08a8c4c6c', 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: '17b19607536bdf75de23cd4ed5ee4cdbd814de1a', class: "p-2" }, h("form-control-date", { key: 'de1e85a7a164cd86c9190501b14f6a2097b8e34a', 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: '524e7a9d033a2b5e95d0285eae5a070bbf6bc685' }, h("terminal-orders-list-core", { key: '1d4713c71ca85517ce627a1cdfd8c2345c49997a', 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: 'f3d727c92c66b2504c6c8952a284cd4972706fd4' }, h(TableComponent, { key: 'c368038fb5683749737bb6b2b27a0a55ac95fe95' }, h(TableHead, { key: '96b41588ba94168581bfa423d3199916a06a925e' }, h(TableHeadRow, { key: 'fd1991bbcc22c3eb2b9ba107341285abf55a06b2' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ff3244f6b51f311fbc4311e37fc2c5bd4115a71a' }, h(TableLoadingState, { key: '821b4e55ea536fbe14e018107e8c19c309b86fca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cbeedf4e12ff428e7d24f536675f5b1f3c9d3d67', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '4c7882127d862af40ea5960ec10adf092e676e4e', 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: '7bd7c9bbc95b0c24c03c1b3fd1685877dcdfec06' }, h(TableFootRow, { key: 'd6988cf0398b1a435f71a73761fb57656ff5ee7d' }, h(TableFootCell, { key: '207ac8dd06e9b053653781b255833e4f20bf9559', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '329f13886ec41244f05030673cf4cd7baf6b1cb6', 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: '783ba48774e186ebb313aea1b2cba29f52be65aa' }, h("table-filters-menu", { key: 'd4408146ca806b5192011ed875fe46742fd4a9a9', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '61356d7fa355bfd54646b7eeee1b7506f8fc1ff9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6233bdcb3ed8b37855ef07bd49c7d7bd51079e22', class: "p-2" }, h("form-control-text", { key: 'dadc1036b832290710c15e9dc4faeaf0ce847033', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '242a2b4fe9430a8c22a321a08638188d97a5dafc', class: "p-2" }, h("form-control-text", { key: 'ed2bd47281f33af574e5f49aba7a87f5155ea271', 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: '684eaf93576057e25030a8ffbd1c3c4d921b26bb', class: "p-2" }, h("form-control-select", { key: 'a308c124fd6379aa4767352033c736fe0c33b3fa', 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: '3c9b98a7e1b854420c30c19db04a8f2885894fa1' }, h("terminals-list-core", { key: '2dc457c44c142f3a2072015a2abe812e67d421bb', 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"; }