@justifi/webcomponents 5.3.1 → 5.3.3

package/dist/cjs/payouts-list-core.cjs.entry.js

@@ -4,20 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
-const parts = require('./parts-b2ff8b68.js');
-const eventTypes = require('./event-types-34b103b4.js');
-const payoutsTable = require('./payouts-table-4efa53fa.js');
-const payoutsListParamsState = require('./payouts-list-params-state-16348184.js');
+const parts = require('./parts-c2655003.js');
+const table = require('./table-fc82fa81.js');
+const payoutsTable = require('./payouts-table-70fc1498.js');
+const payoutsListParamsState = require('./payouts-list-params-state-033b76d6.js');
+const eventTypes = require('./event-types-b6d34593.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./spinner-4fc60a51.js');
-require('./payouts-status-9f2e9a3a.js');
-require('./badge-ccfe03bf.js');
+require('./spinner-70f38e5e.js');
+require('./payouts-status-703d62af.js');
+require('./badge-86a6a7f8.js');
 require('./index-d2d0b181.js');
 
 const PayoutsListCore = class {
@@ -46,9 +47,13 @@ const PayoutsListCore = class {
             this.clickEvent.emit({ name: eventTypes.TableClickActions.next });
         };
         this.rowClickHandler = (e) => {
-            const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;
+            const clickedRow = e.target.closest('tr');
+            const clickedPayoutID = clickedRow.dataset.rowEntityId;
             if (!clickedPayoutID)
                 return;
+            const clickedCSV = clickedRow.querySelector('a');
+            if (clickedCSV === e.target)
+                return;
             const payoutData = this.payouts.find((payout) => payout.id === clickedPayoutID);
             this.clickEvent.emit({ name: eventTypes.TableClickActions.row, data: payoutData });
         };
@@ -68,7 +73,7 @@ const PayoutsListCore = class {
         this.fetchData();
     }
     componentWillLoad() {
-        this.payoutsTable = new eventTypes.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.payoutTableCells(this.downloadCSV));
+        this.payoutsTable = new table.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.payoutTableCells(this.downloadCSV));
         if (this.getPayouts && this.getSubAccounts) {
             this.fetchData();
         }
@@ -83,7 +88,7 @@ const PayoutsListCore = class {
     fetchData() {
         this.loading = true;
         this.getPayouts({
-            params: this.requestParams,
+            params: this.payoutParams,
             onSuccess: ({ payouts, pagingInfo }) => {
                 this.payouts = payouts;
                 this.paging = pagingInfo;
@@ -130,9 +135,10 @@ const PayoutsListCore = class {
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, payoutsListParamsState.queryParams), this.pagingParams);
-        return combinedParams;
+    get payoutParams() {
+        const requestParams = payoutsListParamsState.getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
@@ -153,10 +159,9 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '80d7b9e09153270375ef79961996ed56f0ee6ba2' }, index.h("div", { key: 'bb769ab3fc09acea181a231f98f5aa99be24e675', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: 'b008fd21153c738b85e1a37c2e43932e13b8f58d', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'f4c7146142cc714f24dccddda4404d5534e068b5', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'bfd485e191f11725681a1055b049c7c11eda7858', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '77797d4d7ebfed8206fb5b693d973c8fb539f1b8', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: 'd8c55ac393e2952b9cde96b8fcb45cf88978d90b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '4122715eaa2363e9a21a3dec18a935bc98ac530e', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: '5017f0eca302fe6c80d62d8e9af73b68d04db658', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'da997bb2d356800bdc918415a60c03d09ab0d158', class: "sticky-bottom" }, index.h("tr", { key: '22a61b245c6aeb630bb3887525d826d5b3589c7c', class: "table-light align-middle" }, index.h("td", { key: 'f378c94db17592855e94066113bc064d0f936d45', part: parts.tableCell, colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: '32f8c9fc1a401a5f7f40669d56be3f703a3fdd40', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: '2cc35b1a64da3e15a221eeb74b9de3ce011301e6' }, index.h("div", { key: '73e18029f462aeb03414574c76700b8c20748c0d', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '6af17bc77a5ac15503a4424ef8e9095da86ff667', class: "table table-hover", part: parts.table }, index.h("thead", { key: '6340d507a8a8bcef847c4054072b1f26d49c1cb8', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'fd84224c2b62ebb26130057d57145baecc3f1f2b', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '4993ab0d133c3f03c42b17da22c16682f6b5ddc2', class: "table-body" }, index.h(table.TableLoadingState, { key: '580e94f393f1281a4f9f9890078073b31450fb25', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '88fa77ac3de65dcad0371d8746588d588964a2fe', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'ec374189d2faab1ea13388987ff977ae758cdd35', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '3543415cd5411bf599e0cfa06257b8ef19f1b652', class: "sticky-bottom" }, index.h("tr", { key: '8b7230df5006dfb3d3022422d391cd5cae48c5c7', class: "table-light align-middle" }, index.h("td", { key: '6a4ed06b9c933e09cb083b3e62e52bdf44a9678b', part: parts.tableCell, colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: 'f87d2e1fe590205f455f236ba5afc26533f44f4e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getPayouts": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"]

package/dist/cjs/payouts-list-params-state-033b76d6.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const index = require('./index-d2d0b181.js');
+
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = index.createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = index.createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
+const clearParams = () => {
+    filterParamsStore.reset();
+};
+
+exports.clearParams = clearParams;
+exports.filterParams = filterParams;
+exports.getRequestParams = getRequestParams;
+exports.onQueryParamsChange = onQueryParamsChange;
+exports.propsParams = propsParams;

package/dist/cjs/{payouts-status-9f2e9a3a.js → payouts-status-703d62af.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const badge = require('./badge-ccfe03bf.js');
+const badge = require('./badge-86a6a7f8.js');
 
 const MapPayoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/{payouts-table-4efa53fa.js → payouts-table-70fc1498.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-5b9a3b5f.js');
 const utils = require('./utils-337befa9.js');
-const payoutsStatus = require('./payouts-status-9f2e9a3a.js');
-const parts = require('./parts-b2ff8b68.js');
+const payoutsStatus = require('./payouts-status-703d62af.js');
+const parts = require('./parts-c2655003.js');
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {
@@ -28,7 +28,7 @@ const payoutTableCells = (downloadCSV) => ({
     amount: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payout.formattedPaymentAmount(payout.amount))),
     status: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payoutsStatus.MapPayoutStatusToBadge(payout.status))),
     csv: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
-        index.h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout); } }, "CSV"))),
+        index.h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout.id); } }, "CSV"))),
 });
 
 exports.defaultColumnsKeys = defaultColumnsKeys;

package/dist/cjs/{schema-validations-cc4e6071.js → schema-validations-47a256f4.js}

@@ -2,7 +2,7 @@
 
 const index_esm = require('./index.esm-a397536a.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
-const businessFormOptions = require('./business-form-options-4bcb8943.js');
+const businessFormOptions = require('./business-form-options-62e9c8ab.js');
 const Document = require('./Document-0b828345.js');
 
 const transformEmptyString = (value) => {
@@ -169,7 +169,7 @@ const accountTypeValidation = index_esm.create$6()
     .oneOf(businessFormOptions.bankAccountTypeOptions.map((option) => option.value), 'Select account type')
     .transform(transformEmptyString);
 const accountNumberValidation = index_esm.create$6()
-    .min(7, 'Account number must be at least 7 digits')
+    .min(4, 'Account number must be at least 4 digits')
     .max(17, 'Account number must be less than 17 digits')
     .matches(numbersOnlyRegex, 'Enter valid account number')
     .test('not-repeat', 'Enter valid account number', (value) => {

package/dist/cjs/{skeleton-0353466d.js → skeleton-84102a44.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/cjs/{spinner-4fc60a51.js → spinner-70f38e5e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 
 const Spinner = () => {
     return (index.h("div", { class: "d-flex justify-content-center" },

package/dist/cjs/{event-types-34b103b4.js → table-fc82fa81.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-b2ff8b68.js');
-const spinner = require('./spinner-4fc60a51.js');
+const parts = require('./parts-c2655003.js');
+const spinner = require('./spinner-70f38e5e.js');
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;
@@ -54,13 +54,6 @@ class Table {
     }
 }
 
-exports.TableClickActions = void 0;
-(function (TableClickActions) {
-    TableClickActions["row"] = "tableRow";
-    TableClickActions["next"] = "nextPage";
-    TableClickActions["previous"] = "previousPage";
-})(exports.TableClickActions || (exports.TableClickActions = {}));
-
 exports.Table = Table;
 exports.TableEmptyState = TableEmptyState;
 exports.TableErrorState = TableErrorState;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const button = require('./button-8b634147.js');
-const parts = require('./parts-b2ff8b68.js');
+const button = require('./button-5f6c437f.js');
+const parts = require('./parts-c2655003.js');
 
 const hasFilters = (params) => {
     const paginationKeys = ['after_cursor', 'before_cursor'];
@@ -35,7 +35,7 @@ const TableFiltersMenu = class {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (index.h("div", { key: 'd45f459f317d7a5c10083e4d6c7a1855e606ccff', class: "d-flex gap-2" }, index.h("div", { key: 'cd9625444bf3e4a084508a52f2f4ee52ec108602', class: "dropdown pb-3" }, index.h(button.Button, { key: '328dfff010a31a5e49a6a893bd9a8b49ebc44a6a', 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"), index.h("custom-popper", { key: '591b15ad81d875d9f0249978394281ee134dd63f', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, index.h("form", { key: 'dbab8762dddfaa425e13d8f6ca9993ee1811a404', class: "dropdown-menu", part: parts.dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, index.h("slot", { key: 'b4c174ce6d565e7cadcd3ce62af69eaaeac5054c' })))), index.h("div", { key: '1daabbe4fa3551640c075ee20e39b2c9363bf59a' }, index.h(button.Button, { key: 'b09b43e46ad9b40797efd06ede82044c8a6e25df', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (index.h("div", { key: 'b55be2aa2f9d4677989da12bb114f620a9ec2e45', class: "d-flex gap-2" }, index.h("div", { key: 'dffb2be68ead3abb60a8740869e48bb48bbf558c', class: "dropdown pb-3" }, index.h(button.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"), index.h("custom-popper", { key: '9e2b1b988bc5440f18d26c5b8402f5e30e73cdad', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, index.h("form", { key: '573161a7515d1b16665138ba739133379b9b6850', class: "dropdown-menu", part: parts.dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, index.h("slot", { key: '9597e79f125e1e41c343fa3d2d583b5cf7ab9c31' })))), index.h("div", { key: '67ed29ac8e10f3ae1380514ae1a1e1e8aed7d9b6' }, index.h(button.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/cjs/terminal-orders-list-core.cjs.entry.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+const table = require('./table-fc82fa81.js');
+const parts = require('./parts-c2655003.js');
+require('./ComponentError-233ac749.js');
+require('./Checkout-1c07dc32.js');
+const Pagination = require('./Pagination-0da8f095.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-b4811a8e.js');
+require('./Document-0b828345.js');
+const terminalOrdersTable = require('./terminal-orders-table-61081532.js');
+require('./spinner-70f38e5e.js');
+require('./utils-337befa9.js');
+require('./Dispute-eb6bad54.js');
+
+const TerminalOrdersListCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+        };
+        this.rowClickHandler = (e) => {
+            const clickedOrderId = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedOrderId)
+                return;
+            console.log('clickedOrderId', clickedOrderId);
+        };
+        this.getTerminalOrders = undefined;
+        this.columns = undefined;
+        this.terminalOrders = [];
+        this.terminalOrdersTable = undefined;
+        this.loading = true;
+        this.errorMessage = undefined;
+        this.paging = Pagination.pagingDefaults;
+        this.pagingParams = {};
+    }
+    updateOnPropChange() {
+        this.fetchData();
+    }
+    componentWillLoad() {
+        this.terminalOrdersTable = new table.Table(this.terminalOrders, this.columns, terminalOrdersTable.terminalOrdersTableColumns, terminalOrdersTable.terminalOrdersTableCells);
+        if (this.getTerminalOrders) {
+            this.fetchData();
+        }
+    }
+    fetchData() {
+        this.loading = true;
+        console.log('fetching terminal orders');
+        this.loading = false;
+    }
+    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 (index.h("div", { key: '0985e60932d09dafc25f5d98415a7dc0b56d64a8' }, index.h("div", { key: '390633346017eaced1704ea7b5c800aae0f9df57', class: "table-wrapper" }, index.h("table", { key: '56959798f3fab7ff46d410908f7cf0e889940a51', class: "table table-hover", part: parts.table }, index.h("thead", { key: '25fab5c7217777cd10ef8515ce5745748d8cdb22', class: "table-head sticky-top" }, index.h("tr", { key: '6c5606a186e0a3bacda194cd348d92798d63b9e4', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), index.h("tbody", { key: 'cff51b485040873e6bde770269d4aa4a161c4c82', class: "table-body" }, index.h(table.TableLoadingState, { key: 'f38917eb02c8f537496b2465e5b64da302e8c19a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '2f7ee4c2c1a9d37134df4a955f92a33ef2ac6ca3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'c9bbb80471f1ad7ef04199949cfd0583852a5a26', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'c476e3245d5365d6facff461ea921c18c3001caf', class: "sticky-bottom" }, index.h("tr", { key: 'ae0d4344538d1f3ee7c2702c1475e730e1d25b8c', class: "table-light align-middle" }, index.h("td", { key: 'f5c8fa258bcc8d0853f9f419722d7e995f2a771b', part: parts.tableCell, colSpan: this.terminalOrdersTable.columnData.length }, index.h("pagination-menu", { key: '2e73c5c292533441692ed97ee065448426c43f85', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+    }
+    static get watchers() { return {
+        "pagingParams": ["updateOnPropChange"],
+        "getTerminalOrders": ["updateOnPropChange"],
+        "columns": ["updateOnPropChange"]
+    }; }
+};
+
+exports.terminal_orders_list_core = TerminalOrdersListCore;

package/dist/cjs/terminal-orders-table-61081532.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-5b9a3b5f.js');
+const parts = require('./parts-c2655003.js');
+
+const defaultColumnsKeys = 'id,status';
+const terminalOrdersTableColumns = {
+    id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The ID of the terminal order" }, "ID")),
+    status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The status of the terminal order" }, "Status")),
+};
+const terminalOrdersTableCells = {
+    id: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminalOrder.id)),
+    status: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminalOrder.status)),
+};
+
+exports.defaultColumnsKeys = defaultColumnsKeys;
+exports.terminalOrdersTableCells = terminalOrdersTableCells;
+exports.terminalOrdersTableColumns = terminalOrdersTableColumns;

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

@@ -4,19 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
-const parts = require('./parts-b2ff8b68.js');
-const eventTypes = require('./event-types-34b103b4.js');
-const terminalsTable = require('./terminals-table-5e4bce93.js');
-const terminalsListParamsState = require('./terminals-list-params-state-95ff6a64.js');
+const parts = require('./parts-c2655003.js');
+const table = require('./table-fc82fa81.js');
+const terminalsTable = require('./terminals-table-db58a0c0.js');
+const terminalsListParamsState = require('./terminals-list-params-state-236f06f6.js');
+const eventTypes = require('./event-types-b6d34593.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./spinner-4fc60a51.js');
-require('./badge-ccfe03bf.js');
+require('./spinner-70f38e5e.js');
+require('./badge-86a6a7f8.js');
 require('./index-d2d0b181.js');
 
 const TerminalsListCore = class {
@@ -54,7 +55,7 @@ const TerminalsListCore = class {
         this.fetchData();
     }
     componentWillLoad() {
-        this.terminalsTable = new eventTypes.Table(this.terminals, this.columns, terminalsTable.terminalTableColumns, terminalsTable.terminalTableCells);
+        this.terminalsTable = new table.Table(this.terminals, this.columns, terminalsTable.terminalTableColumns, terminalsTable.terminalTableCells);
         if (this.getTerminals && this.getSubAccounts) {
             this.fetchData();
         }
@@ -69,7 +70,7 @@ const TerminalsListCore = class {
     fetchData() {
         this.loading = true;
         this.getTerminals({
-            params: this.requestParams,
+            params: this.terminalParams,
             onSuccess: async ({ terminals, pagingInfo }) => {
                 this.terminals = terminals;
                 this.paging = pagingInfo;
@@ -116,9 +117,10 @@ const TerminalsListCore = class {
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, terminalsListParamsState.queryParams), this.pagingParams);
-        return combinedParams;
+    get terminalParams() {
+        const requestParams = terminalsListParamsState.getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.terminals.map((terminal) => terminal.account_id);
@@ -139,10 +141,9 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: 'a80b76fc1f535c9d1fea371b7655a2baa373e53c' }, index.h("div", { key: '3c6fb067ed034fd09c767e5f1b7ffa7ab2b0b6c2', class: "table-wrapper" }, index.h("table", { key: 'e24cff12e153db046b1565011bbae3db133609f9', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'd91e948a4b0a6da3bc67ea489bf6deb828ccb9e5', class: "table-head sticky-top" }, index.h("tr", { key: '7e629ab6636fceb70dd75e1163094cd44d1f525d', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), index.h("tbody", { key: '760ed57f2a669d3a6cd54953c9d5259cb6518a60', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: '4cb50cce3d9644904fffd1969de19647c6eabc11', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '84ea8077a878aa6b94c1bd2eb1c9393ffc41b983', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: '94cb9745f2951383625833a783d4d2bf8e88b1b2', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '0e111df52934ff81bddd77a15d720c44f53e3096', class: "sticky-bottom" }, index.h("tr", { key: '0abc10194bb09342ecefb62b7a981c3809542a99', class: "table-light align-middle" }, index.h("td", { key: '828f58c6054dd437cb597696d5bdaf33069e69cf', part: parts.tableCell, colSpan: this.terminalsTable.columnData.length }, index.h("pagination-menu", { key: 'd9f4db3f7c580fda067afff8919a695776c8f502', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: '074b9925b7092b69d4073b86e926bc6e627ba8cd' }, index.h("div", { key: '195acd38db8ecc931e86e517a5e626ced44ce66f', class: "table-wrapper" }, index.h("table", { key: '6534aba9b68490de5a7bd03d9760021db02e3f61', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'bf8dc807e1b31ed1e8040f952b5bfc3cfa77116d', class: "table-head sticky-top" }, index.h("tr", { key: 'b6828dbb38504d1f410f4c1199ea12d03b66292a', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), index.h("tbody", { key: '2080463e7f6ac9995b30e38e52f1650f75983dab', class: "table-body" }, index.h(table.TableLoadingState, { key: '36b61e1fb8c23dea61aa3a41b2749f80dbfb34bb', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'c2a11b7e3ebb37538522026854faf3f10e405271', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a40dd753552ee8ad3fae2655a4e890e67a8c14f0', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '0af6b6aefe2160a36e773deabed1c6d006d0cde2', class: "sticky-bottom" }, index.h("tr", { key: '8576eee95c757c41d6b0a6838933e9c123f519d3', class: "table-light align-middle" }, index.h("td", { key: '87ca55905ecb734ddb059dce080256af6a7f1be1', part: parts.tableCell, colSpan: this.terminalsTable.columnData.length }, index.h("pagination-menu", { key: '08f29c2415998948e4dc020487fe10215bf10c3d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "queryParams": ["updateOnPropChange"],
         "pagingParams": ["updateOnPropChange"],
         "getTerminals": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"],

package/dist/cjs/terminals-list-params-state-236f06f6.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const index = require('./index-d2d0b181.js');
+
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = index.createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = index.createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
+const clearParams = () => {
+    filterParamsStore.reset();
+};
+
+exports.clearParams = clearParams;
+exports.filterParams = filterParams;
+exports.getRequestParams = getRequestParams;
+exports.onQueryParamsChange = onQueryParamsChange;
+exports.propsParams = propsParams;

package/dist/cjs/{terminals-table-5e4bce93.js → terminals-table-db58a0c0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const badge = require('./badge-ccfe03bf.js');
-const parts = require('./parts-b2ff8b68.js');
+const badge = require('./badge-86a6a7f8.js');
+const parts = require('./parts-c2655003.js');
 
 const MapTerminalStatusToBadge = (status) => {
     const statusToBadgeProps = {
@@ -29,7 +29,7 @@ const MapTerminalStatusToBadge = (status) => {
 const defaultColumnsKeys = 'nickname,provider_id,status';
 const terminalTableColumns = {
     nickname: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    provider_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
+    provider_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The serial number / provider ID of the terminal" }, "Serial Number")),
     sub_account_name: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
     status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
 };

package/dist/cjs/{utils-134dda01.js → utils-7c5b2837.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 
 const ErrorState = (errorMessage) => (index.h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
     index.h("p", { part: parts.text }, errorMessage)));