@justifi/webcomponents 6.12.3 → 6.12.4

package/dist/esm/justifi-season-interruption-insurance.entry.js

@@ -1,22 +1,21 @@
 import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
 import { A as Api } from './Api-DMd8hTI-.js';
-import { C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-BuKEVgbB.js';
+import { C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-l6nNIjab.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-DcfpJGDZ.js';
-import { J as JustifiAnalytics } from './Analytics-Cyc3ZLPx.js';
-import { c as checkPkgVersion } from './check-pkg-version-6iGDh82c.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-C1B2hVAB.js';
+import { J as JustifiAnalytics } from './Analytics-B1bQP71R.js';
+import { c as checkPkgVersion } from './check-pkg-version-CNwUC4SV.js';
 import { c as checkoutStore } from './checkout.store-DFnkcDZ8.js';
 import { p as processHTML, f as formatCurrency, r as removeAttribute, j as addAttribute } from './utils-BTtxWI2r.js';
-import { v as validateInsuranceValues, i as insuranceValues, a as insuranceErrors, H as Header2 } from './insurance-state-qTdpe84i.js';
-import { t as text, z as textDanger } from './parts-DnrawQn3.js';
+import { v as validateInsuranceValues, i as insuranceValues, a as insuranceErrors, H as Header2 } from './insurance-state-CLGc1-_4.js';
+import { t as text, z as textDanger } from './parts-CPKMvyV_.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-CXGFVqDf.js';
+import { S as Skeleton } from './skeleton-BEHo2ypu.js';
 import './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
-import './package-beXEDfB9.js';
+import './package-OGt0dCJl.js';
 import './index-DkoufM1t.js';
 import './dinero-HXpYMWUU.js';
 

package/dist/esm/justifi-skeleton.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
-import { S as Skeleton } from './skeleton-CXGFVqDf.js';
-import './parts-DnrawQn3.js';
+import { S as Skeleton } from './skeleton-BEHo2ypu.js';
+import './parts-CPKMvyV_.js';
 
 const JustifiSkeleton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(StyledHost, { key: 'd19fcf55df4b5b001d31af93c263fef39fc0d160' }, h(Skeleton, { key: '9ab49d76aa71146287fff2013050e008342f0275', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 };
 

package/dist/esm/justifi-terminal-orders-list-filters.entry.js

@@ -1,15 +1,14 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
 import { l as lodashExports } from './lodash-CrGKVSPp.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state-CiGfmyWW.js';
-import { f as filterMenu, a as filterParam } from './parts-DnrawQn3.js';
+import { f as filterMenu, a as filterParam } from './parts-CPKMvyV_.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
 import './config-state-kKn89dp1.js';
 import { c as convertToUTC, a as convertToLocal } from './utils-BTtxWI2r.js';
-import { T as TerminalOrderStatus, c as TerminalOrderType } from './Plaid-BuKEVgbB.js';
+import { T as TerminalOrderStatus, c as TerminalOrderType } from './Plaid-l6nNIjab.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
@@ -60,9 +59,9 @@ const JustifiTerminalOrdersListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'cc09bb58c13ab0b26d92eb164cf6bc43a3c96c63' }, h("table-filters-menu", { key: '08369c471d891184e36dd6c5aae8842e0df5c01a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'addd8a1cf74ae9e80cc8e4374a36400204c81400', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b74cf4d1d13a0a6250000c8f7f0845f4c907e488', class: "p-2" }, h("form-control-select", { key: 'b1b060b64f67695bb395488fa23dcbf6373b419b', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: 'a3c06691181d01d6a664016b4add0784b23ab06c', class: "p-2" }, h("form-control-select", { key: '376039e2f10fbcc9ed008611d4976cf6412c16a4', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: 'f03c94412b7861d255dfdef98a4c2fad14e96cfa', class: "p-2" }, h("form-control-date", { key: 'd7588c4ecda9480881e0f67e0418b1e475db188c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '76f0cee7430e846a479478c903d892ac05490787', class: "p-2" }, h("form-control-date", { key: 'ce0f99ebfa8a82111689ae6ee4cc1d8bd141d657', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '5c06fefb50c8c987a8e55623cba70a39cc64bbe1', class: "p-2" }, h("form-control-text", { key: '0a24516bbf665784e5c13a16b0b38be2bafb684b', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: '05cb917a4f8573a7b2296b7f5eab4d8196fd291b' }, h("table-filters-menu", { key: '2dbd9b8b18c77fab46e010a75150d9addb50f2e2', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'cde85cfbaf0a8964fec8559da8f49ec05117adcc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '51f107f1b8fb27bf1efb05b1421b8623fbd759f0', class: "p-2" }, h("form-control-select", { key: '97b151015f75b866867921aaa7c8ad8fb299d68f', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '0a25022bd038dbbb21ddc8ca10f69cee88824597', class: "p-2" }, h("form-control-select", { key: '0df794e038df12ee6707616b93c4d39dfe76d287', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: 'd108794b60a691b0071359082ce6e6a1fc04543d', class: "p-2" }, h("form-control-date", { key: 'f36c5dc32d48d7c0986fe95c2c496fcd32de189c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'd1be3f6dc5ade503cb1a15089d491fa46391fa8b', class: "p-2" }, h("form-control-date", { key: '5dfe0ab05fb5f9297f2434aa26c83ad4831c3f73', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '13039fea471c09505187e8ea1bfbe67ced259572', class: "p-2" }, h("form-control-text", { key: 'b7b4307513b3f73c860138863da80ea372f2d726', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
 };
 

package/dist/esm/justifi-terminal-orders-list.entry.js

@@ -1,23 +1,92 @@
-import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
+import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
-import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion } from './check-pkg-version-6iGDh82c.js';
-import { d as defaultColumnsKeys } from './terminal-orders-table-C7KOcRpq.js';
+import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table-DqGfsdys.js';
+import { T as TableClickActions } from './event-types-CZfYo5-1.js';
+import { c as checkPkgVersion } from './check-pkg-version-CNwUC4SV.js';
+import { a6 as tableHeadCell, a7 as getAlternateTableCellPart } from './parts-CPKMvyV_.js';
+import { a as convertToLocal } from './utils-BTtxWI2r.js';
 import './config-state-kKn89dp1.js';
-import './dinero-HXpYMWUU.js';
-import { k as TerminalOrder, C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-BuKEVgbB.js';
-import './Pagination-CLHwhyvu.js';
+import { c as TerminalOrderType, n as TerminalOrder, C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-l6nNIjab.js';
+import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-DcfpJGDZ.js';
+import { B as BadgeVariant, a as Badge } from './badge-Dlcl9qdm.js';
+import './dinero-HXpYMWUU.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-C1B2hVAB.js';
 import { A as Api } from './Api-DMd8hTI-.js';
-import { J as JustifiAnalytics } from './Analytics-Cyc3ZLPx.js';
-import './package-beXEDfB9.js';
-import './parts-DnrawQn3.js';
-import './utils-BTtxWI2r.js';
-import './badge-B6dp1XGV.js';
+import { J as JustifiAnalytics } from './Analytics-B1bQP71R.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state-CiGfmyWW.js';
+import './spinner-DIiQZd6_.js';
+import './package-OGt0dCJl.js';
 import './index-cDVGjRkU.js';
 
+const MapTerminalOrderStatusToBadge = (status) => {
+    const statusToBadgeProps = {
+        submitted: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'This order is submitted',
+            text: 'Submitted',
+        },
+        completed: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'This order has been completed',
+            text: 'Completed',
+        },
+        created: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'This order is created',
+            text: 'Created',
+        },
+        in_progress: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'This order is in progress',
+            text: 'In Progress',
+        },
+        on_hold: {
+            variant: BadgeVariant.WARNING,
+            title: 'This order is on hold',
+            text: 'On Hold',
+        },
+        canceled: {
+            variant: BadgeVariant.DANGER,
+            title: 'This order is canceled',
+            text: 'Canceled',
+        }
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
+};
+
+const defaultColumnsKeys = 'created_at,updated_at,order_status,quantity';
+const terminalOrdersTableColumns = {
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time the order was created" }, "Created At")),
+    updated_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time the order was last updated" }, "Updated At")),
+    order_status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of the order" }, "Order Status")),
+    business_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The business ID associated with the order" }, "Business ID")),
+    company_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The business name associated with the order" }, "Business Name")),
+    provider: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider associated with the order" }, "Provider")),
+    order_type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of order" }, "Order Type")),
+    quantity: () => (h("th", { part: tableHeadCell, scope: "col", title: "The number of terminals associated with the order" }, "Order Quantity")),
+};
+const terminalOrdersTableCells = {
+    created_at: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.created_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.created_at, { showTime: true })))),
+    updated_at: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.updated_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.updated_at, { showTime: true })))),
+    order_status: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalOrderStatusToBadge(terminalOrder.order_status))),
+    business_id: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.business_id)),
+    company_name: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.company_name)),
+    provider: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.provider)),
+    order_type: (terminalOrder, index) => {
+        let orderType;
+        if (terminalOrder.order_type === TerminalOrderType.boardingOnly) {
+            orderType = 'Boarding Only';
+        }
+        else if (terminalOrder.order_type === TerminalOrderType.boardingShipping) {
+            orderType = 'Boarding & Shipping';
+        }
+        return (h("td", { part: getAlternateTableCellPart(index) }, orderType));
+    },
+    quantity: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.terminals.length)),
+};
+
 const makeGetTerminalOrders = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
     try {
@@ -62,30 +131,66 @@ class TerminalOrderService {
 const JustifiTerminalOrdersList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.errorMessage = null;
         this.columns = defaultColumnsKeys;
-        this.handleErrorEvent = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
+        this.terminalOrders = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedOrderId = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedOrderId)
+                return;
+            const orderData = this.terminalOrders.find((order) => order.id === clickedOrderId);
+            this.clickEvent.emit({ name: TableClickActions.row, data: orderData });
         };
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
+        this.terminalOrdersTable = new Table(this.terminalOrders, this.columns, terminalOrdersTableColumns, terminalOrdersTableCells);
         this.initializeGetData();
+        if (this.getTerminalOrders) {
+            this.fetchData();
+        }
+        onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
+    authPropChanged() {
+        this.initializeGetData();
+        if (this.getTerminalOrders) {
+            this.fetchData();
+        }
+    }
+    pagingOrColumnsChanged() {
+        if (this.getTerminalOrders) {
+            this.fetchData();
+        }
+    }
     initializeGetData() {
         if (this.accountId && this.authToken) {
             this.getTerminalOrders = makeGetTerminalOrders({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new TerminalOrderService()
+                service: new TerminalOrderService(),
             });
         }
         else {
@@ -97,9 +202,58 @@ const JustifiTerminalOrdersList = class {
             });
         }
     }
+    fetchData() {
+        if (!this.getTerminalOrders) {
+            return;
+        }
+        this.loading = true;
+        this.getTerminalOrders({
+            params: this.terminalOrderParams,
+            onSuccess: async ({ terminalOrders, pagingInfo }) => {
+                this.terminalOrders = terminalOrders;
+                this.paging = pagingInfo;
+                this.terminalOrdersTable.collectionData = this.terminalOrders;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            },
+            final: () => {
+                this.loading = false;
+            },
+        });
+    }
+    get terminalOrderParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
+    get entityId() {
+        return this.terminalOrders.map((terminalOrder) => terminalOrder.id);
+    }
+    get showEmptyState() {
+        return !this.loading && !this.errorMessage && this.terminalOrdersTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.loading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
+    }
     render() {
-        return (h(StyledHost, { key: '65330929a53f4e5e07177541460ccce864edd3ec' }, h("terminal-orders-list-core", { key: '79d4bc028395ede9b9f2e2c12729cc20532ef251', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e544fa99091ff8e0601388c4663f536304caef7c' }, h(TableWrapper, { key: 'df2a311d1052b284d458f29a87ea5a78db145406' }, h(TableComponent, { key: '9d3d6997f5fa8581fafa34e13a9981e75075ccc3' }, h(TableHead, { key: '30ee9315492e30913de3ef73db7c4e13e6a0d5bc' }, h(TableHeadRow, { key: 'f8fd993e7f19e3ac6b41e8eaff849a7ab66b2d41' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '75ddd58ba3a713b8f38a6e40de06d26ed06d63a7' }, h(TableLoadingState, { key: '4509782ba93ff9d5d9057a23daa9720da4ec0f0e', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8aed10b38ac78e9ce3e5c8f96c2eb143412f3661', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '94f11381660568de3181fe7c70335e7c264c9e44', 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: 'c980e0fc6b236973e6bdf4ab0a5beece872ed4e6' }, h(TableFootRow, { key: 'c6431bfb8e38839d48b2d7fb8d85a8c64981f057' }, h(TableFootCell, { key: '6c7fc01e316acfcee6e33b583b97b040ce88efaf', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2ac492d001dc88663b575258a8828964b20d6d68', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
+    static get watchers() { return {
+        "accountId": ["authPropChanged"],
+        "authToken": ["authPropChanged"],
+        "pagingParams": ["pagingOrColumnsChanged"],
+        "columns": ["pagingOrColumnsChanged"]
+    }; }
 };
 
 export { JustifiTerminalOrdersList as justifi_terminal_orders_list };

package/dist/esm/justifi-terminals-list-filters.entry.js

@@ -2,14 +2,13 @@ import { r as registerInstance, h } from './index-CV0Pyo1O.js';
 import { l as lodashExports } from './lodash-CrGKVSPp.js';
 import { c as convertToUTC, a as convertToLocal } from './utils-BTtxWI2r.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state-CiGfmyWW.js';
-import { f as filterMenu, a as filterParam } from './parts-DnrawQn3.js';
+import { f as filterMenu, a as filterParam } from './parts-CPKMvyV_.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
 import './config-state-kKn89dp1.js';
-import { d as ITerminalStatus } from './Plaid-BuKEVgbB.js';
+import { d as ITerminalStatus } from './Plaid-l6nNIjab.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './dinero-HXpYMWUU.js';
 import './index-cDVGjRkU.js';
@@ -55,7 +54,7 @@ const JustifiTerminalsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '77a3937540cd75a7cc51a90b1cd7c7c52ae870b2' }, h("table-filters-menu", { key: '4a725bfe0b79d0046eea2f7b3e3fe295b5384b94', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '0cb6fcedf45371c68b8b37e8b832ca3e9b48789e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '602fc95acdd62112bc53f858073e936f9bf5e48d', class: "p-2" }, h("form-control-text", { key: 'c4e8dc476d2d8d80f2367ab6f8a5e5db17a72f15', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'e83b3b3ef5f1509286cabaee9faeb96cd7d9e15a', class: "p-2" }, h("form-control-text", { key: '2f6eb9224740f327ce5019d93d879c231df8b0ee', 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: '942179e72ce3b8fea5c2cd2dd28aeecd586bdb6c', class: "p-2" }, h("form-control-text", { key: 'adb7eaab71834c2c619a09f9053dd8374a8bdfcc', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'c15d630d0c3500d26720db63cbf90098b837ee24', class: "p-2" }, h("form-control-text", { key: '93f4e6c1e5c8f7e853111e74e25946fd683c5a17', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: '6a269a0c2fb90fb4e00b05d4aeee3fff4ab4e967', class: "p-2" }, h("form-control-select", { key: 'f6d9e45354d5c3d8894fe442d0bef490bafb20de', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: 'ea70b109bd231bd085bb2cb8388d8010e0c5aa79', class: "p-2" }, h("form-control-date", { key: '256cddfb0e68590bc8d8403aa8a033ad40d613fe', 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: '1be9bf8d68c691f09d40db9c45d78ed923fb3d86', class: "p-2" }, h("form-control-date", { key: '79d48b277064373e3faf999ae8771a44b35de1cb', 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: 'fbdb69bdc60f2c3c9caacf287229ee3d0644fcfb' }, h("table-filters-menu", { key: '7f6649444863079f885aff24d554077800b42021', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '7277b0cf678494ca3c227abeb76a03e5bd80c522', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '06a3a26492844e37536f1d8d074af69078a70074', class: "p-2" }, h("form-control-text", { key: 'f37cc48a754dd0ef12405f3cbcfb10a9c099eb56', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '8a3638c23a774c566cfee5aba8b17ab9c7ec9419', class: "p-2" }, h("form-control-text", { key: '113ded1ef867fcdab00f8c048b56219d6c5fe51d', 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: '32dbef16165a0a762ad206eb5ce495b898770052', class: "p-2" }, h("form-control-text", { key: '0d5827915c2962d78975d7c648b874cd8346043d', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '01442ae3aeb6613caaadf3e7f92a910970b315da', class: "p-2" }, h("form-control-text", { key: '5b8ab5d31ef77609b8d5656a8e5a4e31c8b010a6', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'e6b5bae11d8e9e72fe48626ce3663b0c65186700', class: "p-2" }, h("form-control-select", { key: 'df256ff824ae41eb65c2276481d8d6b63d3bc5a5', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '452b838d823484cb79569fde263228c0b5ac1e04', class: "p-2" }, h("form-control-date", { key: 'cd6705ac2ffce5496382b5ded1973784f863ac4e', 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: 'fd396d846e420a5f750ce371c04c883a7e478b44', class: "p-2" }, h("form-control-date", { key: '852c044ce6154fc5f4382a0dd55b287e4b6370ac', 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 }))))));
     }
 };
 

package/dist/esm/justifi-terminals-list.entry.js

@@ -1,26 +1,25 @@
 import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
-import { l as Terminal, C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-BuKEVgbB.js';
-import { J as JustifiAnalytics } from './Analytics-Cyc3ZLPx.js';
-import { c as checkPkgVersion } from './check-pkg-version-6iGDh82c.js';
-import { T as TerminalService } from './terminal.service-0oISl5j-.js';
+import { l as Terminal, C as ComponentErrorSeverity, e as ComponentErrorCodes } from './Plaid-l6nNIjab.js';
+import { J as JustifiAnalytics } from './Analytics-B1bQP71R.js';
+import { c as checkPkgVersion } from './check-pkg-version-CNwUC4SV.js';
+import { T as TerminalService } from './terminal.service-CIxDfM7V.js';
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-DcfpJGDZ.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-CgDWE_5o.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-C1B2hVAB.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-CkjZeR9U.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
-import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-CcyuIutB.js';
+import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table-DqGfsdys.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { B as BadgeVariant, a as Badge } from './badge-B6dp1XGV.js';
-import { a3 as tableHeadCell, a4 as getAlternateTableCellPart } from './parts-DnrawQn3.js';
+import { B as BadgeVariant, a as Badge } from './badge-Dlcl9qdm.js';
+import { a6 as tableHeadCell, a7 as getAlternateTableCellPart } from './parts-CPKMvyV_.js';
 import { k as capitalFirstLetter } from './utils-BTtxWI2r.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state-CiGfmyWW.js';
-import './package-beXEDfB9.js';
+import './package-OGt0dCJl.js';
 import './Api-DMd8hTI-.js';
 import './index-cDVGjRkU.js';
-import './spinner-kSw6PcwU.js';
+import './spinner-DIiQZd6_.js';
 
 const makeGetTerminals = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -263,7 +262,7 @@ const JustifiTerminalsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '3429d0dc6534dda4e9dc6417924040a53fd5a032' }, h(TableWrapper, { key: '00c6172e8bb77ed0824381785b17fdd556c942a1' }, h(TableComponent, { key: 'd0119d84743bb06d1e0562eee3124197d46f3b13' }, h(TableHead, { key: '9721788579474c7db31587f57ff1aa4159cae7c3' }, h(TableHeadRow, { key: 'e689b5546ad32ad75bcbedb0cf184b4a6adf1bf3' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '220a3f509f17333888640b0034da30d9375c4100' }, h(TableLoadingState, { key: 'd444e883ddd69ef5b05754476e6ea66c598a2c5f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a6ee22d5138114688ff2c8525e8b5ce8fb00a853', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e151dba5915e622eb7a63ce7912fabe6924df7dd', 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: '91c0903d8c81817f82e7a8864a4188fac602af87' }, h(TableFootRow, { key: '322abe78babc127fccb9309c14c91b30a5d86700' }, h(TableFootCell, { key: 'e9843c61dd4eb031f514ff35f3354998dfaec59e', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'd6b0bdaa7459afb8cd164c540843e7a4d8376f53', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '6388e9b0b7c6dcedc9f3db534d3a30d0a748929c' }, h(TableWrapper, { key: 'e11b994e16e657aaaa7c6f29197865d0d6bfd1ba' }, h(TableComponent, { key: '340980f75fef37841907835378d9c0ced1992b5c' }, h(TableHead, { key: 'fdd3d1569b6a3df9d5d31fb2cc602ab054529fc6' }, h(TableHeadRow, { key: '440d602ac5746635f92445c6216c807b9b13517e' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ccef66a47be1cfca09f10d450fb7eeaf241a17e0' }, h(TableLoadingState, { key: 'aea6e2f33e07c717f50065c12211f9f2d9266bec', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7c92ba6cd398bae23587a2e1771bba7b75dc680c', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '3155cf655f5b8e4290e8cabdcdbd534159f22ddd', 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: 'da9172d4bf4439456894b53a0cf13a82081909f0' }, h(TableFootRow, { key: 'e6c0847dc330a0e32228f2020d22bbaf0e4ad439' }, h(TableFootCell, { key: '6761f623d70d13b13e92ec73c9b936d5bf85dd70', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '4b490b5834be42664ebbc27b7c7a1b0c10bd433b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],