@justifi/webcomponents 6.14.5 → 6.15.0-rc.2

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

@@ -0,0 +1,278 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../../../../ui-components";
+import { checkoutStore, onChange } from "../../../../store/checkout.store";
+import { PaypalService } from "../../../../api/services/paypal.service";
+import { PaypalErrorCode, PAYPAL_COMPONENTS, PAYPAL_DEFAULT_CURRENCY, PAYPAL_PAGE_TYPE, PAYPAL_PRESENTATION_MODE, PAYPAL_SCRIPT_DATA_TEST_ID, paypalScriptUrl, VENMO_SUPPORTED_CURRENCY, } from "./paypal";
+const SHOWN_CLASS = 'shown';
+const setShown = (el, shown) => {
+    if (!el)
+        return;
+    if (shown)
+        el.classList.add(SHOWN_CLASS);
+    else
+        el.classList.remove(SHOWN_CLASS);
+};
+export class JustifiPaypal {
+    constructor() {
+        this.paypalService = new PaypalService();
+        this.paypalEligible = false;
+        this.venmoEligible = false;
+        this.startSession = async (session, fundingSource) => {
+            if (!session)
+                return;
+            this.pendingOrderId = undefined;
+            this.paypalStarted.emit({ fundingSource });
+            let orderFailed = false;
+            const order = this.createOrder(fundingSource)
+                .then((created) => ({ orderId: created.provider_order_id }))
+                .catch((error) => {
+                orderFailed = true;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Could not create the Paypal order', PaypalErrorCode.ORDER_ERROR);
+                throw error;
+            });
+            // The SDK is what normally consumes this rejection; swallow a copy so a
+            // failed order can never surface as an unhandled rejection.
+            order.catch(() => undefined);
+            try {
+                await session.start({ presentationMode: PAYPAL_PRESENTATION_MODE }, order);
+            }
+            catch (error) {
+                if (orderFailed)
+                    return;
+                this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED);
+            }
+        };
+    }
+    componentDidLoad() {
+        if (checkoutStore.checkoutLoaded) {
+            this.initializePaypal();
+        }
+        else {
+            onChange('checkoutLoaded', (loaded) => {
+                if (loaded)
+                    this.initializePaypal();
+            });
+        }
+    }
+    componentDidRender() {
+        this.applyVisibility();
+    }
+    get currencyCode() {
+        return (checkoutStore.paymentCurrency || PAYPAL_DEFAULT_CURRENCY).toUpperCase();
+    }
+    get showPaypal() {
+        return !!checkoutStore.paypalEnabled && this.paypalEligible;
+    }
+    get showVenmo() {
+        return (!!checkoutStore.paypalEnabled &&
+            this.venmoEligible &&
+            this.currencyCode === VENMO_SUPPORTED_CURRENCY);
+    }
+    applyVisibility() {
+        const { showPaypal, showVenmo } = this;
+        setShown(this.buttonsEl, showPaypal || showVenmo);
+        setShown(this.paypalButtonEl, showPaypal);
+        setShown(this.venmoButtonEl, showVenmo);
+    }
+    emitError(error, code) {
+        this.paypalError.emit({ error, code });
+    }
+    // The script tag is the dedup token, so a second instance (or a remount)
+    // reuses the in-flight load instead of appending another SDK.
+    loadPaypalScript() {
+        const loaded = window.paypal;
+        if (loaded)
+            return Promise.resolve(loaded);
+        return new Promise((resolve, reject) => {
+            const selector = `script[data-test-id="${PAYPAL_SCRIPT_DATA_TEST_ID}"]`;
+            let script = document.head.querySelector(selector);
+            if (!script) {
+                script = document.createElement('script');
+                script.src = paypalScriptUrl(checkoutStore.checkoutMode);
+                script.async = true;
+                script.setAttribute('data-test-id', PAYPAL_SCRIPT_DATA_TEST_ID);
+                document.head.appendChild(script);
+            }
+            script.addEventListener('load', () => {
+                const paypal = window.paypal;
+                if (paypal) {
+                    resolve(paypal);
+                }
+                else {
+                    reject(new Error('Paypal script loaded but window.paypal is undefined'));
+                }
+            });
+            script.addEventListener('error', () => reject(new Error('Error loading Paypal script')));
+        });
+    }
+    metadataId() {
+        return (Math.random().toString(36).substring(2, 15) +
+            Math.random().toString(36).substring(2, 15));
+    }
+    async initializePaypal() {
+        const clientId = checkoutStore.paypalProviderClientId;
+        if (!clientId) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.applyVisibility();
+            this.emitError('Missing Paypal client id', PaypalErrorCode.CONFIG_ERROR);
+            return;
+        }
+        try {
+            const paypal = await this.loadPaypalScript();
+            this.sdkInstance = await paypal.createInstance({
+                clientId,
+                components: PAYPAL_COMPONENTS,
+                pageType: PAYPAL_PAGE_TYPE,
+                metadataId: this.metadataId(),
+            });
+            const eligibleMethods = await this.sdkInstance.findEligibleMethods({
+                currencyCode: this.currencyCode,
+            });
+            this.paypalEligible = eligibleMethods.isEligible('paypal');
+            this.venmoEligible = eligibleMethods.isEligible('venmo');
+            if (this.paypalEligible) {
+                this.paypalSession = this.sdkInstance.createPayPalOneTimePaymentSession(this.sessionOptions('paypal'));
+            }
+            if (this.venmoEligible) {
+                this.venmoSession = this.sdkInstance.createVenmoOneTimePaymentSession(this.sessionOptions('venmo'));
+            }
+            this.applyVisibility();
+        }
+        catch (error) {
+            this.paypalEligible = false;
+            this.venmoEligible = false;
+            this.applyVisibility();
+            this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Error initializing Paypal', PaypalErrorCode.INITIALIZATION_ERROR);
+        }
+    }
+    sessionOptions(fundingSource) {
+        return {
+            onApprove: () => this.paypalCompleted.emit({
+                success: true,
+                paymentMethodId: this.pendingOrderId,
+                fundingSource,
+            }),
+            onCancel: () => this.paypalCancelled.emit({ fundingSource }),
+            onError: (error) => this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Paypal payment failed', PaypalErrorCode.PAYMENT_FAILED),
+        };
+    }
+    async createOrder(fundingSource) {
+        const response = await this.paypalService.createPaypalOrder(checkoutStore.authToken, checkoutStore.checkoutId, fundingSource);
+        if (response === null || response === void 0 ? void 0 : response.error) {
+            const message = typeof response.error === 'string'
+                ? response.error
+                : response.error.message;
+            throw new Error(message || 'Could not create the Paypal order');
+        }
+        const order = response === null || response === void 0 ? void 0 : response.data;
+        if (!(order === null || order === void 0 ? void 0 : order.provider_order_id)) {
+            throw new Error('Paypal order is missing a provider order id');
+        }
+        this.pendingOrderId = order.id;
+        return order;
+    }
+    render() {
+        return (h(StyledHost, { key: '05c771ae41d3b21da7046e70c7d0e03efc296a0c' }, h("div", { key: '8e7a14372ce29b4da284efadb43c27d0c059607e', class: "paypal-buttons", ref: (el) => (this.buttonsEl = el) }, h("paypal-button", { key: 'aa7fa82c96ca4d41872f445a01e72a18f6f5920a', type: "pay", ref: (el) => (this.paypalButtonEl = el), onClick: () => this.startSession(this.paypalSession, 'paypal') }), h("venmo-button", { key: '2cb068aa82460068548f133607cebec096028a41', type: "pay", ref: (el) => (this.venmoButtonEl = el), onClick: () => this.startSession(this.venmoSession, 'venmo') })), h("style", { key: '159cc68f682ed79a9a83be7d1b4c88127f8a2623' }, `
+            .paypal-buttons {
+              display: none;
+              gap: 8px;
+              width: 100%;
+            }
+            .paypal-buttons.shown {
+              display: flex;
+            }
+            .paypal-buttons > * {
+              display: none;
+              flex: 1 1 0;
+              min-width: 0;
+            }
+            .paypal-buttons > .shown {
+              display: block;
+            }
+          `)));
+    }
+    static get is() { return "justifi-paypal"; }
+    static get encapsulation() { return "shadow"; }
+    static get events() {
+        return [{
+                "method": "paypalStarted",
+                "name": "paypalStarted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    fundingSource: PaypalFundingSource;\n  }",
+                    "resolved": "{ fundingSource: PaypalFundingSource; }",
+                    "references": {
+                        "PaypalFundingSource": {
+                            "location": "import",
+                            "path": "../../../../api/Paypal",
+                            "id": "src/api/Paypal.ts::PaypalFundingSource"
+                        }
+                    }
+                }
+            }, {
+                "method": "paypalCompleted",
+                "name": "paypalCompleted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    success: boolean;\n    paymentMethodId?: string;\n    fundingSource: PaypalFundingSource;\n  }",
+                    "resolved": "{ success: boolean; paymentMethodId?: string; fundingSource: PaypalFundingSource; }",
+                    "references": {
+                        "PaypalFundingSource": {
+                            "location": "import",
+                            "path": "../../../../api/Paypal",
+                            "id": "src/api/Paypal.ts::PaypalFundingSource"
+                        }
+                    }
+                }
+            }, {
+                "method": "paypalCancelled",
+                "name": "paypalCancelled",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{\n    fundingSource: PaypalFundingSource;\n  }",
+                    "resolved": "{ fundingSource: PaypalFundingSource; }",
+                    "references": {
+                        "PaypalFundingSource": {
+                            "location": "import",
+                            "path": "../../../../api/Paypal",
+                            "id": "src/api/Paypal.ts::PaypalFundingSource"
+                        }
+                    }
+                }
+            }, {
+                "method": "paypalError",
+                "name": "paypalError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ error: string; code: string }",
+                    "resolved": "{ error: string; code: string; }",
+                    "references": {}
+                }
+            }];
+    }
+}

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

@@ -0,0 +1,17 @@
+export const PAYPAL_SANDBOX_SCRIPT_URL = 'https://www.sandbox.paypal.com/web-sdk/v6/core';
+export const PAYPAL_PRODUCTION_SCRIPT_URL = 'https://www.paypal.com/web-sdk/v6/core';
+export const PAYPAL_SCRIPT_DATA_TEST_ID = 'paypal-script';
+export const PAYPAL_COMPONENTS = ['paypal-payments', 'venmo-payments'];
+export const PAYPAL_PAGE_TYPE = 'checkout';
+export const PAYPAL_DEFAULT_CURRENCY = 'USD';
+export const PAYPAL_PRESENTATION_MODE = 'auto';
+/** Venmo only settles in USD, and the checkout payload carries no country. */
+export const VENMO_SUPPORTED_CURRENCY = 'USD';
+/** `test` checkouts talk to PayPal's sandbox; everything else goes to production. */
+export const paypalScriptUrl = (mode) => mode === 'test' ? PAYPAL_SANDBOX_SCRIPT_URL : PAYPAL_PRODUCTION_SCRIPT_URL;
+export const PaypalErrorCode = {
+    CONFIG_ERROR: 'CONFIG_ERROR',
+    INITIALIZATION_ERROR: 'INITIALIZATION_ERROR',
+    ORDER_ERROR: 'ORDER_ERROR',
+    PAYMENT_FAILED: 'PAYMENT_FAILED',
+};

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

@@ -127,7 +127,7 @@ export class JustifiOrderTerminals {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '1fd8c50ac4e22bb2aac46ed0379f4740737e9760' }, h("div", { key: 'caed839c05af25c7bcd6599c45cd5058491a1ba9', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '54455809df1f26151a5ef7d5935e38a8329cbc2e' }, h("div", { key: '6ea3b5336d4c779da65bf2b710aa8fa5757c3b19', 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: '1704fa75958fcfd09f49a3c0fe8116d573bfa2ed', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '0efa6cc9b68c077928f808ae87de23bfdae8d114', class: "d-flex gap-3" }, h("div", { key: 'bffacd3f4efa0f4836df925c71cda7b557041041', class: "d-flex align-items-center" }, h("img", { key: '5d2d65f2e080408fce1c036f95b19829de05ec21', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '8c97aca0bf669cbd0b19f6d7eafffd36b20fd14e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '96ec8a7338c8d3bcaa032a8dd0f68a331901ba57', class: "row" }, h("div", { key: '85cf477f4bc74ef873d7087e8e087728f80d9412', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '50357d9dad8c03ff4112a8a5f95aa8ccf99ea640', helpText: this.description })), h("div", { key: '598a1cd15123c470dcd3bc602a988ad335f07f39', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '6868ee6d61d15ff37d01432e40126ae4f77a97cb', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'dff94157f9c0cf1afbe60ee655568cd6b109fc1f', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '12aa22434ff134acd554a7eeb9782c81d14d7f02', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '63237aed2228e101ed2a882e4993865afa886a09', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '5dccc2e66eb1555f5d60a5c9b0e4250ff003194f', class: "d-flex gap-3" }, h("div", { key: '6da3cf0ddc09d0a80969f4a109320190c9ec26a4', class: "d-flex align-items-center" }, h("img", { key: '900fbef983071b6838dc62ef62aeecc7a83c22fc', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '9c2f602f486233d1749faaadaa5c5c4a46e2e86b', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'b2f2a90050ad90240c249a62b5dfb353c4a9d6f3', class: "row" }, h("div", { key: '816a91666b31568fb7a26e2d34c2894c79d67303', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '48e67406ec6cb6095a5bf0216595800172bd01b7', helpText: this.description })), h("div", { key: 'eb8b820f364f724f3deef236c7d0f16a6afa0e10', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'fc01f21c067d963c61b2aeb4ee29b172dec7ab54', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'bc61bbe36b0031ba78bfc5789a8359f3848afbca', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '30061e988706cb075066ebf7876dab5a65d855dd', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

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

@@ -81,16 +81,16 @@ export class JustifiPaymentDetails {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'f304cb665f17ce96b6d97a38d94907629f559413' }, this.loading && h(PaymentDetailsLoading, { key: '709acde31230bd9e825e4e9669234492aff3cc3a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '09a4a2559fb89a5b4b57d81b0fd48952c219d348', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '7cbfece91ce9e5fab75d561ad369080ecbe76fa4', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4aa014d77def141d2053c3745b8215cc03a53ac7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f344398f4fd4db6e1e7ca1335c3aa55630668475', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'a01e5a04400b996cfb2a9e563c8f383b8e8d7c66', title: "ID", value: this.payment.id })), h("div", { key: 'ef0c63d53031dfa8910dfbdedede1e20ac09e78a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5053784a7e3bd8932562a816921564aadd6d79c8', sectionTitle: "Details" }), h("div", { key: '43c56ee5a39589ea7a0107f32e274be439adf33a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'fcee2dd211c9bf951cdd6855ac3fa844632391ce', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '44d055f3445f02feaeb4519b5f4777333089a8c6', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '906b584174bd5c329974274a2f1e1ef7e9e8fde0', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '809429e88eac8ebe8142bb0028f8b86447977697', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e08c02efc64f105ce3180e9773584a331ae19a9b', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'fbb910b7006f9d4bff9b14ffd4fc2f7da8b68020', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '09fefc2d1a750ab2f5dfb2043db08d5f16d6d9aa', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1d96f4557823f1d82d5c6e0e46a984c13c6f018b', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '51bfae7ef30f36c99c0fa1b25dc5397720ef88ff', title: "Description", value: this.payment.description }), h(DetailItem, { key: '5c44b3d40bfe6b2fbf258fee90f55ff24d0b3c28', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '3d652ba331824448b7e7af969b2ead216f358e28', sectionTitle: "Payment Method" }),
-            h("div", { key: '49ad00ec9d703d196a025fa17b03f4af7cdc4dc5', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b1b3f57e74fd65dc4b82d727a94afbe14803c52', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'b23d5263566ff11d469dea9a245d20a7689540f8', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f5f76d6d9ac609884aac18fe2743d4fad2192b86', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '22f296966b6f1aaf516b1d70144cff4f59b82c05', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd7dcd0f7a74ed2cc5ba6406a7d48522ca06a7546', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'c20a9881f121383742df4097abd211fc01fa614c' }, this.loading && h(PaymentDetailsLoading, { key: 'cea1dbe1de00b872e3eb83207c2f3f198dd0ce3f' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '821173761c94527c920ced8af53634389ee5e6fd', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'c596fc0f0a72f1775295fddb96490c9c2b7c8a4d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'bd77afb1bffcf42d07858f7f717fcbf672762766', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ccfb0af2a6680eb76a4e6db01728204725b752c0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '60f832dd62f9b4aed3495c6aeb38d7798aedf420', title: "ID", value: this.payment.id })), h("div", { key: '3073acb5c67e330e18f45d00b62912bcb5d6b49f', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'aae396fef7ef9394ac4f90a0d3ae5090dfd91e5c', sectionTitle: "Details" }), h("div", { key: '71330cbb6fef542f60d76a1a6bee1e1d950a95da', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0d64521a40aff244e599a0f8946c8c1a06f6c1f5', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'b67670f8c89d38b5dac856e0326e8dc4aa79240b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ec82b98af9fc602c273c7d624aae13b2121f40ab', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'f785ac60c1a5520d3fefdcd746629431db689dae', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'ad986f25d781e51ba7991b5487dcacb63c0e2422', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'aa9918c2962d5e17a3bc7550dc134a85c9f863ab', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '4052d75ce51d350d3f82b05a2447cb0481b9ffa0', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '2f89484e36dc4e5a01e27033f7ff9602b2d181d7', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '41768b7db45146a949180eebb0ae53d19d39cb7b', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'fef4e8b59d7ca04ee895a7b4eba58503b97956f9', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '615d5d3a1df6e0b32cd5d7d4dd264250f732a2f4', sectionTitle: "Payment Method" }),
+            h("div", { key: '37811c349258526f1fb5e1d7dda8547a01fbc4c7', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'eee5b8828dc3b5e7bf5738d95d488b03d7704934', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'dbda1d8cf16914f1adf0803340d807abc504758b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '2887c82fcaec3a7322644a928e4291970a69d4a4', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'dc707f794882ba9143cc46541ce89f072e98a653', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '8de60a9b5d5f781d1554108fc80ae0799e3143a6', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '37a2a20c462cb94baa01ca7763d43ced04b4543c', sectionTitle: "Payment Method" }),
-            h("div", { key: 'f6de7746d5ff64d27368edef51b3c4e0ff7c658b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '34e9b26c6d20e9b5e86e4cc11fb925ff1ef5ce94', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '32cd6da4d7234aca403bd699de23e1cf889bf14f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'f1313ac7c15d5ae2d9dfa2b6d3ec794d0987252b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '76d1ac1961e530a7a6e1ba5512b982cd70df9470', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '697f50418855675ea222fe2dc7558d30f884ed47', sectionTitle: "Payment Method" }),
+            h("div", { key: 'c7a013952b32f95a74d0e0f281a0750966e58c0d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ea9692b3a3dac313aa366ec22f0d766ba5eb0d52', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '5826fd24417df7fbaf952d60dbb21eb7ebf6ce36', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'a16f0171e05a59eb302404b1c5ccfc4a62e9899b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '88dbbfe65ef4e7d1e31c9fc98de3dfddd33526c1', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '1cff262d07acda5bc742f325a23f4199c22f3a01', sectionTitle: 'Metadata' }),
-            h("div", { key: '77379785d2559d39a26a253757fdaf02795c53a1', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '92cb32f3dd6b45094210194e2e40927d7f9d6bde', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '7f686436fda99b434f651758e420f2ad6be5d60a', sectionTitle: 'Metadata' }),
+            h("div", { key: '67b2e9543eba5c27c1d5b7e1a70115a2eb7f274a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'f2dc90048696d2c8b0868d966d1e318e2c16fdbf', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "justifi-payment-details"; }

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

@@ -91,7 +91,7 @@ export class JustifiPaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '24e7a4313ab91f179fd27b6596f012487de06815' }, h(TableWrapper, { key: '1f9a7a56a940e41dd865bc6f3a8681ce86d60d58' }, h(TableComponent, { key: 'a26ce09ae4df84698be1ea37cb735e38c0a0402e' }, h(TableHead, { key: '07f8655efd483e1d9240e65b17dc13583028f376' }, h(TableHeadRow, { key: '0b62a7700715dbaffbedc0538432d075a3158499' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'adf75fa50ddfb5257875b2779fc6c157812d4c19' }, h(TableLoadingState, { key: 'bc77de512b3e5fd1e6c4b8cf908b46027a3bc33f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '413d46e184399cba3993f37efd64cb0d0a10d905', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9deaa794dc848ed7c85cbadc3b4cfe7c9fb1176f', 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: '16ca0811bf42dc9419f8b77086e8e7e2cf6d0085' }, h(TableFootRow, { key: 'e11be42549832c35078acf47b7c165fe1e50ea98' }, h(TableFootCell, { key: '205d649068b84200b88adc1be9cfe192abfe13be', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2a28645220d4f18b7037e461bd93eefc3aed49a0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'f8b0f3a58ef7f88c0ac42fc58955b28ad97922e4' }, h(TableWrapper, { key: '2dc653b63611cbdfa388b386cec9b3adf751bd12' }, h(TableComponent, { key: 'a0bd64c01870ccd4bb921d5d90c7453650131f16' }, h(TableHead, { key: 'b92ce24dab41cbaf1d8ecb1df43739d2548fe73f' }, h(TableHeadRow, { key: '5f983b93b2b9b6661cae2cf74802519175aae8cc' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'd9a51ecfc54c16a4859f9d66fb783f3876fc3428' }, h(TableLoadingState, { key: '232f1b59ddeb9f949901678a67c652cc3aedfdf7', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'bd9a853887da939c651c234cd4f0e3ab35d610d1', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'da157eb9d18d89353f6aebb085bb4becb15ac89f', 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: '41ffc1c9d3591dad7973f862b78b488e089af863' }, h(TableFootRow, { key: '17780690e1b44eb6ba13128d3ecfee73c6be06a7' }, h(TableFootCell, { key: '312b9a0b9649ffd9033ec1333b2d9d8eb666d185', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4ef805672cf530850ecdf13e26eefc8015f80fa3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,8 +54,8 @@ export class JustifiPaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '09966b2b69d97d14d988b1658c50755be453451b' }, h("table-filters-menu", { key: 'e5e1e3bf59528776e0ce67be1d57f442cc47d717', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'dfb76c7b261911aaecba4ddc179f935e076ab6a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e875c8eb14dd1ca1bfe3d0973de89cba0627063d', class: "p-2" }, h("form-control-text", { key: 'cba3e7736f5d85f32ac8023125d59f25a4e5e427', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '468b20f8494330c1db0a00f63e928c656e47e463', class: "p-2" }, h("form-control-text", { key: 'f9a48b0116e239f97a39246647470fd7f8e3718f', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '805d358d7a091b4826f20af9df930f61cf754364', class: "p-2" }, h("form-control-select", { key: '07c7d0627be6629864cc9b130c347d110e7b337d', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: 'aa3f3d30fe781dce7f516d80730362bed20348be', class: "p-2" }, h("form-control-select", { key: '7d70542a944db0588361ab5be7df9c8bf83d0463', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'df2642d3a148199d9ffbfd01cae6ba4aaef6f2a4', class: "p-2" }, h("form-control-text", { key: 'b462acc0489803f54b2beb4d8cc58bb1c11ebb48', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'c5eb36e85489492d4cc66707762d04bf4e38e56f', class: "p-2" }, h("form-control-text", { key: '483a8cea7f8f1f6128fc16789b34015041fb250b', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '669126e41e31c84745dd7c4c6dc0f0d2eb843e9a', class: "p-2" }, h("form-control-date", { key: '20b993fad450f448bc1cbce6a24c05f5038df2da', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '49002f16423461fca88249d9fdd7fc0a27abe117', class: "p-2" }, h("form-control-date", { key: '5a3b0093e5c2593e1f39b82220511704210a6179', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'e3eaa38735042ba3618a8c042e7e1b351ba3c92d' }, h("table-filters-menu", { key: 'af5a94add7dcefe868e65d46a38a662b4d7986b3', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'c2c02f915eaf984458b3f99dac4bb9317aac8b7e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2130e16ffea403ac5fec93e7d77aba470529264f', class: "p-2" }, h("form-control-text", { key: '4e45a57455eed0be81236e1939c2ca5e5d741c81', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: 'fef1849cf8f58c70f0fe8a5604545cabb58901d6', class: "p-2" }, h("form-control-text", { key: 'f8f076fff19c4a90901e1adacc61023a88d0bbfa', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '304d816e47dae74e1d493df5ffd34cef2cd93600', class: "p-2" }, h("form-control-select", { key: '265350ed2411acc1bbfe6dec019a79e808713349', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: 'd644bf25f3e524403ee5d7590d4d32fad0e56688', class: "p-2" }, h("form-control-select", { key: '871056ad4364d14a18621e4da6e49bda609ef17a', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'e568ba09614c66e5a589b745dee36465e5c962b5', class: "p-2" }, h("form-control-text", { key: 'e58eb1b507c87220437ef0d9b3fcee8643408244', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'b27cde43483bffbef99f22d707d28bebce514069', class: "p-2" }, h("form-control-text", { key: 'bf35df034fcb1e3c2e09503b94adca74083ccb7f', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '3ef0ccf656c147044586a2f88c718a0c833ee6c4', class: "p-2" }, h("form-control-date", { key: 'c6b2dbfab6749f853ecf54959cd5f94c8db7a9ae', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '02c746e653dac58005381d19eaa5371347e02297', class: "p-2" }, h("form-control-date", { key: 'dd7d369a655e0f1e10497f45cfa7085c045287d3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

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

@@ -120,7 +120,7 @@ export class JustifiPaymentsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: 'b2c7bd7573c3a2cdc683e6ea0b22bc625eaddbc6' }, h(TableWrapper, { key: 'edcc04c18ae762b75aab3cebe31a5aab824843ef' }, h(TableComponent, { key: '98b6e699948ac65667497b59b0ac23e36d7ea212' }, h(TableHead, { key: '06830e440c2f5ea23acd0109f58dd6e11f6495bf' }, h(TableHeadRow, { key: '8a29564e85eb5a870c37c58cc57a149327f5405d' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a03ffd7422fbf7f364a6f7545a0158fb0cd38691' }, h(TableLoadingState, { key: '6f48d9791c28a3407edddf97fc54a1a92c5e7dbc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ab948e22cf74e5db93835df17f93c200f0caf698', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '28064e964a0db825ba7d78bc84e55c88b5c8e0c3', 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: '036c71025fb6d150a3bdaa370e84e955ecf79b66' }, h(TableFootRow, { key: '373d7ac9f89a226a32a26a5ee7bb2a2246f8a454' }, h(TableFootCell, { key: 'a74ee4a4f5004dfe5e0513cfeea66c3b34b8d610', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '438d49d2094bb17488b8e2aa90fd0dbce100d920', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'eb828891504cbcb38a6d7b73ab2411b23bca30a2' }, h(TableWrapper, { key: 'f523dae8af945d79a36734bb35ecca94ea094fff' }, h(TableComponent, { key: '8a69883c8217fdc36280cc3f2f95c83ad449b621' }, h(TableHead, { key: '1b47d5b433eaf0a749f8bdf97afb269518840e10' }, h(TableHeadRow, { key: '4a1be7574f03aefd7687f200dc5cdc2b92a47d90' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '02ad2f601a923526c2555f598f54e674763c3cc6' }, h(TableLoadingState, { key: '274a86633dfbf13395acdfe9725cd14e13c59d8a', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '18ceb62121b9387a1bb8a8a74dfa458dba869b01', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '7cbbc7524f44ac22d16c257c5bdc4998f21d1983', 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: '0da01573eaaa7cf98b08f9f5910d536a687dc6a3' }, h(TableFootRow, { key: '402175c67d164d0f6deba109ff11230ef4772675' }, h(TableFootCell, { key: 'e2c8b098aacadcf5b0a5587e01f1191e287cd9fa', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '91bffb1511a93c0b39f7cdc711c1f92e5381f5ec', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -102,9 +102,9 @@ export class JustifiPayoutDetails {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(StyledHost, { key: 'da86ceeb41265056f9bc64c07b3bd7db4a91471c' }, this.loading && h(PayoutDetailsLoading, { key: '49ae2848db4a5b59770c2b84bfba745861573a6d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b4e6740d49ae1099f28ea3d6f21fe0da48149c71', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'e9efbeeb7894996f318d90fb38826a6a9e4cc4b3', 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: 'feb913d2b90e86fb4f5575379e9b9a47adfa723f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9fe6da08323735948f145a72a02db26a6eb31f02', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'd01c4b7ea7c966b524026a6e97c0575466de3f74', title: "ID", value: this.payout.id }), h("div", { key: '4c4f73e5898caedbb1b7aba326dbfb0dcfbb59e6', class: "m-4" }, h(Button, { key: '622a6e8384da37f4bb3896bcafea46ef697b140e', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9b9271663673dc2e78e89bec5c7c9c47daa6761e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ac5c6e1c09e63cd0616794b7df367a73889e37b2', sectionTitle: "Details" }), h("div", { key: '95f9d5a0097499fdb24f44ea87313c3b34a96068', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ecf60d4a4783c8fb52e10222dd4f6e9935cd0910', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '289971a08641bc2dc725d603ef611291025cd6b4', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd237aacbeb9b23ac0d45aa978350aad4824b0695', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '744ef2b8878b742483750fb921ca9790f6aa9ec1', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'dbf3327510523afc6edd78ea2926f99593da9748', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '15983342dbe916770291f33226b744e8c4c1129e', sectionTitle: "Account" }), h("div", { key: 'b3fb4353794dc490633a14abcc829ff0835d989f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '665fbe47e3b35c0b7ffb3e6c17e15c3703c90250', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '5b15d5bc8a63541ac8d77eddccb47c89659fd05a', title: "Account Type", value: (_b = this.payout.bank_account) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '947043e3571f27a672060f2101296daba0073727', title: "Institution", value: (_c = this.payout.bank_account) === null || _c === void 0 ? void 0 : _c.account_type }), h(DetailItem, { key: '74ac687b37c7ca91a88863730560333c41b9413c', title: "Routing Number", value: (_d = this.payout.bank_account) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '43cd9aa5ac45f6efba97901e3e1386446065c28a', title: "Account Number", value: this.payout.bank_account ? `**** ${this.payout.bank_account.account_number_last4}` : undefined })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '8bf04ae43a08d8ef624357f64df900a11b8f2dad', sectionTitle: 'Metadata' }),
-            h("div", { key: '1bf737734f34f626cbfb9dd878afbb91b6f01913', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0d1481e1823e9b2f28328ebfb3cd1c92c6342cc6', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '142db792aa54d2e598071b2787e9c3225ac53561' }, this.loading && h(PayoutDetailsLoading, { key: '34f30e5076a727a1ac1ec3e510ee497dd2118781' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '1a35e41004c25f3d1aa6f9e422dade0149d1864f', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '159e5f4ce02466d1679ab9a7288e39b58422cbc1', 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: '33852a41177edfbf5df0419dc3d09a33e8b1bea5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '158b9ce9844ebc705582921133e3bd8748d11722', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1066d269cec1d90311add505d19c17ca2f9a0863', title: "ID", value: this.payout.id }), h("div", { key: '4dcbce85c6e11ef99b7370f03ed33acd384d5891', class: "m-4" }, h(Button, { key: '5206d2702ba0379db1304b77ac07c92e69754f14', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'd6a4a013fb6e48f4c4ef79361a92240b6c7ee5e4', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '170281f71a4decf37ba3a5525b38935131f68600', sectionTitle: "Details" }), h("div", { key: '500a4b494c633a9dd7a029c0b742c7316dff9c16', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '72bcd40ca0b5a172e4a9854071630761e95bc0e6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '1429c2ffb77148dbaedb73e45849bbbf3f18e65e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'cb7541a3c40f8dc9dce258b8f2c55c68782144f6', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: 'f871fdcc0a606267b04cc3865a918c7acdad9a2a', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '32b60dd33cc414bbe87ad24f6aec31fd6a907346', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'be9b1a451d296029e7fecc3b37f7cc994dbccc05', sectionTitle: "Account" }), h("div", { key: '97e6a3b1fbf8096ee44293262e4554bbe8400b31', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '48765886ae8274f95789e5262c280e4a8fc71116', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '26c552db6cae6855a50550b05258ea37d279e8c6', title: "Account Type", value: (_b = this.payout.bank_account) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '5844b3d0c9b1b84da8111ea70233335246524244', title: "Institution", value: (_c = this.payout.bank_account) === null || _c === void 0 ? void 0 : _c.account_type }), h(DetailItem, { key: 'd3582f8418241f330d3b02a823f32def67dd6cc3', title: "Routing Number", value: (_d = this.payout.bank_account) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '872d385fb085bf8c908ee47d1b4e0a851125ad3c', title: "Account Number", value: this.payout.bank_account ? `**** ${this.payout.bank_account.account_number_last4}` : undefined })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '4e8c13627b364b0bfc59a85ee15cc8212872f279', sectionTitle: 'Metadata' }),
+            h("div", { key: 'f0071fcf1edf15c19303ac1af0760312f17ed2d4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ae1ef093dac17315972e3aa5350028d08a34a90d', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "justifi-payout-details"; }

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

@@ -95,7 +95,7 @@ export class JustifiPayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'e7b5b219c34d1c8610fb4113fedd503f0512db2d' }, h(TableWrapper, { key: '97bbe678c90ba115a091db4fac42560c17f557f2' }, h(TableComponent, { key: 'ef90c77cd8f19a80e2b3e2b514aa1bc735a1b783' }, h(TableHead, { key: 'f5f0a00594f099931f1ac1cd4e359bb8fab11ec8' }, h(TableHeadRow, { key: '559648add19e0426d756f71ecb7bbd5cbcf1349e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '49f8da0be5dba34ffbb92805d7b5b0fb3eeb6bf7' }, h(TableLoadingState, { key: '1d61dc2157608f38eb34e64452d7089857e6c67d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'd1f735fdb009740a186a16ea7e15d0320965a286', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'f50ecc151be5c9143fb69d575a1ef14b3aa17b61', 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: '560536e623b2437d613169af2980aec13ebb4531' }, h(TableFootRow, { key: '42b82920fdd6056bb654db92acf3741aafb13d99' }, h(TableFootCell, { key: 'e2545104fdac51e0ada942138a08714f213bce63', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6a74b19f3fa02f0e86e00783a06b0dfba2bc0ed8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '1572d59b82d7e4f2140fe94dbbb91c810f9ecda0' }, h(TableWrapper, { key: '908f08eb27b6650a86574ffb7f19e021e7ff4659' }, h(TableComponent, { key: 'ef8ae77a07274833c0ce56e90685d2001b32cfce' }, h(TableHead, { key: 'b9672731713b7bfa60d08f67359c0fb54a3d313e' }, h(TableHeadRow, { key: '175cfdf101b8d263af2163a7a51fef7a69036132' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '74475a34dde0dabee89d84013114f68e6e5f12ee' }, h(TableLoadingState, { key: '5a60a046c259d614dc830e7bb2bdc950ace10ede', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '25c2bde71c004b7a190a80e0a92cd51be80cccd1', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '1cc2b6cc80ccd0eb6fc8d7b69f0b44a369e660f8', 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: '2a1229c56c8665515bacde6da6c96b522a2af136' }, h(TableFootRow, { key: '9fe927466e38927d412ffc862ddd6bda6a6abbf5' }, h(TableFootCell, { key: 'dee4c152b024f62c1b12f542034adb894e61ac26', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '183fcc59d45b69133fba561b441bb7e63ba22ac9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,8 +39,8 @@ export class JustifiPayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '4047a84518ef07a3e9d22f3d6866452dcdd7bab3' }, h("table-filters-menu", { key: 'a1db3d5c8c0bdc44ea7d9dc35f0c460b4b5930ab', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '0d8e8244eb9516a97914942e1e0836dd8ab53639', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '47021850703e8ab104b287b4efa93693272c435b', class: "p-2" }, h("form-control-select", { key: 'f0312f36bc05c4fa6d4e7841624f8d977cdec6c1', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '211ac119c8172aa4e626b7344b25a1df26019aa8', class: "p-2" }, h("form-control-date", { key: '168757bdc92bf54e076d4d5aff63f8a04de65464', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '43aa8054ba063b70eadfff7240908329f47d1c02', class: "p-2" }, h("form-control-date", { key: '16a86a41c301dd32a6d46067c32d1316c80ceb5d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'b9fee98684dd11dde1a3acb0182b5fa01e243e08' }, h("table-filters-menu", { key: '94afefa2154a91b5f3298b871036c1b43390b346', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '92fea66d7ab1a268d98904aeb5feef5dda6ac470', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c3a6e8a2706cebfbc288dbf6c2416193b111964c', class: "p-2" }, h("form-control-select", { key: 'c40703185d3ec20f7b53f601c927510dbf5c8f35', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '7d8f007a0206e9a622526acfceed1f1ed67757d7', class: "p-2" }, h("form-control-date", { key: '2ca95ac4deaae4fed48b8bc0ba0e73586dcdd0ac', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'c5aa9f2f5dfb91de4b31efbc1019398a1377d2b1', class: "p-2" }, h("form-control-date", { key: '24d4adf0c73e773dfdb60f585c7739112dc46290', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

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

@@ -187,7 +187,7 @@ export class JustifiPayoutsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '653896fabc4becf531ec119d252cbaea301a0dc6' }, h(TableWrapper, { key: '63787473d67118a7f092bad666c47346872a7834' }, h(TableComponent, { key: 'c17ecce261475c8bfe357ff30d06f189c8f96480' }, h(TableHead, { key: 'cc23edeff6a1e595671b77fa51c73ff313692b16' }, h(TableHeadRow, { key: '4ed5b5ee149538d2de60ee6e27edde55e8d11eaa' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a0a886e70ba99ececd78e5bc34aec065466fe6ce' }, h(TableLoadingState, { key: '38bf9109ca73ecfd5c85529a8f7232069ffcdb00', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '6f5341305ef71f86bbf3680e2c6d0dc461f3d09f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'bd5e8cc72b460238636546a568645c797807f2d9', 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: '15145b7ef9cc37a2ad70cea5698d53df069979bf' }, h(TableFootRow, { key: '2d4ed5a1ab5eaf0eaae0bbe35f02edf59c23b22e' }, h(TableFootCell, { key: '11c8505cfd97117afaf79ea68a3fb00570a9c7cb', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'b8e7e29d4d932f43b3381235de57b63cc6a5283b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '4cd005fa6c9e95d155cd7a79c49232581c070c14' }, h(TableWrapper, { key: '177a2a96737ca085cbb7399144a75c0d1f4475dc' }, h(TableComponent, { key: '7140a202ae38a658351184f14530bd5dadce75f5' }, h(TableHead, { key: '9bf81a259376cd822593622a1266d2cc03ad6d94' }, h(TableHeadRow, { key: '339c82a1e59e594c3353b65745b99e9cbeff9250' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'ca06c1cea570eaefa6df729075fac76c9fa7a7e9' }, h(TableLoadingState, { key: 'f4d4c97961f944625c28e748767e18c0234d148d', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c741073dc9d10f85034271d584484d565d6ac0e1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '56f140df9f6ee94ee49128dba19cca5da3882c61', 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: '5ca01383d201beb41821941e2ec8500c88e0e31a' }, h(TableFootRow, { key: 'd929128878a42f208a153680fc70e8f408d9978f' }, h(TableFootCell, { key: '39f8af7ebd1cafee09ed9279d9114ce6f9667d87', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '83fd64853950a14cd1fe0c31b033aff0f54c014f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,9 +50,9 @@ export class JustifiTerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '287baf0a2de1287195105adbebd501d2bccd21d7' }, h("table-filters-menu", { key: 'b0112de1075f459780d01528f017780c9ceedb18', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'f9acabaf7d2edbe4eabb81edc92b2378ef563012', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e76d3b3771b8084fc5f6bf32fac2c75c3da87abb', class: "p-2" }, h("form-control-select", { key: '9c687e7202a310500e85d3cbce29268ac04cdd4a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '345ebc972663899a456a7a660863cd81a9770a87', class: "p-2" }, h("form-control-select", { key: '26879377755e826a1d1f236ab5e54a22415451e8', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '2a7df2b8c9a3bfbbd76cca1a732c01521b08dd34', class: "p-2" }, h("form-control-date", { key: '3fbceb80eaf7ae48e02221961317d8c77ec2c5a5', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '4c3c59ab54215591c5b0eb9a26c45a0265e48d96', class: "p-2" }, h("form-control-date", { key: 'aea46abb41595c0cc5d82edd0f1f09425c0a1701', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: 'e83af454cde29c12fcd6e2e37093bf70fd03718c', class: "p-2" }, h("form-control-text", { key: '3c5fe84b5883b7df6247ed1eba1a15871cb882b5', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: '4917947c32b986dfd3e03e2194166a22b854c596' }, h("table-filters-menu", { key: '7cbdd6699501511839d26e0ecd320838da3d2ea8', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '3a5ed4007f3d9c68f71a31cb7086956f6808d3bd', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cd50327bf0d34adebab19ac71d2839e33572006c', class: "p-2" }, h("form-control-select", { key: '08340399deae9c6445d0bbcbc48c97afa9258e69', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '613cdc6699d667a0b733b1cb90bf336f4595d351', class: "p-2" }, h("form-control-select", { key: '8b432626428e64553c2c32a94aa53750474a677d', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '3f7f2d2fdf271489ea628eda3c9137ee60cb752f', class: "p-2" }, h("form-control-date", { key: 'dcf0f4ab51c8511d2877405b0460faa1b272ac61', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '5dca482d9530e6867a13d8f94961b909f243d316', class: "p-2" }, h("form-control-date", { key: '1d5fdee06fd5420edcc1b0b5cd75bfc1d4b563e7', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '38fb2f90de478f0b29b8711ba502fd280e6599ab', class: "p-2" }, h("form-control-text", { key: '772e6efb136cfd0edd2a0bfe3810e7616a2541b3', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -125,8 +125,8 @@ export class JustifiTerminalOrdersList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '14c0dfe45a6833251f4c2d1d27ea49568f7ac01e' }, h(TableWrapper, { key: '7995d0b2ccb002265769804aa112dca1178d14dd' }, h(TableComponent, { key: 'ddfb54945255a1ae601659b5dee46da8e7fbfb52' }, h(TableHead, { key: '26958541cd82e414d9b079ac18ff69022969a4b8' }, h(TableHeadRow, { key: '1068214ddc3e0003bab2212c0baff74c7e086b96' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '7b043e72311e7c956855320b7293a33e41f08da2' }, h(TableLoadingState, { key: 'b2532063645be1e926cfd7dca5b33414d09e5703', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ceec3f0f885e1377afdf36ca2714ebac9b6f7bfc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '2c35baac2f8902e8bf96844f17f57104ba253986', 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: 'f5e1fe9ba78d5cee96e044c60ffaabe45ff3d19d' }, h(TableFootRow, { key: 'ab8c1111b2a1124ba3f0b0bf2deb5893cf4c4ce5' }, h(TableFootCell, { key: 'd463b0e2db8c5d093b38816d78c9176e302fe2c0', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '364dfccaa8480e63e51fa3bbdbf4cbb560e9fbbf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ba50fc1b4bd66163d2ed0c5f98a6bbe18d991ddb' }, h(TableWrapper, { key: 'b3203a5765b3ef1e564bdee4e0a6ad2603ac7c09' }, h(TableComponent, { key: 'efd22eb95810e22ac977dc6d323dc5b807110a95' }, h(TableHead, { key: '2ded9affdda7af379ffbbd76fa05226389de0dd0' }, h(TableHeadRow, { key: 'ca48cefe5d497f0b6cbe83f498939f4d1232a45b' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'd7a38ad880b6e9334bf72d3fa8cb6eb69b0032d6' }, h(TableLoadingState, { key: 'f4bc0a54a68f29f82a8f7a1c34a5d29a80f16f65', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7a0f199dd9640efc16578fe106d5d16cf8872e5a', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'cf1bf5094f0769f0a4d81c730649769cd0870fe3', 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: 'cd9dee54cd5f27a0ae9c56771f6c99e0ea2ff125' }, h(TableFootRow, { key: '877284dd9926a1889fdf175ce0bf5db841fd9066' }, h(TableFootCell, { key: '2558454e5a5e3eb340170d6af43ad24c12aebdb8', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '8cf390bed552045b9950c4fcfe80f70e308d2cee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class JustifiTerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '525d0f21fd86348f6fa6f54177f0ad119cf91bf2' }, h("table-filters-menu", { key: '70599c95318b14012ca78d108e1e766d1a8c6459', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '32c1c355e6a8ac09431f4954484e60670dcc5ff5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ee88118d7a04042cd7f55caaf8cc3aea64fe1760', class: "p-2" }, h("form-control-text", { key: 'e56a6496c6fb4263ae571d8ed0f63a9d0a1629da', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '2c76c1e127d9cf79b9ed508e6266c33a034597b0', class: "p-2" }, h("form-control-text", { key: '75917f144ab87008533d7e2c59c984b6468c36c0', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '38162c73f48f3bb2e5f6745c7cf215154fddcbbb', class: "p-2" }, h("form-control-text", { key: '096c325deecea07554f5cc8d59a690c8321b6a05', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '403264eb68429594acee6a5d97781eafbdb33c81', class: "p-2" }, h("form-control-text", { key: 'd39ae5201f328985d72b3a79c65848a49adbbe45', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'f609fa409e36463b9e1cd4dc68a6be4d22122553', class: "p-2" }, h("form-control-select", { key: 'c19b381e48f030b865003187e470d55b0fcbe373', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '12e30437276bf2d7764a61af0a399ea519794904', class: "p-2" }, h("form-control-date", { key: 'aa30f779b70a96d9327a2adabdebe5330d453ada', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'e972337331bb18cdbf1ee40a241ac8de9f7b0553', class: "p-2" }, h("form-control-date", { key: 'e76864998f47a37d7fef5b1241a6dd8bc8e8a1a8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
+        return (h(StyledHost, { key: 'a74ed2422b669401402664c77542412f3763ba76' }, h("table-filters-menu", { key: '9158ca6884cb610dc712fb1b3a69ca6803a7dce7', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e24cfc9c7f078f9eb7d5f1f5b4d5cef8374378ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cce1419064f7e7cdc687437416327f7daebe5eae', class: "p-2" }, h("form-control-text", { key: '750c30bc7e281f40646bdfaf0a29393d0ce7f72b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '512ccc43edb3aab2ec6ab7d9c76bebf6369df73d', class: "p-2" }, h("form-control-text", { key: '6320c75ecd89ad00162c764998c1c703a5965787', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '6f0d58b200a36516ede61609aad03ca191f240c2', class: "p-2" }, h("form-control-text", { key: 'f786e9fbbd7c9604429c5f43935121245f2943d2', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'b4d84761c2f5de192669012acc41bb5ba2b76750', class: "p-2" }, h("form-control-text", { key: 'deb1c3b5cc3b72b2724a296b1024f8f66ae69683', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'b90c15ba9fa6bbe5eac425152753d1cb508b1710', class: "p-2" }, h("form-control-select", { key: 'beb78ebcd076b7b26a0cb5115ae9b619584fc307', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: 'e6109b7758b998d41d2ff555bf26ee9de1011c94', class: "p-2" }, h("form-control-date", { key: 'e407111678baea094666e8789175ce15d40c2ee8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'edc59eb19b58592803ffba665adae26d34fdfe0c', class: "p-2" }, h("form-control-date", { key: '21c995d7eef08082ca7996eaf9286aeaa80fd2e9', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

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

@@ -168,7 +168,7 @@ export class JustifiTerminalsList {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '69c475e7a428c549a05f21bbd9bd80ce6d77836b' }, h(TableWrapper, { key: 'a3d916daff63336299366f27959b8e54134f54c5' }, h(TableComponent, { key: '412538503e7a212bd7b5723dddad82abe95fc3c2' }, h(TableHead, { key: '5501e72fd1931b1ffc17e6bf0d09d692b9cfbe17' }, h(TableHeadRow, { key: 'e0391a60a807cbdba97ef11f04275eb3072dc40c' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '56686e423499aff459fa3d6d93fae0fd7621b10b' }, h(TableLoadingState, { key: '0b70b5a0132754b1ce14e8baaeb7a9932c73b0ad', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '1230c30259de7ad89a1ccf1bb709db5bdda9152f', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'fc5dbeae973d56980e077fa861d0bf95f282cbec', 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: 'c68e2cb14c8fa6a56243803e440cc13388ffaaf4' }, h(TableFootRow, { key: 'bcc17671c48f5a397dff15333a49305a443aef21' }, h(TableFootCell, { key: '92a690d558b001bb346c2e17fb1e02691ec2a029', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '2a8233397675c7af4fd95df203eb4438f1c4adbd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '47fca9f9a3285303bf0edc9f771324cdeeccc81d' }, h(TableWrapper, { key: '08158b4b6353b0aa178bc1999372341826dacebe' }, h(TableComponent, { key: '6667e38e47b157fce34912108f303c688e891d50' }, h(TableHead, { key: '4fb637073cc3ecdea161af76a4aa63dce3572749' }, h(TableHeadRow, { key: 'aaa85ad73185d77deff24c8085a794871eae2058' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '794e1d3efc15addf7d4638583d5c269aeec270b1' }, h(TableLoadingState, { key: '6545c145ccba03f2e8b3ee990ee1050349b428ac', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4464655c4eb9dfa6f5da83f41e7776488b0780c5', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '63b0460aba3b2c173d0aa94ba33c46081561d459', 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: '4555f7a255231f691498ec3780d0df9e8a70bfbd' }, h(TableFootRow, { key: 'ba55004c9e60032698b79d2c15a9e06a123ef6a0' }, h(TableFootCell, { key: 'c778a569fb066ca834730cc9ac4d7a0592c420ad', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '936ef5ccd9b1d1d2043daed21006ad2bc8a9011a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }