@justifi/webcomponents 5.3.2 → 5.3.3

package/dist/esm/{payment.service-c847c1f6.js → payment.service-35bbab8f.js}

@@ -1,23 +1,20 @@
-import { A as Api, c as config } from './Api-97801a4b.js';
-import './ComponentError-3ce7f437.js';
-import './Checkout-8325c97a.js';
+import { A as Api } from './Api-391d00e2.js';
+import './ComponentError-c61dce41.js';
+import './Checkout-919eb1ba.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-a73bf971.js';
+import './SubAccount-9aad3891.js';
 import './Document-1907c0d4.js';
 
 class PaymentService {
-    async fetchPayments(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchPayments(accountId, authToken, params, apiOrigin = undefined) {
         const api = Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = `account/${accountId}/payments`;
         return api.get(endpoint, params);
     }
     async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
 }
 

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

@@ -1,19 +1,20 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import './ComponentError-3ce7f437.js';
-import './Checkout-8325c97a.js';
+import './ComponentError-c61dce41.js';
+import './Checkout-919eb1ba.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-a73bf971.js';
+import './SubAccount-9aad3891.js';
 import './Document-1907c0d4.js';
-import { E as table, F as tableCell } from './parts-ab2bb4b5.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-fd7a05d9.js';
-import { p as paymentTableColumns, a as paymentTableCells } from './payments-table-88fbab49.js';
+import { Q as table, R as tableCell } from './parts-489f0af6.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-e287f1c0.js';
+import { p as paymentTableColumns, a as paymentTableCells } from './payments-table-6e97396a.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state-d05b24aa.js';
+import { T as TableClickActions } from './event-types-0a83d0b4.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-8ec6669a.js';
-import './payments-status-abf1724b.js';
-import './badge-938ba4b1.js';
+import './spinner-6b708842.js';
+import './payments-status-35255b2c.js';
+import './badge-2eb79416.js';
 import './index-a47fdc7f.js';
 
 const PaymentsListCore = class {
@@ -64,7 +65,7 @@ const PaymentsListCore = class {
     fetchData() {
         this.loading = true;
         this.getPayments({
-            params: this.params,
+            params: this.paymentParams,
             onSuccess: ({ payments, pagingInfo }) => {
                 this.payments = payments;
                 this.paging = pagingInfo;
@@ -83,6 +84,11 @@ const PaymentsListCore = class {
             }
         });
     }
+    get paymentParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
     get entityId() {
         return this.payments.map((payment) => payment.id);
     }
@@ -95,13 +101,8 @@ const PaymentsListCore = class {
     get showRowData() {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
-    get params() {
-        const requestParams = getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
     render() {
-        return (h("div", { key: 'a3a996622a365ecf9960a36f249dcd3a8cea3106' }, h("div", { key: '79b86ae4a59b6c50ff72ee1dddb7d9660220e003', class: "table-wrapper" }, h("table", { key: '0f0904d5db86c1e7e3141e991bb20dade2bfb46b', class: "table table-hover", part: table }, h("thead", { key: 'a5895f88cea8962b31aed180b24fc8a287664d56', class: "table-head sticky-top" }, h("tr", { key: 'e883f164efc6a77eea64482974d4e667d264110d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'bbb65c479ca06b02d711d510516432db815b3fac', class: "table-body" }, h(TableLoadingState, { key: 'a212a7fc190e5bede2ff98e7dad737260b94fc9c', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '41543e33097fbcc753ab11fad1214b6dd06c4f78', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '06862d555775195430f95fa3efc41d301444cc4e', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '7453d140f8f9ca941be9cf5b9dad4491ace10095', class: "sticky-bottom" }, h("tr", { key: '5299d703ca1c741687e1340b98876cabc4c3636d', class: "table-light align-middle" }, h("td", { key: '96f9f447db74126b92f3f3f657d4253617c0b85b', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '19a8da89dfc77c2d97b3b726f9a27a72825eafe3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '6f153085c08ed8db1508964f360f879ec5310635' }, h("div", { key: 'ca4e487642561cbf859aa30f74dc1aae00d3642c', class: "table-wrapper" }, h("table", { key: '0982554e856be77813a087baa93835cd43c3b6e1', class: "table table-hover", part: table }, h("thead", { key: 'e5eb661667dea89b13524676423758cf79d20765', class: "table-head sticky-top" }, h("tr", { key: '290dd81536e2b03f3020c72937a559aca0cef884', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'bee3b0671e9d6f71a87d8b9f880a1630db2335ec', class: "table-body" }, h(TableLoadingState, { key: 'a9e4a373e3eadc449f4b040c1eec2e902cfe7fef', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '240af4b959cd5a55518c0fd6a025648291e63c29', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'd6e704fd8f9d6f1717537e45e0c3743e78df38be', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '889f70d9eb4f7e92e29735ba6a5ddb43d622a511', class: "sticky-bottom" }, h("tr", { key: '7f352e5ea2338b1209046bab5328580d1ef80e12', class: "table-light align-middle" }, h("td", { key: '310bf61ff6730cdc4a2fe83e4297b9f055981abc', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '66bcae57f189313b7596133c1a91e0cf43173fef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{payments-status-abf1724b.js → payments-status-35255b2c.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { B as Badge, a as BadgeVariant } from './badge-938ba4b1.js';
+import { B as Badge, a as BadgeVariant } from './badge-2eb79416.js';
 
 const MapPaymentStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{payments-table-88fbab49.js → payments-table-6e97396a.js}

@@ -1,7 +1,7 @@
 import { h } from './index-29fcfdf5.js';
-import { M as MapPaymentStatusToBadge } from './payments-status-abf1724b.js';
+import { M as MapPaymentStatusToBadge } from './payments-status-35255b2c.js';
 import { c as convertToLocal } from './utils-c37124fc.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-ab2bb4b5.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-489f0af6.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
 const paymentTableColumns = {

package/dist/esm/payout-details-core.entry.js

@@ -1,12 +1,12 @@
 import { h, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
 import { b as formatDate, a as formatTime } from './utils-c37124fc.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-c2dc83b2.js';
-import { B as Button } from './button-4b3f3934.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-6c26bccc.js';
+import { B as Button } from './button-cc455199.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-d9987a8a.js';
-import { S as Skeleton } from './skeleton-ee7c3b32.js';
-import './parts-ab2bb4b5.js';
-import './badge-938ba4b1.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-a0cc00c5.js';
+import { S as Skeleton } from './skeleton-74fbfb68.js';
+import './parts-489f0af6.js';
+import './badge-2eb79416.js';
 
 const PayoutDetailsLoading = () => (h("div", { class: "row gap-3" },
     h("div", { class: "col-12" },
@@ -74,7 +74,7 @@ const PayoutDetailsCore = class {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '4549ec693037f9a88ce74520fd227022d4a2db43' }, this.loading && h(PayoutDetailsLoading, { key: '36017a6e0faef41b11d79605177e215e614a3aa1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c85f8ade3faf633fe0901d9500eb3353ca37bb2b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cd855de095506f7002e2e1c0188250b227927a17', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'acfb6cf5f22e321fa20af3b17a8efb2fad959b84', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a5a642616006a55cd7c1b0a6782b4400fceb930c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '239d10bb38e0f583ce9f40182ebd06d0a0ea7435', title: "ID", value: this.payout.id }), h("div", { key: '6863a35b9f6d5490ede7ee6fa82987691615b3e2', class: "m-4" }, h(Button, { key: '1760a4e1666aa8d8de5997c29c3c127a4e36f4b5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '32adb626ca04e368ef4b194f198ebffd3b04222e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '9e4ad804af83027bcf5a3c338bda5e70e97cc892', sectionTitle: "Details" }), h("div", { key: 'c927105a44b2da4c54d1a37ae67284f0674551c9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'e1870dc67a0d4868670d8be56c918e78b50f905d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '5fc96b304fc547112cd73eb4fb2630dd428830e7', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'da6ef701996e84cd8e6a07d78a25a5e9a79b9ea8', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '9e64e4d9dcfcb061bcaa7cece2420ebf345b8000', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4a86a9dd33c22d08f05ec2728478a787a00a8322', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'db556a34c5d00c4d3e92c1cf4d01387bff3ee51d', sectionTitle: "Account" }), h("div", { key: '650b29a42b66a5c6472175c2908e3e3bedacf5d3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dc66788666c8171a88712615b3b9972c3b4b0d3f', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '203f2cf47a4ef904cec14e1c513f4e7debd8fce8', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'de0b55071cf0303666f6f586de3c409684cb6a7d', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c844ae5678df1b9181e7ecc75d96b166b75afe64', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '0d53d6165128f2783bb2d2a16fe736fa89b3f897', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: '32578f8453ceb9f8196c393b6d729bbf9e287e04', sectionTitle: 'Metadata' }), h("div", { key: 'fdacbd0d6ce9c91557043a797d41a82e88d8ad61', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '97ec42b9a84d270166a634e15cf8c3aa4d9ff532', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '9b5b45052e96231367e1289cfd693346dbde365b' }, this.loading && h(PayoutDetailsLoading, { key: '6326e96a39db801b0e61a061cba006f867f1d421' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '68642bc936f28de32ac82dee91b6a044e1212399', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ddaaffc9cf37c004cf08025e6767e4e6ebba9b03', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '552b9fea31e5628a7c02aaa2fec84ea659acd8c0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ed356c4b54e4c315c51ebaf381cc8c66f4246ed7', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1171f95890de260c20122b02bdf10ca43bc7bef1', title: "ID", value: this.payout.id }), h("div", { key: '9e823b2f42bf37e7fd0e4e8f5e87a2be5ab4db35', class: "m-4" }, h(Button, { key: 'dd4b750f7e9057b7f4845a4290d83c7cf89d7b43', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'ef9384f15e0e10c2372d8af1c62fdf858d98d1a2', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '3abe895a6f65d2e26736cafd25a8656d5be1204d', sectionTitle: "Details" }), h("div", { key: '1be2f667564fa492a1fa3a44b8e67209a6617657', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'adb8c36a2b45d19ef95117d069f60758ea5ce6f0', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'a6245623ff251316c4fd923bfb9b91fe94aa11b1', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '10db1599529d8f98d28c3ed1f3975539bbb8f88a', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '7e1438bcfb7b1f2aa820ace66874e56446ef400e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '4afa7801a1b1e92db8c8f57b53c0d7cdd38e0f61', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '51cf02ed3894781f88770cdac746b31bb608dcad', sectionTitle: "Account" }), h("div", { key: '865ea1514254641acf1f96941c5c912947c5fe4f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2812906310435422b7bb08bbe8a36c1f95a2eac5', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c25fef650a31522d3bc520d425f904bc002d3ecf', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'def9ed242797394aa21339866050bdf563ee7527', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '1542ffac52053eb8986d6fd2489d4ba6ab523c69', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '45a289202141a852e5e57eee4d0b3db35b09cc40', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'a9059130e4c5686d103f67a91510531af62eca5f', sectionTitle: 'Metadata' }), h("div", { key: '130ef2e82f48c8449346b56713580b975fc368cf', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'dc6fc83790f16416aa7c5b763d0ae040654f23cd', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -1,19 +1,20 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
-import './Checkout-8325c97a.js';
+import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
+import './Checkout-919eb1ba.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-a73bf971.js';
+import './SubAccount-9aad3891.js';
 import './Document-1907c0d4.js';
-import { E as table, F as tableCell } from './parts-ab2bb4b5.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-fd7a05d9.js';
-import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-055d3633.js';
-import { o as onQueryParamsChange, q as queryParams } from './payouts-list-params-state-49618e7a.js';
+import { Q as table, R as tableCell } from './parts-489f0af6.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-e287f1c0.js';
+import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-6b8ba8f1.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-ebcee300.js';
+import { T as TableClickActions } from './event-types-0a83d0b4.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-8ec6669a.js';
-import './payouts-status-d9987a8a.js';
-import './badge-938ba4b1.js';
+import './spinner-6b708842.js';
+import './payouts-status-a0cc00c5.js';
+import './badge-2eb79416.js';
 import './index-a47fdc7f.js';
 
 const PayoutsListCore = class {
@@ -42,9 +43,13 @@ const PayoutsListCore = class {
             this.clickEvent.emit({ name: 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: TableClickActions.row, data: payoutData });
         };
@@ -79,7 +84,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;
@@ -126,9 +131,10 @@ const PayoutsListCore = class {
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get payoutParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
@@ -149,10 +155,9 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '80d7b9e09153270375ef79961996ed56f0ee6ba2' }, h("div", { key: 'bb769ab3fc09acea181a231f98f5aa99be24e675', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'b008fd21153c738b85e1a37c2e43932e13b8f58d', class: "table table-hover", part: table }, h("thead", { key: 'f4c7146142cc714f24dccddda4404d5534e068b5', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'bfd485e191f11725681a1055b049c7c11eda7858', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '77797d4d7ebfed8206fb5b693d973c8fb539f1b8', class: "table-body" }, h(TableLoadingState, { key: 'd8c55ac393e2952b9cde96b8fcb45cf88978d90b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4122715eaa2363e9a21a3dec18a935bc98ac530e', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '5017f0eca302fe6c80d62d8e9af73b68d04db658', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'da997bb2d356800bdc918415a60c03d09ab0d158', class: "sticky-bottom" }, h("tr", { key: '22a61b245c6aeb630bb3887525d826d5b3589c7c', class: "table-light align-middle" }, h("td", { key: 'f378c94db17592855e94066113bc064d0f936d45', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '32f8c9fc1a401a5f7f40669d56be3f703a3fdd40', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '2cc35b1a64da3e15a221eeb74b9de3ce011301e6' }, h("div", { key: '73e18029f462aeb03414574c76700b8c20748c0d', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '6af17bc77a5ac15503a4424ef8e9095da86ff667', class: "table table-hover", part: table }, h("thead", { key: '6340d507a8a8bcef847c4054072b1f26d49c1cb8', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fd84224c2b62ebb26130057d57145baecc3f1f2b', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4993ab0d133c3f03c42b17da22c16682f6b5ddc2', class: "table-body" }, h(TableLoadingState, { key: '580e94f393f1281a4f9f9890078073b31450fb25', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '88fa77ac3de65dcad0371d8746588d588964a2fe', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ec374189d2faab1ea13388987ff977ae758cdd35', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '3543415cd5411bf599e0cfa06257b8ef19f1b652', class: "sticky-bottom" }, h("tr", { key: '8b7230df5006dfb3d3022422d391cd5cae48c5c7', class: "table-light align-middle" }, h("td", { key: '6a4ed06b9c933e09cb083b3e62e52bdf44a9678b', part: tableCell, colSpan: this.payoutsTable.columnData.length }, 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/esm/payouts-list-params-state-ebcee300.js

@@ -0,0 +1,16 @@
+import { c as createStore } from './index-a47fdc7f.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/{payouts-status-d9987a8a.js → payouts-status-a0cc00c5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { B as Badge, a as BadgeVariant } from './badge-938ba4b1.js';
+import { B as Badge, a as BadgeVariant } from './badge-2eb79416.js';
 
 const MapPayoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{payouts-table-055d3633.js → payouts-table-6b8ba8f1.js}

@@ -1,7 +1,7 @@
 import { h } from './index-29fcfdf5.js';
 import { c as convertToLocal } from './utils-c37124fc.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-d9987a8a.js';
-import { m as getAlternateTableCellPart, k as tableHeadCell } from './parts-ab2bb4b5.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-a0cc00c5.js';
+import { m as getAlternateTableCellPart, k as tableHeadCell } from './parts-489f0af6.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {
@@ -26,7 +26,7 @@ const payoutTableCells = (downloadCSV) => ({
     amount: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.amount))),
     status: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapPayoutStatusToBadge(payout.status))),
     csv: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) },
-        h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout); } }, "CSV"))),
+        h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout.id); } }, "CSV"))),
 });
 
 export { payoutTableCells as a, defaultColumnsKeys as d, payoutTableColumns as p };

package/dist/esm/{schema-validations-38e8bc7b.js → schema-validations-b1aec6a0.js}

@@ -1,6 +1,6 @@
 import { a as create$6, b as create$8 } from './index.esm-0b6849c2.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
-import { b as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as bankAccountTypeOptions } from './business-form-options-018f62a5.js';
+import { b as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as bankAccountTypeOptions } from './business-form-options-86a13078.js';
 import { E as EntityDocumentType } from './Document-1907c0d4.js';
 
 const transformEmptyString = (value) => {

package/dist/esm/{skeleton-ee7c3b32.js → skeleton-74fbfb68.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { s as skeleton } from './parts-ab2bb4b5.js';
+import { s as skeleton } from './parts-489f0af6.js';
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/esm/{spinner-8ec6669a.js → spinner-6b708842.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { I as loadingSpinner } from './parts-ab2bb4b5.js';
+import { U as loadingSpinner } from './parts-489f0af6.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },

package/dist/esm/{event-types-fd7a05d9.js → table-e287f1c0.js}

@@ -1,6 +1,6 @@
 import { h } from './index-29fcfdf5.js';
-import { G as tableEmpty, H as tableError, F as tableCell } from './parts-ab2bb4b5.js';
-import { S as Spinner } from './spinner-8ec6669a.js';
+import { S as tableEmpty, T as tableError, R as tableCell } from './parts-489f0af6.js';
+import { S as Spinner } from './spinner-6b708842.js';
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;
@@ -52,11 +52,4 @@ class Table {
     }
 }
 
-var TableClickActions;
-(function (TableClickActions) {
-    TableClickActions["row"] = "tableRow";
-    TableClickActions["next"] = "nextPage";
-    TableClickActions["previous"] = "previousPage";
-})(TableClickActions || (TableClickActions = {}));
-
-export { TableClickActions as T, Table as a, TableLoadingState as b, TableEmptyState as c, TableErrorState as d };
+export { Table as T, TableLoadingState as a, TableEmptyState as b, TableErrorState as c };

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-4b3f3934.js';
-import { Q as dropdownMenu } from './parts-ab2bb4b5.js';
+import { B as Button } from './button-cc455199.js';
+import { $ as dropdownMenu } from './parts-489f0af6.js';
 
 const hasFilters = (params) => {
     const paginationKeys = ['after_cursor', 'before_cursor'];
@@ -31,7 +31,7 @@ const TableFiltersMenu = class {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'd45f459f317d7a5c10083e4d6c7a1855e606ccff', class: "d-flex gap-2" }, h("div", { key: 'cd9625444bf3e4a084508a52f2f4ee52ec108602', class: "dropdown pb-3" }, h(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"), h("custom-popper", { key: '591b15ad81d875d9f0249978394281ee134dd63f', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'dbab8762dddfaa425e13d8f6ca9993ee1811a404', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b4c174ce6d565e7cadcd3ce62af69eaaeac5054c' })))), h("div", { key: '1daabbe4fa3551640c075ee20e39b2c9363bf59a' }, h(Button, { key: 'b09b43e46ad9b40797efd06ede82044c8a6e25df', 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

@@ -0,0 +1,76 @@
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-e287f1c0.js';
+import { Q as table, R as tableCell } from './parts-489f0af6.js';
+import './ComponentError-c61dce41.js';
+import './Checkout-919eb1ba.js';
+import { p as pagingDefaults } from './Pagination-afc8f96d.js';
+import './Payment-82d2f453.js';
+import './SubAccount-9aad3891.js';
+import './Document-1907c0d4.js';
+import { t as terminalOrdersTableColumns, a as terminalOrdersTableCells } from './terminal-orders-table-765c44d5.js';
+import './spinner-6b708842.js';
+import './utils-c37124fc.js';
+import './Dispute-5fd28ec9.js';
+
+const TerminalOrdersListCore = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = 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 = pagingDefaults;
+        this.pagingParams = {};
+    }
+    updateOnPropChange() {
+        this.fetchData();
+    }
+    componentWillLoad() {
+        this.terminalOrdersTable = new Table(this.terminalOrders, this.columns, terminalOrdersTableColumns, 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 (h("div", { key: '0985e60932d09dafc25f5d98415a7dc0b56d64a8' }, h("div", { key: '390633346017eaced1704ea7b5c800aae0f9df57', class: "table-wrapper" }, h("table", { key: '56959798f3fab7ff46d410908f7cf0e889940a51', class: "table table-hover", part: table }, h("thead", { key: '25fab5c7217777cd10ef8515ce5745748d8cdb22', class: "table-head sticky-top" }, h("tr", { key: '6c5606a186e0a3bacda194cd348d92798d63b9e4', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: 'cff51b485040873e6bde770269d4aa4a161c4c82', class: "table-body" }, h(TableLoadingState, { key: 'f38917eb02c8f537496b2465e5b64da302e8c19a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2f7ee4c2c1a9d37134df4a955f92a33ef2ac6ca3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c9bbb80471f1ad7ef04199949cfd0583852a5a26', 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: 'c476e3245d5365d6facff461ea921c18c3001caf', class: "sticky-bottom" }, h("tr", { key: 'ae0d4344538d1f3ee7c2702c1475e730e1d25b8c', class: "table-light align-middle" }, h("td", { key: 'f5c8fa258bcc8d0853f9f419722d7e995f2a771b', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, 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"]
+    }; }
+};
+
+export { TerminalOrdersListCore as terminal_orders_list_core };

package/dist/esm/terminal-orders-table-765c44d5.js

@@ -0,0 +1,14 @@
+import { h } from './index-29fcfdf5.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-489f0af6.js';
+
+const defaultColumnsKeys = 'id,status';
+const terminalOrdersTableColumns = {
+    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The ID of the terminal order" }, "ID")),
+    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The status of the terminal order" }, "Status")),
+};
+const terminalOrdersTableCells = {
+    id: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.id)),
+    status: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.status)),
+};
+
+export { terminalOrdersTableCells as a, defaultColumnsKeys as d, terminalOrdersTableColumns as t };

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

@@ -1,18 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import './ComponentError-3ce7f437.js';
-import './Checkout-8325c97a.js';
+import './ComponentError-c61dce41.js';
+import './Checkout-919eb1ba.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-a73bf971.js';
+import './SubAccount-9aad3891.js';
 import './Document-1907c0d4.js';
-import { E as table, F as tableCell } from './parts-ab2bb4b5.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-fd7a05d9.js';
-import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-2963e65b.js';
-import { o as onQueryParamsChange, q as queryParams } from './terminals-list-params-state-2c48d35f.js';
+import { Q as table, R as tableCell } from './parts-489f0af6.js';
+import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-e287f1c0.js';
+import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-c6258344.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state-e4b2ec23.js';
+import { T as TableClickActions } from './event-types-0a83d0b4.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-8ec6669a.js';
-import './badge-938ba4b1.js';
+import './spinner-6b708842.js';
+import './badge-2eb79416.js';
 import './index-a47fdc7f.js';
 
 const TerminalsListCore = class {
@@ -65,7 +66,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;
@@ -112,9 +113,10 @@ const TerminalsListCore = class {
             },
         });
     }
-    get requestParams() {
-        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
-        return combinedParams;
+    get terminalParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
     }
     get subAccountParams() {
         let accountIdNumbers = this.terminals.map((terminal) => terminal.account_id);
@@ -135,10 +137,9 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'a80b76fc1f535c9d1fea371b7655a2baa373e53c' }, h("div", { key: '3c6fb067ed034fd09c767e5f1b7ffa7ab2b0b6c2', class: "table-wrapper" }, h("table", { key: 'e24cff12e153db046b1565011bbae3db133609f9', class: "table table-hover", part: table }, h("thead", { key: 'd91e948a4b0a6da3bc67ea489bf6deb828ccb9e5', class: "table-head sticky-top" }, h("tr", { key: '7e629ab6636fceb70dd75e1163094cd44d1f525d', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '760ed57f2a669d3a6cd54953c9d5259cb6518a60', class: "table-body" }, h(TableLoadingState, { key: '4cb50cce3d9644904fffd1969de19647c6eabc11', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '84ea8077a878aa6b94c1bd2eb1c9393ffc41b983', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '94cb9745f2951383625833a783d4d2bf8e88b1b2', 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: '0e111df52934ff81bddd77a15d720c44f53e3096', class: "sticky-bottom" }, h("tr", { key: '0abc10194bb09342ecefb62b7a981c3809542a99', class: "table-light align-middle" }, h("td", { key: '828f58c6054dd437cb597696d5bdaf33069e69cf', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'd9f4db3f7c580fda067afff8919a695776c8f502', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '074b9925b7092b69d4073b86e926bc6e627ba8cd' }, h("div", { key: '195acd38db8ecc931e86e517a5e626ced44ce66f', class: "table-wrapper" }, h("table", { key: '6534aba9b68490de5a7bd03d9760021db02e3f61', class: "table table-hover", part: table }, h("thead", { key: 'bf8dc807e1b31ed1e8040f952b5bfc3cfa77116d', class: "table-head sticky-top" }, h("tr", { key: 'b6828dbb38504d1f410f4c1199ea12d03b66292a', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '2080463e7f6ac9995b30e38e52f1650f75983dab', class: "table-body" }, h(TableLoadingState, { key: '36b61e1fb8c23dea61aa3a41b2749f80dbfb34bb', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c2a11b7e3ebb37538522026854faf3f10e405271', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'a40dd753552ee8ad3fae2655a4e890e67a8c14f0', 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: '0af6b6aefe2160a36e773deabed1c6d006d0cde2', class: "sticky-bottom" }, h("tr", { key: '8576eee95c757c41d6b0a6838933e9c123f519d3', class: "table-light align-middle" }, h("td", { key: '87ca55905ecb734ddb059dce080256af6a7f1be1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, 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/esm/terminals-list-params-state-e4b2ec23.js

@@ -0,0 +1,16 @@
+import { c as createStore } from './index-a47fdc7f.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-2963e65b.js → terminals-table-c6258344.js}

@@ -1,6 +1,6 @@
 import { h } from './index-29fcfdf5.js';
-import { B as Badge, a as BadgeVariant } from './badge-938ba4b1.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-ab2bb4b5.js';
+import { B as Badge, a as BadgeVariant } from './badge-2eb79416.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-489f0af6.js';
 
 const MapTerminalStatusToBadge = (status) => {
     const statusToBadgeProps = {
@@ -27,7 +27,7 @@ const MapTerminalStatusToBadge = (status) => {
 const defaultColumnsKeys = 'nickname,provider_id,status';
 const terminalTableColumns = {
     nickname: () => (h("th", { part: tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
+    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number / provider ID of the terminal" }, "Serial Number")),
     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")),
 };

package/dist/esm/{utils-c2dc83b2.js → utils-6c26bccc.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { t as text, h as heading2, e as heading1 } from './parts-ab2bb4b5.js';
+import { t as text, h as heading2, e as heading1 } from './parts-489f0af6.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)));

package/dist/esm/{utils-b10dae27.js → utils-fd99b806.js}

@@ -1,4 +1,4 @@
-import { a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
+import { C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 
 // Errors on [capital]/config/locales/en.yml
 // Add more errors as needed