@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/esm/table-filters-menu.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-29fcfdf5.js';
-import { B as Button } from './button-fcee4da7.js';
-import { a7 as dropdownMenu } from './parts-fd740f54.js';
+import { r as registerInstance, h } from './index-D4-FKsCU.js';
+import { B as Button } from './button-wgHJf7hN.js';
+import { ad as dropdownMenu } from './parts-6ctk_bhj.js';
 
 const hasFilters = (params) => {
     const paginationKeys = ['after_cursor', 'before_cursor'];
@@ -12,11 +12,7 @@ const hasFilters = (params) => {
 const TableFiltersMenu = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.anchorButton = undefined;
-        this.menu = undefined;
         this.showClearButton = false;
-        this.params = undefined;
-        this.clearParams = undefined;
     }
     watchParamsHandler(newValue) {
         this.showClearButton = hasFilters(newValue);
@@ -31,7 +27,7 @@ const TableFiltersMenu = class {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'c077391d1358cd6ad02857e05a56aab3e1d10018', class: "d-flex gap-2" }, h("div", { key: 'd28773f0b202b1fcbe19bc5bace1cbf17f5538f7', class: "dropdown pb-3" }, h(Button, { key: '0ad326c9539d5c93573001f6c98486bbbe7a4eaf', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '9ebcaad716bd3b38233a2e78aa219f397c821472', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ca88fa944c5e9ac23f6ebee6c771603516b83f85', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7cc23a56a5db363ebdf375d41a758db534c9b9a7' })))), h("div", { key: '7047b1659d9f854ccb5e00f53fa03d4d42d7c550' }, h(Button, { key: '73e413af21cc39818ec8156d736ffdf72bc844d3', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b55be2aa2f9d4677989da12bb114f620a9ec2e45', class: "d-flex gap-2" }, h("div", { key: 'dffb2be68ead3abb60a8740869e48bb48bbf558c', class: "dropdown pb-3" }, h(Button, { key: '2e7b2d3afc80963abfe9c8c2690a61b911a1b747', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '9e2b1b988bc5440f18d26c5b8402f5e30e73cdad', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '573161a7515d1b16665138ba739133379b9b6850', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '9597e79f125e1e41c343fa3d2d583b5cf7ab9c31' })))), h("div", { key: '67ed29ac8e10f3ae1380514ae1a1e1e8aed7d9b6' }, h(Button, { key: '9b3dc6176c11226e82ecb1f9f88705ad40bf6e32', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

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

@@ -1,25 +1,30 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-1bc52f1f.js';
-import { V as table, W as tableCell } from './parts-fd740f54.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { t as terminalOrdersTableColumns, a as terminalOrdersTableCells } from './terminal-orders-table-93e84d25.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state-8fec0a0b.js';
-import './spinner-27479716.js';
-import './utils-ec50661e.js';
-import './Dispute-5fd28ec9.js';
-import './badge-1be14e8c.js';
-import './index-a47fdc7f.js';
+import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-Dv-I6YqZ.js';
+import { A as table, B as tableCell } from './parts-6ctk_bhj.js';
+import './utils-BWcTxbSg.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { t as terminalOrdersTableColumns, a as terminalOrdersTableCells } from './terminal-orders-table-CgioW1d8.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state-qgJxi6iW.js';
+import './spinner-BVJ-upD0.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './badge-D5PvLnZT.js';
+import './index-4sfb1rKO.js';
 
 const TerminalOrdersListCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
+        this.clickEvent = createEvent(this, "click-event");
+        this.errorEvent = createEvent(this, "error-event");
+        this.terminalOrders = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
             this.clickEvent.emit({ name: TableClickActions.previous });
@@ -35,14 +40,6 @@ const TerminalOrdersListCore = class {
             const orderData = this.terminalOrders.find((order) => order.id === clickedOrderId);
             this.clickEvent.emit({ name: TableClickActions.row, data: orderData });
         };
-        this.getTerminalOrders = undefined;
-        this.columns = undefined;
-        this.terminalOrders = [];
-        this.terminalOrdersTable = undefined;
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
     }
     updateOnPropChange() {
         this.fetchData();
@@ -98,7 +95,7 @@ const TerminalOrdersListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '029644a4c7e2f8957ffafb9ff62390b6b6869fce' }, h("div", { key: 'c6d0ae6e68f45252bbc276da1ed853fc6b9b5338', class: "table-wrapper" }, h("table", { key: '1809d7ddfd9b9c6834498115ac43df8f7b4ea5d9', class: "table table-hover", part: table }, h("thead", { key: 'bcd8f0c82e5aa97ba1bd1207353bc09a4c21bd05', class: "table-head sticky-top" }, h("tr", { key: 'bfe9dc35dc30acf4f483c0359989db9ff82ceb7a', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '5181c615bbc06bf347c9e567064fcbbf6b518d2d', class: "table-body" }, h(TableLoadingState, { key: 'a48ee705634008f203e01327ea6f9efdf980fdc5', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ae1daed5464b7719e4f4e7c116a408b6b37cb997', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '9496b60d37f5ad699083f3cd305e14550a4b6770', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '0ac98a7e41add32367010e0c09f99c4328f2d717', class: "sticky-bottom" }, h("tr", { key: 'a8fda69087663a8707ef16c2fa153d351426fe0c', class: "table-light align-middle" }, h("td", { key: 'f805502e404b69e86f3ec0963321bd9989c035b8', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '93848e212dce3b8e00b4e44e4907045c2ca5fd67', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0ae3bd80e00bf8df8f966503bb9e66ebe906a014', class: "table-wrapper" }, h("table", { key: '3f258156e4fa1e7c20ecd594e4965cf1db12db29', class: "table table-hover", part: table }, h("thead", { key: '4a79db4aa98fb270de205ca1b42b648b8f2326eb', class: "table-head sticky-top" }, h("tr", { key: '530320d6061afb4c342a52203257a0f1bc567223', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '855f54afcb88a51b25fa6ffb55f8ac12df59ede3', class: "table-body" }, h(TableLoadingState, { key: '4d9eef8945c60c4bf0b2f839244e2077cabce5f4', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3aa523d3e14151dc076e35a7a7818ae39e9f194f', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'f00598602f310205f050b96e3d7419327e7d3ca4', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '523b5e2a99aa51e509295aa7dd743951bfd88bf0', class: "sticky-bottom" }, h("tr", { key: 'b568e6dff207cce3f0960f86cd8086ff20a9cc6c', class: "table-light align-middle" }, h("td", { key: 'deff80464cc797e10343fe3a4746131e341294c1', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'd730b13b813bb6880b81a5ba39f6573e16e76bfb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{terminal-orders-list-params-state-8fec0a0b.js → terminal-orders-list-params-state-qgJxi6iW.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-a47fdc7f.js';
+import { c as createStore } from './index-4sfb1rKO.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{terminal-orders-table-93e84d25.js → terminal-orders-table-CgioW1d8.js}

@@ -1,7 +1,13 @@
-import { h } from './index-29fcfdf5.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-fd740f54.js';
-import { d as convertToLocal } from './utils-ec50661e.js';
-import { B as Badge, a as BadgeVariant } from './badge-1be14e8c.js';
+import { h } from './index-D4-FKsCU.js';
+import { T as tableHeadCell, U as getAlternateTableCellPart } from './parts-6ctk_bhj.js';
+import { a as convertToLocal } from './utils-BWcTxbSg.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { a as TerminalOrderType } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { B as BadgeVariant, a as Badge } from './badge-D5PvLnZT.js';
 
 const MapTerminalOrderStatusToBadge = (status) => {
     const statusToBadgeProps = {
@@ -20,6 +26,21 @@ const MapTerminalOrderStatusToBadge = (status) => {
             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));
@@ -47,7 +68,16 @@ const terminalOrdersTableCells = {
     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) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.order_type)),
+    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)),
 };
 

package/dist/esm/terminal-quantity-selector.entry.js

@@ -1,10 +1,12 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { a2 as image, a3 as buttonLink, t as text } from './parts-fd740f54.js';
+import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.js';
+import { X as image, Y as buttonLink, Z as card } from './parts-6ctk_bhj.js';
 
 const TerminalQuantitySelector = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.selectedQuantityChange = createEvent(this, "selectedQuantityChange", 7);
+        this.selectedQuantityChange = createEvent(this, "selectedQuantityChange");
+        this.limit = Infinity;
+        this.selectedQuantity = 0;
         this.removeUnit = () => {
             if (this.selectedQuantity > 0) {
                 this.selectedQuantity--;
@@ -17,15 +19,9 @@ const TerminalQuantitySelector = class {
                 this.selectedQuantityChange.emit({ modelName: this.modelName, quantity: this.selectedQuantity });
             }
         };
-        this.modelName = undefined;
-        this.imageUrl = undefined;
-        this.description = undefined;
-        this.helpUrl = undefined;
-        this.limit = Infinity;
-        this.selectedQuantity = 0;
     }
     render() {
-        return (h("div", { key: '2d549b468e071dfcf74977101abbc2d87849fceb', class: "rounded shadow-sm card p-2", part: text }, h("div", { key: 'f12c2934cb878a910bbed78c5a355e06470e0376', class: "d-flex gap-3" }, h("div", { key: 'ac4556722561202bdb4b5a6aa394ee5c022ed008', class: "d-flex align-items-center" }, h("img", { key: '95251b4754303b2d89693bfc77611aa78b602bc9', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '01c92c855b6f4f485981daeb38134214fdd1762d', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '427ae984650fe56887f591203348d930a2cf0c49', class: "row" }, h("div", { key: '36749d30ecbc22bd0841fdd128ecec584b2104a5', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'd29543ccf91db6947a4fe38113f251be7bc76e39', helpText: this.description })), h("div", { key: '83452b8b227597a83adaad1a64753609cbe02484', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '88e33206b8b2f29858263481c75fdbc13ee687d1', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'a5fb4209f79529560bb253aef077035fa532e1fc', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'a431b869cebc0a53514731ed69de88bdbb63b4c6', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '5bbf669ab479523290b2d8a9f5b6ec2000ff0f96', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '47ead96654c97aeae6b24058a4f7759918d3d0ad', class: "d-flex gap-3" }, h("div", { key: '3763eda68e7849c87f0e67b905e09267c10481c8', class: "d-flex align-items-center" }, h("img", { key: 'ef0a61d5c1d27c600fd93813b594ec2ec2fadec3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '5a632f69e2045fbfcd35932af3c5fd027dcca66f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'be00d142f07945a15e882d2da4c505ffbf67fe88', class: "row" }, h("div", { key: '1c434628ae872d22efa7d2adb611b04868c85eb1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21f571a1b0e5ba7d528727f6476e134b9657e124', helpText: this.description })), h("div", { key: 'f4077bfa6beb4f0070bdbf4bd28021f88bcaf5b1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7dc6853fb7641b99a9a9ee82dcb3db8fce1d6c01', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'faab14e72773f12f69ea69e855bafb27ef3328b8', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '390e6b4b049fa64e2b7354a3676621844291feb0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 };
 

package/dist/esm/{terminal.service-d173566d.js → terminal.service-L0EoPXUE.js}

@@ -1,33 +1,33 @@
-import { A as Api } from './Api-52242eb0.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
+import { A as Api } from './Api-C9CDE-UM.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
 
 class TerminalService {
     async fetchTerminals(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals';
-        return api.get(endpoint, params, null, headers);
+        return api.get({ endpoint, params, headers });
     }
     async fetchTerminal(terminalId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
         const endpoint = `terminals/${terminalId}`;
-        return Api({ authToken, apiOrigin: apiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: apiOrigin }).get({ endpoint });
     }
     async fetchTerminalModels(accountId, authToken, apiOrigin = "") {
         const headers = { 'sub-account': accountId };
         const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals/order_models';
-        return api.get(endpoint, null, null, headers);
+        return api.get({ endpoint, headers });
     }
     async orderTerminals(authToken, terminalOrder, apiOrigin = "") {
         const headers = { 'sub-account': terminalOrder.sub_account_id };
         const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals/orders';
-        return api.post(endpoint, terminalOrder, null, null, headers);
+        return api.post({ endpoint, body: terminalOrder, headers });
     }
 }
 

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

@@ -1,25 +1,31 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { V as table, W as tableCell } from './parts-fd740f54.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-1bc52f1f.js';
-import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-ff24bf27.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state-e4b2ec23.js';
-import './utils-ec50661e.js';
-import './Dispute-5fd28ec9.js';
-import './spinner-27479716.js';
-import './badge-1be14e8c.js';
-import './index-a47fdc7f.js';
+import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.js';
+import './utils-BWcTxbSg.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { A as table, B as tableCell } from './parts-6ctk_bhj.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-Dv-I6YqZ.js';
+import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-D7LKwR85.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state-qgJxi6iW.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './spinner-BVJ-upD0.js';
+import './badge-D5PvLnZT.js';
+import './index-4sfb1rKO.js';
 
 const TerminalsListCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
+        this.clickEvent = createEvent(this, "click-event");
+        this.errorEvent = createEvent(this, "error-event");
+        this.terminals = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
             this.clickEvent.emit({ name: TableClickActions.previous });
@@ -35,16 +41,6 @@ const TerminalsListCore = class {
             const terminalData = this.terminals.find((terminal) => terminal.id === clickedTerminalID);
             this.clickEvent.emit({ name: TableClickActions.row, data: terminalData });
         };
-        this.getTerminals = undefined;
-        this.getSubAccounts = undefined;
-        this.columns = undefined;
-        this.terminals = [];
-        this.terminalsTable = undefined;
-        this.subAccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
     }
     updateOnPropChange() {
         this.fetchData();
@@ -136,7 +132,7 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'dab480902928e4dbcdbf0c8ada95fdc4d186f211' }, h("div", { key: '8fd8ce93ac16676d4ea9de2588467df5feb18e71', class: "table-wrapper" }, h("table", { key: '02a58d1f233bec3cd40877c4cfeba55b345876b7', class: "table table-hover", part: table }, h("thead", { key: '64d3d4cdb0c97a0628da1935386e9cb430a71ea7', class: "table-head sticky-top" }, h("tr", { key: 'a52c8d1a59adfa1d18dc8dfa3a70a6318f52f4c2', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '476983a5b8dcb65d62953de2a8a7a24c47cb83be', class: "table-body" }, h(TableLoadingState, { key: 'ecae363863cb7ab6b2d8226f8f39bc682333af29', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f8fb01d5048fc0143546344b65a9018aeab8b688', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'cd40cb1696624e20b9cad238d43be902538ce4cd', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '29ebf6d4d3537f25545fa9e67416c52ee1223b12', class: "sticky-bottom" }, h("tr", { key: 'a732f3d809a4f97b926b0e978e32c919f36c13b1', class: "table-light align-middle" }, h("td", { key: '2e66c17f57a08d4e0f4da693caf0ea44f5ec7484', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'e3544088964b15242d710223a76208217bffab3f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0bcf251e9a5000e43e78f34311f6be77cf68e352', class: "table-wrapper" }, h("table", { key: '08e48373265fbfe456950b58feda77a941a37acd', class: "table table-hover", part: table }, h("thead", { key: '28f35a8208b90658051434268eeff8a16c30b2f9', class: "table-head sticky-top" }, h("tr", { key: '586c256ee022c9d48e620bb16bad356ea77e73f7', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'c2e0488fa871b882e1d05e330048cbdc1d416d12', class: "table-body" }, h(TableLoadingState, { key: '9cd99869854f038b973893335a9d04b0e57cb3c4', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'be37cded55782881d44b426db5a9616c00a06ac8', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2b9cc41992f95b5af083b9bed92ddbab15de8198', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'e72060a2ccf7a0e49b1e64bb7eb0b1ea35b67b38', class: "sticky-bottom" }, h("tr", { key: '9a87f6051212ae8b1e40d4c89be69e9babebe25d', class: "table-light align-middle" }, h("td", { key: 'e485c478dbff6d9ba48febec69f337582fdd7910', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '2ef9119930e7111384533258d9d132f6879e3099', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/terminals-list-params-state-qgJxi6iW.js

@@ -0,0 +1,16 @@
+import { c as createStore } from './index-4sfb1rKO.js';
+
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
+const clearParams = () => {
+    filterParamsStore.reset();
+};
+
+export { clearParams as c, filterParams as f, getRequestParams as g, onQueryParamsChange as o, propsParams as p };

package/dist/esm/{terminals-table-ff24bf27.js → terminals-table-D7LKwR85.js}

@@ -1,7 +1,7 @@
-import { h } from './index-29fcfdf5.js';
-import { B as Badge, a as BadgeVariant } from './badge-1be14e8c.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-fd740f54.js';
-import { g as capitalFirstLetter } from './utils-ec50661e.js';
+import { h } from './index-D4-FKsCU.js';
+import { B as BadgeVariant, a as Badge } from './badge-D5PvLnZT.js';
+import { T as tableHeadCell, U as getAlternateTableCellPart } from './parts-6ctk_bhj.js';
+import { e as capitalFirstLetter } from './utils-BWcTxbSg.js';
 
 const MapTerminalStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{utils-96d9c205.js → utils-1z8cNzLu.js}

@@ -1,5 +1,5 @@
-import { h } from './index-29fcfdf5.js';
-import { t as text, h as heading2, e as heading1 } from './parts-fd740f54.js';
+import { h } from './index-D4-FKsCU.js';
+import { E as text, G as heading1, H as heading2 } from './parts-6ctk_bhj.js';
 
 const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
     h("p", { part: text }, errorMessage)));