@justifi/webcomponents 5.4.3 → 5.5.0

package/dist/module/table-filters-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
-import { a2 as dropdownMenu } from './parts.js';
+import { a1 as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -14,11 +14,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
     constructor() {
         super();
         this.__registerHost();
-        this.anchorButton = undefined;
-        this.menu = undefined;
         this.showClearButton = false;
-        this.params = undefined;
-        this.clearParams = undefined;
     }
     watchParamsHandler(newValue) {
         this.showClearButton = hasFilters(newValue);
@@ -33,14 +29,14 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         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: '2f32310a56d15e05ea3d67f3ba0ebfcceeac3cd5', class: "d-flex gap-2" }, h("div", { key: '5c4c2eb818718e48671715444669bc35d6a8bdd0', class: "dropdown pb-3" }, h(Button, { key: 'b9a925e818f08ae06fb9b01cb1dc2952ea80090b', 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: 'faf3cb404faec7b7ad66766ded250553b59cf554', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '7b246ab892bf311ace647ca3708252ecd9293088', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'f1f260d783d47941f0c6b9b90d4b028188b27ec8' })))), h("div", { key: '1eb9a2abd1b4194472474e6d7ac926662019a5e6' }, h(Button, { key: '02e1cd5bc0c043deae704edd65ded465dd5ef9bf', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]
     }; }
 }, [4, "table-filters-menu", {
         "params": [8],
-        "clearParams": [16],
+        "clearParams": [16, "clear-params"],
         "anchorButton": [32],
         "menu": [32],
         "showClearButton": [32]

package/dist/module/terminal-orders-list-core2.js

@@ -1,14 +1,14 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
-import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
+import { n as tableHeadCell, a2 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
 import './details.js';
+import { h as convertToLocal } from './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import { a as TerminalOrderType } from './Refund.js';
 import './Document.js';
-import { j as convertToLocal } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -30,6 +30,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));
@@ -57,7 +72,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)),
 };
 
@@ -67,6 +91,10 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         this.__registerHost();
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.terminalOrders = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
             this.clickEvent.emit({ name: TableClickActions.previous });
@@ -82,14 +110,6 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
             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();
@@ -145,7 +165,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         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: '22211fd032271f20083a7b85904b7150e1f83fdc' }, h("div", { key: '0f76ac5866f5fc50e2b3fe7889d837e9cb792fbf', class: "table-wrapper" }, h("table", { key: 'c5c0d1fad6791191e7e8b3c0fc1f571886cde243', class: "table table-hover", part: table }, h("thead", { key: 'fc99465274e660c4e78ece7d303d6c11e4a21a2d', class: "table-head sticky-top" }, h("tr", { key: 'ed7e76e48bc34ed0a69a9b5e980181245153b155', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '5d5b95d48ef93a2d30e9af2acc8a80a3a77f8a4a', class: "table-body" }, h(TableLoadingState, { key: '4a409f123dd9fe7e40ba3088137f722ce803a4cc', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ab1007e8c417730b91aade5035791126d33fbc73', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1fd6094de024b38c4037abee441d697a3cbe21f7', 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: '2a0ea46390d4a2b1c3a18e7d03f1c303f1919310', class: "sticky-bottom" }, h("tr", { key: '299790ab5ba6f64859823d2f83302a5cb08c94fa', class: "table-light align-middle" }, h("td", { key: '6efbdc2b9bb55817a542affaf5a246a36c528af4', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2df3ccd696a3bc59bf2dc485596dff00e0825dcd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -153,7 +173,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         "columns": ["updateOnPropChange"]
     }; }
 }, [0, "terminal-orders-list-core", {
-        "getTerminalOrders": [16],
+        "getTerminalOrders": [16, "get-terminal-orders"],
         "columns": [1],
         "terminalOrders": [32],
         "terminalOrdersTable": [32],

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { t as text, a4 as image, v as buttonLink } from './parts.js';
+import { k as card, V as image, p as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -8,6 +8,8 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         super();
         this.__registerHost();
         this.selectedQuantityChange = createEvent(this, "selectedQuantityChange", 7);
+        this.limit = Infinity;
+        this.selectedQuantity = 0;
         this.removeUnit = () => {
             if (this.selectedQuantity > 0) {
                 this.selectedQuantity--;
@@ -20,15 +22,9 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
                 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: 'b1beb8bf42e51a46170d968a773f44a5ad70d192', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'd577a7dcb6f065dc2e9f4ae62213dc140f3c5332', class: "d-flex gap-3" }, h("div", { key: 'c6c2a3ad7548af6f2a97d1961fe936b6a11931fd', class: "d-flex align-items-center" }, h("img", { key: '34389c41c40e9665abb781ab71de2e02ad57756d', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '598e28694854767c98fe89a3516fbdc980dc6365', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '66dcdb30e300a5f79a807911bd167bb4b3c3cc57', class: "row" }, h("div", { key: '683b9eb30c4a5bff878551f2f22309a3615941ab', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '4446db6e9f9f2a1557b1693e2f92a0493a1851df', helpText: this.description })), h("div", { key: 'c425f4dc3df14a697739d8a8fe98d890dc8abcb8', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'edb7d30cd3e583a482671f17d36b4974f842ec1a', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '484e27c0b4ceb8c50ee09bc7bf74b8b681a397ae', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'd6d39955ab4705d157c25a4bcfa7f67edc02a3ee', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [0, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminal.service.js

@@ -3,7 +3,7 @@ import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
 
 class TerminalService {
@@ -11,23 +11,23 @@ class TerminalService {
         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/module/terminals-list-core2.js

@@ -1,15 +1,15 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { l as capitalFirstLetter } from './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
-import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
+import { n as tableHeadCell, a2 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
 import './details.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { m as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -47,7 +47,7 @@ const terminalTableColumns = {
     id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The ID of the terminal" }, "ID")),
     provider: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider of the terminal" }, "Provider")),
     provider_serial_number: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number of the terminal" }, "Serial Number")),
-    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
+    device_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The device/provider ID of the terminal" }, "Device ID")),
     sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
     status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
 };
@@ -57,7 +57,7 @@ const terminalTableCells = {
     id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.id)),
     provider: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, capitalFirstLetter(terminal.provider))),
     provider_serial_number: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_serial_number)),
-    provider_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
+    device_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
     sub_account_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.sub_account_name)),
     status: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalStatusToBadge(terminal.status))),
 };
@@ -68,6 +68,11 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         this.__registerHost();
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        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 });
@@ -83,16 +88,6 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
             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();
@@ -184,7 +179,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         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: '8831cfa38f962ba4dcf8903eca44931a800a9285' }, h("div", { key: '01d26a4aff98204ccc0fd4db8beb2cc2b021e386', class: "table-wrapper" }, h("table", { key: '036d4a14c61db9b406157425504112dabf4b04bd', class: "table table-hover", part: table }, h("thead", { key: '3782f1b66e447836d93e8b3cc28c09e4fe466ac7', class: "table-head sticky-top" }, h("tr", { key: '3842ccaaadbc3acf0c6caf8e8407aad17d91cae4', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'e9f5f7ef0eca1da8ba7e684ba937f7357c8b341a', class: "table-body" }, h(TableLoadingState, { key: '2902cbb3cfa87cdc2ae242ef2cd1001b9b491503', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f596f3498b67dd40d3a93cd6dfa091cbc67a4cc1', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e6e67b174a7d8ca353990ae85decbe89539ea504', 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: '353ba88161fe40528c8ef21271b0ec1a23237264', class: "sticky-bottom" }, h("tr", { key: '6f16d82697452ef4bc1aafa27bb5076e1bb1af54', class: "table-light align-middle" }, h("td", { key: 'bec74cc91feea7eef3bdcd290c2d2e77f6852ad1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a7667abca02d28a40ef4c58d8b869b48f9746105', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -193,8 +188,8 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         "columns": ["updateOnPropChange"]
     }; }
 }, [0, "terminals-list-core", {
-        "getTerminals": [16],
-        "getSubAccounts": [16],
+        "getTerminals": [16, "get-terminals"],
+        "getSubAccounts": [16, "get-sub-accounts"],
         "columns": [1],
         "terminals": [32],
         "terminalsTable": [32],

package/dist/module/utils.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { t as text, h as heading2, a as heading1 } from './parts.js';
+import { h as heading2, t as text, a as heading1 } from './parts.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)));