@justifi/webcomponents 5.3.6 → 5.4.1

package/dist/esm/{payment.service-a8aa5be7.js → payment.service-b9ec64c9.js}

@@ -1,9 +1,9 @@
-import { A as Api } from './Api-391d00e2.js';
+import { A as Api } from './Api-52242eb0.js';
 import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
+import './Checkout-ba139944.js';
 import './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.js';
+import './Payment-39bfdd06.js';
+import './SubAccount-68403637.js';
 import './Document-1907c0d4.js';
 
 class PaymentService {

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
+import './Checkout-ba139944.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.js';
+import './Payment-39bfdd06.js';
+import './SubAccount-68403637.js';
 import './Document-1907c0d4.js';
-import { P as table, Q as tableCell } from './parts-2c5c609b.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-82515a49.js';
-import { p as paymentTableColumns, a as paymentTableCells } from './payments-table-4c6093e1.js';
+import { V as table, W as tableCell } from './parts-fd740f54.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-1bc52f1f.js';
+import { p as paymentTableColumns, a as paymentTableCells } from './payments-table-26054032.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state-d05b24aa.js';
-import './utils-c37124fc.js';
+import './utils-dc86cdde.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-14cd9ac7.js';
-import './payments-status-6e203ce4.js';
-import './badge-6f5acf30.js';
+import './spinner-27479716.js';
+import './payments-status-74d22728.js';
+import './badge-1be14e8c.js';
 import './index-a47fdc7f.js';
 
 const PaymentsListCore = class {
@@ -101,7 +101,7 @@ const PaymentsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '91c30f03d9b807ff84224ae25a0bcc84b5c17d20' }, h("div", { key: '447c694f9dcfee6363bafd369f53152ef1797c60', class: "table-wrapper" }, h("table", { key: 'fe3a2911b4d7aa109319d6dabc77eb338b910df9', class: "table table-hover", part: table }, h("thead", { key: 'a3ec810da46e43f786def86991f74e1c0f3c269b', class: "table-head sticky-top" }, h("tr", { key: '94b80f23224624d2f4be81cffa5365d9a725bf33', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'd2c24a19bebcd4872dc36c4f8c6a47678a912d6d', class: "table-body" }, h(TableLoadingState, { key: 'dfcc51f6307996ea5383c4da3ddde61c973d946b', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a81643fd528bff0ad8a57ea17aed718dbfcff6c5', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '3c50d2d7ee8bd5e8c03db7c1d01db8fbb6de4b9b', 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: '601bb3cd6f8b54fa262d572f715a6208df515f47', class: "sticky-bottom" }, h("tr", { key: '3fbcc03fc841c196cc52b2572387d243d74b2f44', class: "table-light align-middle" }, h("td", { key: 'a1d593b29235432bc668564d784b594dea8ae13c', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1a427ec2e181baad95ffd14a6c77485f86786f6d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '7650bc8c64b4b727048b748bb899b534159c2ecd' }, h("div", { key: 'ebf919d213a280adea8852c33c53314db3d73279', class: "table-wrapper" }, h("table", { key: '618a5113b68901bef3df0aed342e8cc6e76f672d', class: "table table-hover", part: table }, h("thead", { key: '4978a6a0572f228ce0b67aed63c0123f3c13251a', class: "table-head sticky-top" }, h("tr", { key: '875633307c439d239ed9ff6c9eae5f414729b4fc', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: '030a7ab7d92337fa4ee74d206e4a48c79f6eae4d', class: "table-body" }, h(TableLoadingState, { key: '6b3a71f087ac93c2b6487043d1624518b01d7370', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '51a90cd22acfdf55b0c351e6b7f2b1b7e1f156d0', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '47367183f197a6eafe761ac478a435bba5f9f6d6', 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: '2ca665dbc33b954145cedba2d75e98a3d45ff85f', class: "sticky-bottom" }, h("tr", { key: 'a7ecd6b390fdb960c589e2c463d354afe7b29100', class: "table-light align-middle" }, h("td", { key: '74f32baddb41ff3ca04b2199b1a5d75189fb406e', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '123f359c4a1948ee0189e49b163520d5858936ec', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{payments-status-6e203ce4.js → payments-status-74d22728.js}

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

package/dist/esm/{payments-table-4c6093e1.js → payments-table-26054032.js}

@@ -1,7 +1,7 @@
 import { h } from './index-29fcfdf5.js';
-import { M as MapPaymentStatusToBadge } from './payments-status-6e203ce4.js';
-import { c as convertToLocal } from './utils-c37124fc.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-2c5c609b.js';
+import { M as MapPaymentStatusToBadge } from './payments-status-74d22728.js';
+import { c as convertToLocal } from './utils-dc86cdde.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-fd740f54.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-4cb0d852.js';
-import { B as Button } from './button-79dcea75.js';
+import { b as formatDate, a as formatTime } from './utils-dc86cdde.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-96d9c205.js';
+import { B as Button } from './button-fcee4da7.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-66e830f1.js';
-import { S as Skeleton } from './skeleton-122648e6.js';
-import './parts-2c5c609b.js';
-import './badge-6f5acf30.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-29d31099.js';
+import { S as Skeleton } from './skeleton-ab3f676e.js';
+import './parts-fd740f54.js';
+import './badge-1be14e8c.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: '6aab170bbe708372d913c14bcb58b3b0d60dafd8' }, this.loading && h(PayoutDetailsLoading, { key: '0aee9ad36b3c4e74b1cb3f8251d0488cede1355c' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c9ad74b0385260d4b1f2d2f7b3e66563b2d706a4', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '6b67e623a6cb67207007ba4319aa437996118dd9', 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: 'ff1c335e90ad0403a607491e4ff0b0adac52f255', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '0c2e9555136ce806bc744dd2a83c7a1e10fa7ea7', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '0c813d23ddbe26f29f1ad03dc43b9c5fbf2d6ab6', title: "ID", value: this.payout.id }), h("div", { key: '762b4fc60643def05b7f8e84ce170d6295654631', class: "m-4" }, h(Button, { key: 'c5f304fb7f54838da6785a0bf19c423a98bdbf34', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'b307f177086cd6b1eeb0f384cce772cd04ff33ad', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'bad67a9d2cde5bff23b5c959f9b7564fdc996300', sectionTitle: "Details" }), h("div", { key: '6986bef4813aadb505acaf5cdd07b853c271e442', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'dad10fde82b1009a9821f1e1cc2c2e65baa5f6b7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'bf21ac446b54bdfcec020d6086546a0b20f42d01', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '30f7609216b42f3918929a6a02b30a6a23689921', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'e7d93fa8d865162098e105d4041c12af757db68b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '99b76f8abc8f0077df988cf38cfb74e77a7e881f', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'cfef47442eeb83514ca10fab25d12f1439414fc0', sectionTitle: "Account" }), h("div", { key: '901423f1ca47bf79ab6daa63368fea0032e46d58', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f3e215b7aad43a3a3914b885189700e87758cca6', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '795054cd2f8bda2a735e9ac64652da92dac34f61', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '9c190036635aed95d74bce36ec257ada41b57cba', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c1002cff85b80024804a858ef519feb4a86d46ff', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '0183bef106233f302cd8762c7483482bea849ac2', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'e87d57050d5dee72a8dccfe2ca2deee385e6dc61', sectionTitle: 'Metadata' }), h("div", { key: '9aefd212e7aa680b34f5af6a373a47997238496e', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a9c9337a788cb2611787278768968e638a8c000d', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '061c711344ca86e94a8fcc9d3d5f7de97e5c2179' }, this.loading && h(PayoutDetailsLoading, { key: '697e0405c5287731c6b5349f89919e6ca167a7b8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'baf48186beef6db33ca09cc62f48e1d6233cc087', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2ad1ac98d7b7613c017ce94d5f970c599e385857', 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: '356ae84a31ba8d28d4b00c5a019c9f6f169c16bb', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9bc19f40ab8c1c75acf8771d2e939c9b86c81352', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'adda5e8e83511030ab0998b9093d3f73879b1b34', title: "ID", value: this.payout.id }), h("div", { key: 'a8e3eb9c2ac80d09078adb19107106d2952c4995', class: "m-4" }, h(Button, { key: '039196e6cb3d5600eb60343eb073739b262adb89', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '7076fed938660f113e41d0f1cf29410df02bd9d5', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'bd3fbd6c010d62a3db20b05eb09b6e1144675978', sectionTitle: "Details" }), h("div", { key: '6f5faf48a2fa1a49265e8c7454889ad007efea77', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7f426b472de86bc4948bb4722f5f59190a8816fc', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '9c985e1faaac021bb49c15064edb7cdacb53b285', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '819e4ce2b8a2aa34eee35994bd395cfbd358a08b', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'de6ef451dba0364a2d531b82ed5a8a3cfc865fce', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'ab3705265c4d05f3e157e5beb338239e99be687d', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'ceef5bbeeb73858eea8643a50107288e87280c15', sectionTitle: "Account" }), h("div", { key: '6652445ecf1819d85b8642af02ded44cde934979', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '53b1e17717881ee14bbac8ff5941d8ee850675c2', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'afc5c48aef9715ef55f1aaa207f0af427679f8a4', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'd78fe12043891c7a76b9c1d590cff1cfb45bf1f3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5c8d4c492a4f0ccb2d1b7c721be7426e6b46e143', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '9ecc3872af10c9cfc380b1f4382a1ac980fff0fd', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'd38fdfd6754a68ff340a3e6456418c2ee0cd0672', sectionTitle: 'Metadata' }), h("div", { key: 'e45b2a4681556d276eaeed35e5c8a3b90e3235f0', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '1c2b19619b1997ee8f12116d1ffe822fd5ce09ce', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
+import './Checkout-ba139944.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.js';
+import './Payment-39bfdd06.js';
+import './SubAccount-68403637.js';
 import './Document-1907c0d4.js';
-import { P as table, Q as tableCell } from './parts-2c5c609b.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-82515a49.js';
-import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-46fbedb6.js';
+import { V as table, W as tableCell } from './parts-fd740f54.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-1bc52f1f.js';
+import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-7f31db9d.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-ebcee300.js';
-import './utils-c37124fc.js';
+import './utils-dc86cdde.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-14cd9ac7.js';
-import './payouts-status-66e830f1.js';
-import './badge-6f5acf30.js';
+import './spinner-27479716.js';
+import './payouts-status-29d31099.js';
+import './badge-1be14e8c.js';
 import './index-a47fdc7f.js';
 
 const PayoutsListCore = class {
@@ -154,7 +154,7 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'ed85d9ce4cc88007b8c623ba57cb8dfbd4de7874' }, h("div", { key: '5760742d19653abb6ce3e45f4f773cd1bd5e612f', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'f09a0ea7fff83b23e8e82fda18c73b25e0a46b07', class: "table table-hover", part: table }, h("thead", { key: 'b056f2ef2b6a229cd436ed0e4789f9d19849e956', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '16e6651c934d1d4120ceaeb4732e807666f0404d', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4b552d171131958f696077a66c4256e45ccaf7b2', class: "table-body" }, h(TableLoadingState, { key: 'aded291b5961c14d828ecff475120e48d3913293', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a3044be9a44798a4f8800978fd0734de31de6809', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '98c909ea58a0dd7f0cbbd8ac9842380b91b92386', 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: '0c58d215c797798f87affb37d1f7622de3ca7407', class: "sticky-bottom" }, h("tr", { key: '9a3b39c8836bb817428bd307110fee62db8d7589', class: "table-light align-middle" }, h("td", { key: 'a3eef122632c9459d5fa31d4542b6b085645b738', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '8d77a7e40f9e7c6770812ba8b45a6e0f5f57193e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'ff5859c3d61ab7b2d532541c383c2478b9efc391' }, h("div", { key: 'cb50816020bfd324fae4f5f0d1a151ab04600b64', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '69cf5b76a95dd9396b97c6dd54aab8c067522102', class: "table table-hover", part: table }, h("thead", { key: '086161ba08d930efaf431571fa7670ad74a1ec88', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '659d524600aec47afa5dc75cce808da945408536', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: 'bf665357df28983b110565b8556f1cf1a022f164', class: "table-body" }, h(TableLoadingState, { key: 'c789d5b153a377ca1d2e0244e4480fe118ffa2d2', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '80ab61d7e68e50ad88ad5a7f8e11464418006a59', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '195c41c6e0a91d09ca0440002e2883fe49626c07', 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: 'd9094830c7572cfbbfe0a17d55d9ad0daffd319f', class: "sticky-bottom" }, h("tr", { key: '658d6a380abc8085f5ec26b1423e0b9487b962d6', class: "table-light align-middle" }, h("td", { key: '962ddd1a6873a7206126e145d6772bacd4197cbf', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '28c37545fe9fdce46302a9cc6d370d95e7d03d7b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{payouts-status-66e830f1.js → payouts-status-29d31099.js}

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

package/dist/esm/{payouts-table-46fbedb6.js → payouts-table-7f31db9d.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-66e830f1.js';
-import { m as getAlternateTableCellPart, k as tableHeadCell } from './parts-2c5c609b.js';
+import { c as convertToLocal } from './utils-dc86cdde.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-29d31099.js';
+import { m as getAlternateTableCellPart, k as tableHeadCell } from './parts-fd740f54.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {

package/dist/esm/{schema-validations-b1aec6a0.js → schema-validations-5af4266a.js}

@@ -1,4 +1,4 @@
-import { a as create$6, b as create$8 } from './index.esm-0b6849c2.js';
+import { a as create$6, b as create$8 } from './index.esm-feedf26f.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-86a13078.js';
 import { E as EntityDocumentType } from './Document-1907c0d4.js';

package/dist/esm/{skeleton-122648e6.js → skeleton-ab3f676e.js}

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

package/dist/esm/{spinner-14cd9ac7.js → spinner-27479716.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { T as loadingSpinner } from './parts-2c5c609b.js';
+import { Z as loadingSpinner } from './parts-fd740f54.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },

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-79dcea75.js';
-import { $ as dropdownMenu } from './parts-2c5c609b.js';
+import { B as Button } from './button-fcee4da7.js';
+import { a7 as dropdownMenu } from './parts-fd740f54.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: '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"))));
+        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"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

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

@@ -1,17 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-82515a49.js';
-import { P as table, Q as tableCell } from './parts-2c5c609b.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-1bc52f1f.js';
+import { V as table, W as tableCell } from './parts-fd740f54.js';
 import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
+import './Checkout-ba139944.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.js';
+import './Payment-39bfdd06.js';
+import './SubAccount-68403637.js';
 import './Document-1907c0d4.js';
-import { t as terminalOrdersTableColumns, a as terminalOrdersTableCells } from './terminal-orders-table-83b905fd.js';
-import './spinner-14cd9ac7.js';
-import './utils-c37124fc.js';
+import { t as terminalOrdersTableColumns, a as terminalOrdersTableCells } from './terminal-orders-table-1f6156c9.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state-8fec0a0b.js';
+import './spinner-27479716.js';
+import './utils-dc86cdde.js';
 import './Dispute-5fd28ec9.js';
-import './badge-6f5acf30.js';
+import './badge-1be14e8c.js';
+import './index-a47fdc7f.js';
 
 const TerminalOrdersListCore = class {
     constructor(hostRef) {
@@ -50,11 +52,18 @@ const TerminalOrdersListCore = class {
         if (this.getTerminalOrders) {
             this.fetchData();
         }
+        onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
     fetchData() {
         this.loading = true;
         this.getTerminalOrders({
-            params: {},
+            params: this.terminalOrderParams,
             onSuccess: async ({ terminalOrders, pagingInfo }) => {
                 this.terminalOrders = terminalOrders;
                 this.paging = pagingInfo;
@@ -71,6 +80,11 @@ const TerminalOrdersListCore = class {
             final: () => { this.loading = false; },
         });
     }
+    get terminalOrderParams() {
+        const requestParams = getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
     get entityId() {
         return this.terminalOrders.map((terminalOrder) => terminalOrder.id);
     }
@@ -84,7 +98,7 @@ const TerminalOrdersListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'ceeaed5590e1586fdbb568ae3e3efd0b9569bfe2' }, h("div", { key: '1324282d71ced0bc43e73722f0286ce35141d122', class: "table-wrapper" }, h("table", { key: '15648ceb92e0a0461809e8a64539935c6b095515', class: "table table-hover", part: table }, h("thead", { key: '15aff763ff1b972c8f578ae927459afdbd6544f9', class: "table-head sticky-top" }, h("tr", { key: '912564fcbdc5e827beacd09832fe0bb69408aee2', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '2aa023da48163f637eabf32ed662e722e1ea0129', class: "table-body" }, h(TableLoadingState, { key: 'db59bd7cdbd9d955a7310134ffa7133a1aecac61', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7396924a0bb453d13c709ff692c09a5d42a29389', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '7d53ab680cd832c4b8b58297b9aa7e4d35c28fd1', 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: 'b4a1ca8efb71e67a5d41cebbf45367abe53a8943', class: "sticky-bottom" }, h("tr", { key: 'b3b2e69b93316738593fc6e30101266dc30a5af9', class: "table-light align-middle" }, h("td", { key: '5a2782c37a1606b34b1055088eb943dc2f93cce8', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '015d4d7aef4ab85b5dd3dac7563520d498747c04', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        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 }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/terminal-orders-list-params-state-8fec0a0b.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/{terminal-orders-table-83b905fd.js → terminal-orders-table-1f6156c9.js}

@@ -1,7 +1,7 @@
 import { h } from './index-29fcfdf5.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-2c5c609b.js';
-import { c as convertToLocal } from './utils-c37124fc.js';
-import { B as Badge, a as BadgeVariant } from './badge-6f5acf30.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-fd740f54.js';
+import { c as convertToLocal } from './utils-dc86cdde.js';
+import { B as Badge, a as BadgeVariant } from './badge-1be14e8c.js';
 
 const MapTerminalOrderStatusToBadge = (status) => {
     const statusToBadgeProps = {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { X as image, Y as buttonLink, t as text } from './parts-2c5c609b.js';
+import { a2 as image, a3 as buttonLink, t as text } from './parts-fd740f54.js';
 
 const TerminalQuantitySelector = class {
     constructor(hostRef) {
@@ -25,7 +25,7 @@ const TerminalQuantitySelector = class {
         this.selectedQuantity = 0;
     }
     render() {
-        return (h("div", { key: '5bbf669ab479523290b2d8a9f5b6ec2000ff0f96', class: "rounded shadow-sm card p-2", part: text }, h("div", { key: '47ead96654c97aeae6b24058a4f7759918d3d0ad', class: "d-flex gap-3" }, h("div", { key: '3763eda68e7849c87f0e67b905e09267c10481c8', class: "d-flex align-items-center" }, h("img", { key: 'ef0a61d5c1d27c600fd93813b594ec2ec2fadec3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '5a632f69e2045fbfcd35932af3c5fd027dcca66f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'be00d142f07945a15e882d2da4c505ffbf67fe88', class: "row" }, h("div", { key: '1c434628ae872d22efa7d2adb611b04868c85eb1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21f571a1b0e5ba7d528727f6476e134b9657e124', helpText: this.description })), h("div", { key: 'f4077bfa6beb4f0070bdbf4bd28021f88bcaf5b1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7dc6853fb7641b99a9a9ee82dcb3db8fce1d6c01', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'faab14e72773f12f69ea69e855bafb27ef3328b8', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '390e6b4b049fa64e2b7354a3676621844291feb0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        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 }, "+")))))));
     }
 };
 

package/dist/esm/{terminal.service-20445fc1.js → terminal.service-fff19896.js}

@@ -1,9 +1,9 @@
-import { A as Api } from './Api-391d00e2.js';
+import { A as Api } from './Api-52242eb0.js';
 import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
+import './Checkout-ba139944.js';
 import './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.js';
+import './Payment-39bfdd06.js';
+import './SubAccount-68403637.js';
 import './Document-1907c0d4.js';
 
 class TerminalService {
@@ -24,9 +24,10 @@ class TerminalService {
         return api.get(endpoint, null, null, 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);
+        return api.post(endpoint, terminalOrder, null, null, headers);
     }
 }
 

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import './ComponentError-c61dce41.js';
-import './Checkout-2bc873fb.js';
+import './Checkout-ba139944.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-82d2f453.js';
-import './SubAccount-dbd4e50c.js';
+import './Payment-39bfdd06.js';
+import './SubAccount-68403637.js';
 import './Document-1907c0d4.js';
-import { P as table, Q as tableCell } from './parts-2c5c609b.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-82515a49.js';
-import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-dbbf9a99.js';
+import { V as table, W as tableCell } from './parts-fd740f54.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-1bc52f1f.js';
+import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-7d54e359.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state-e4b2ec23.js';
-import './utils-c37124fc.js';
+import './utils-dc86cdde.js';
 import './Dispute-5fd28ec9.js';
-import './spinner-14cd9ac7.js';
-import './badge-6f5acf30.js';
+import './spinner-27479716.js';
+import './badge-1be14e8c.js';
 import './index-a47fdc7f.js';
 
 const TerminalsListCore = class {
@@ -136,7 +136,7 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) })))))))));
+        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 }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{terminals-table-dbbf9a99.js → terminals-table-7d54e359.js}

@@ -1,6 +1,7 @@
 import { h } from './index-29fcfdf5.js';
-import { B as Badge, a as BadgeVariant } from './badge-6f5acf30.js';
-import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-2c5c609b.js';
+import { B as Badge, a as BadgeVariant } from './badge-1be14e8c.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-fd740f54.js';
+import { e as capitalFirstLetter } from './utils-dc86cdde.js';
 
 const MapTerminalStatusToBadge = (status) => {
     const statusToBadgeProps = {
@@ -19,6 +20,11 @@ const MapTerminalStatusToBadge = (status) => {
             title: 'The status of this terminal is unknown',
             text: 'Unknown',
         },
+        pending_configuration: {
+            variant: BadgeVariant.WARNING,
+            title: 'This terminal is pending configuration',
+            text: 'Pending configuration',
+        },
     };
     const badgeProps = statusToBadgeProps[status];
     return h(Badge, Object.assign({}, badgeProps));
@@ -27,6 +33,9 @@ const MapTerminalStatusToBadge = (status) => {
 const defaultColumnsKeys = 'nickname,provider_serial_number,status';
 const terminalTableColumns = {
     nickname: () => (h("th", { part: tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
+    model_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The model name of the terminal" }, "Model Name")),
+    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")),
     sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
@@ -34,6 +43,9 @@ const terminalTableColumns = {
 };
 const terminalTableCells = {
     nickname: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.nickname)),
+    model_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.model_name)),
+    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)),
     sub_account_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.sub_account_name)),

package/dist/esm/{utils-4cb0d852.js → utils-96d9c205.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { t as text, h as heading2, e as heading1 } from './parts-2c5c609b.js';
+import { t as text, h as heading2, e as heading1 } from './parts-fd740f54.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-c37124fc.js → utils-dc86cdde.js}

@@ -3849,10 +3849,10 @@ var Dinero = function Dinero(options) {
 var dinero = Object.assign(Dinero, Defaults, Globals, Static);
 
 // Currency Formatting
-const formatCurrency = (amount, currency) => {
+const formatCurrency = (amount, currency, omitSymbols = false) => {
     if (!amount)
         amount = 0;
-    const formattedString = '$0,0.00';
+    const formattedString = (omitSymbols) ? '0,0.00' : '$0,0.00';
     const formattedCurrency = currency === null || currency === void 0 ? void 0 : currency.toUpperCase();
     const formattedAmount = dinero({ amount: amount }).toFormat(formattedString);
     return currency ? `${formattedAmount} ${formattedCurrency}` : formattedAmount;
@@ -3939,6 +3939,11 @@ const convertToLocal = (dateString, options) => {
     }
 };
 // String Manipulation
+function capitalFirstLetter(str) {
+    if (!str)
+        return '';
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
 function snakeCaseToHumanReadable(snakeCaseStr) {
     if (!snakeCaseStr)
         return '';
@@ -3982,4 +3987,4 @@ function processHTML(htmlString, functions) {
     return processedHTML;
 }
 
-export { formatTime as a, formatDate as b, convertToLocal as c, convertToUTC as d, formatDisplayDate as e, formatCurrency as f, addAttribute as g, formatMediumDate as h, isEmptyObject as i, snakeToCamel as j, formatTimeSeconds as k, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };
+export { formatTime as a, formatDate as b, convertToLocal as c, convertToUTC as d, capitalFirstLetter as e, formatCurrency as f, formatDisplayDate as g, addAttribute as h, isEmptyObject as i, formatMediumDate as j, snakeToCamel as k, formatTimeSeconds as l, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };