@justifi/webcomponents 5.3.4 → 5.3.5

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

@@ -4,21 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-1c07dc32.js');
+require('./Checkout-eef27045.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-b4811a8e.js');
+require('./SubAccount-f9069337.js');
 require('./Document-0b828345.js');
-const parts = require('./parts-c2655003.js');
-const table = require('./table-fc82fa81.js');
-const paymentsTable = require('./payments-table-c58e3ca8.js');
+const parts = require('./parts-63f60e81.js');
+const table = require('./table-ad35ff09.js');
+const paymentsTable = require('./payments-table-dba2f145.js');
 const paymentsListParamsState = require('./payments-list-params-state-442d9944.js');
 const eventTypes = require('./event-types-b6d34593.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./spinner-70f38e5e.js');
-require('./payments-status-92abe577.js');
-require('./badge-86a6a7f8.js');
+require('./spinner-a95e9b8d.js');
+require('./payments-status-b9192db7.js');
+require('./badge-6abf6ed3.js');
 require('./index-d2d0b181.js');
 
 const PaymentsListCore = class {
@@ -106,7 +106,7 @@ const PaymentsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '6f153085c08ed8db1508964f360f879ec5310635' }, index.h("div", { key: 'ca4e487642561cbf859aa30f74dc1aae00d3642c', class: "table-wrapper" }, index.h("table", { key: '0982554e856be77813a087baa93835cd43c3b6e1', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'e5eb661667dea89b13524676423758cf79d20765', class: "table-head sticky-top" }, index.h("tr", { key: '290dd81536e2b03f3020c72937a559aca0cef884', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), index.h("tbody", { key: 'bee3b0671e9d6f71a87d8b9f880a1630db2335ec', class: "table-body" }, index.h(table.TableLoadingState, { key: 'a9e4a373e3eadc449f4b040c1eec2e902cfe7fef', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '240af4b959cd5a55518c0fd6a025648291e63c29', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(table.TableErrorState, { key: 'd6e704fd8f9d6f1717537e45e0c3743e78df38be', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '889f70d9eb4f7e92e29735ba6a5ddb43d622a511', class: "sticky-bottom" }, index.h("tr", { key: '7f352e5ea2338b1209046bab5328580d1ef80e12', class: "table-light align-middle" }, index.h("td", { key: '310bf61ff6730cdc4a2fe83e4297b9f055981abc', part: parts.tableCell, colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: '66bcae57f189313b7596133c1a91e0cf43173fef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: '43aa1d53dc7c63eda036624d897d92670ff4dec7' }, index.h("div", { key: '84ac82efec3738e1a07bcf5fbfdf62426bacaad0', class: "table-wrapper" }, index.h("table", { key: '65e2ab73a63fa1d89b1b7fb0cd9809d951de657a', class: "table table-hover", part: parts.table }, index.h("thead", { key: '81ff867eb4b86905049e57c9c9ee331ad9a43f22', class: "table-head sticky-top" }, index.h("tr", { key: 'edecfccffc49b21f4d9d01396ab4d22dda6f853b', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), index.h("tbody", { key: '1df70e89ad33f83dbf18c6c5135bcda2753413a8', class: "table-body" }, index.h(table.TableLoadingState, { key: '23cfc404da1ccfada68146b83343e9ee348bac05', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '9929a89448678aa010ecfb43377c38f53b1896d2', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(table.TableErrorState, { key: '1734903104bb6c6e9b382661bc353731c5cf92aa', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '08277c1742a8ff36079a2fd4d4c3a31e628617dc', class: "sticky-bottom" }, index.h("tr", { key: '6012aa5a86f140007504d056f53eba3a21aacc40', class: "table-light align-middle" }, index.h("td", { key: 'e67d2f48a9d1002086a18ebd4ca00a5b22903c06', part: parts.tableCell, colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: 'afcfbab93aa8bb33d6aac50b11c803ebb3284bf1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{payments-status-92abe577.js → payments-status-b9192db7.js}

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

package/dist/cjs/{payments-table-c58e3ca8.js → payments-table-dba2f145.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const paymentsStatus = require('./payments-status-92abe577.js');
+const paymentsStatus = require('./payments-status-b9192db7.js');
 const utils = require('./utils-337befa9.js');
-const parts = require('./parts-c2655003.js');
+const parts = require('./parts-63f60e81.js');
 
 const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
 const paymentTableColumns = {

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const utils$1 = require('./utils-337befa9.js');
-const utils = require('./utils-7c5b2837.js');
-const button = require('./button-5f6c437f.js');
+const utils = require('./utils-f752bd45.js');
+const button = require('./button-aed2ce1a.js');
 const styledHost = require('./styled-host-94309bab.js');
-const payoutsStatus = require('./payouts-status-703d62af.js');
-const skeleton = require('./skeleton-84102a44.js');
-require('./parts-c2655003.js');
-require('./badge-86a6a7f8.js');
+const payoutsStatus = require('./payouts-status-385a794d.js');
+const skeleton = require('./skeleton-65afa2f5.js');
+require('./parts-63f60e81.js');
+require('./badge-6abf6ed3.js');
 
 const PayoutDetailsLoading = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -78,7 +78,7 @@ const PayoutDetailsCore = class {
     }
     render() {
         var _a;
-        return (index.h(styledHost.StyledHost, { key: '9b5b45052e96231367e1289cfd693346dbde365b' }, this.loading && index.h(PayoutDetailsLoading, { key: '6326e96a39db801b0e61a061cba006f867f1d421' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: '68642bc936f28de32ac82dee91b6a044e1212399', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'ddaaffc9cf37c004cf08025e6767e4e6ebba9b03', slot: "head-info", badge: payoutsStatus.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, index.h(utils.EntityHeadInfoItem, { key: '552b9fea31e5628a7c02aaa2fec84ea659acd8c0', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payout.updated_at)} ${utils$1.formatTime(this.payout.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'ed356c4b54e4c315c51ebaf381cc8c66f4246ed7', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payout.created_at)} ${utils$1.formatTime(this.payout.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '1171f95890de260c20122b02bdf10ca43bc7bef1', title: "ID", value: this.payout.id }), index.h("div", { key: '9e823b2f42bf37e7fd0e4e8f5e87a2be5ab4db35', class: "m-4" }, index.h(button.Button, { key: 'dd4b750f7e9057b7f4845a4290d83c7cf89d7b43', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: 'ef9384f15e0e10c2372d8af1c62fdf858d98d1a2', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '3abe895a6f65d2e26736cafd25a8656d5be1204d', sectionTitle: "Details" }), index.h("div", { key: '1be2f667564fa492a1fa3a44b8e67209a6617657', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'adb8c36a2b45d19ef95117d069f60758ea5ce6f0', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: 'a6245623ff251316c4fd923bfb9b91fe94aa11b1', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: '10db1599529d8f98d28c3ed1f3975539bbb8f88a', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '7e1438bcfb7b1f2aa820ace66874e56446ef400e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils.DetailItem, { key: '4afa7801a1b1e92db8c8f57b53c0d7cdd38e0f61', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: '51cf02ed3894781f88770cdac746b31bb608dcad', sectionTitle: "Account" }), index.h("div", { key: '865ea1514254641acf1f96941c5c912947c5fe4f', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '2812906310435422b7bb08bbe8a36c1f95a2eac5', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: 'c25fef650a31522d3bc520d425f904bc002d3ecf', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: 'def9ed242797394aa21339866050bdf563ee7527', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '1542ffac52053eb8986d6fd2489d4ba6ab523c69', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '45a289202141a852e5e57eee4d0b3db35b09cc40', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: 'a9059130e4c5686d103f67a91510531af62eca5f', sectionTitle: 'Metadata' }), index.h("div", { key: '130ef2e82f48c8449346b56713580b975fc368cf', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: 'dc6fc83790f16416aa7c5b763d0ae040654f23cd', metadata: this.payout.metadata })))))));
+        return (index.h(styledHost.StyledHost, { key: '7d648508011ea664a85dcd3e83d45835d769f195' }, this.loading && index.h(PayoutDetailsLoading, { key: 'c5aa47291bd8a66174c0caf11d4043d5c8084183' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: 'bbb88f0e6895ab4e4a03fbcc2c33dd925ede8731', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'c8cc282e0e53bd605d47e30f38bc924cfb20b19e', slot: "head-info", badge: payoutsStatus.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, index.h(utils.EntityHeadInfoItem, { key: 'ada8dc55c9ad5324cf406cd8118b5087542d9958', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payout.updated_at)} ${utils$1.formatTime(this.payout.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'f590cc91cd49709c8f47bfb2285d335f55153f44', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payout.created_at)} ${utils$1.formatTime(this.payout.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '95d767d779203c9d78734d35933f5d1672ae6ec9', title: "ID", value: this.payout.id }), index.h("div", { key: '83a7e4dd33af9d5a62a1ec7e898d0c56c71e633a', class: "m-4" }, index.h(button.Button, { key: '0f622ebc090782a89d506d22b67f43177dbfda79', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '35300a91f58a9ce822323c03cbc139d35312bc3d', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '34db8325ff9e72e166e80e4f1e3cb98b6757f750', sectionTitle: "Details" }), index.h("div", { key: '7515ec409c0b31c530d072684694e3721ddb1562', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '544be85ea95c951c85ffd539a8ef73fc8a65f747', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: 'ebc505407ae3e436143d3a10c59541bef5459488', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: '3ae0229489cb9f287c3141e090b3cd260f98affd', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: 'e11e04fc8e57d5036cfdcaf8a928886a6d1ac6bc', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils.DetailItem, { key: 'd98c8c10d875aa9ce4a561f1813188d8ec2fe88d', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: '65d1ea7d5ff2e25ac89b2de8a0fdf59850a3d4ed', sectionTitle: "Account" }), index.h("div", { key: '0d593cec0b5ddc1ed45880410fb91acb4a210e37', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '356dab04877a39166ad2cc68154c03125acb3f49', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: '2a4b60d5d695fd102f8ed8bc3ad8d61d47886c89', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '1bd1c40fac3a0e409a7d6082c70f0695f0b850bc', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '9d08a53899f17c7fd7bdcab7a6e11f9b02ff9694', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: 'e2e8487b4555ae6e9c6ff799150a6bef49eeb82a', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: '82408f25fc1700cb7c55afd7b0ef116ad43659c0', sectionTitle: 'Metadata' }), index.h("div", { key: '16c5967632b3a95bc8cbc787a2e8400319537184', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: 'e3b2041e7c2e76c8994754be30a885b92673b75d', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -4,21 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-1c07dc32.js');
+require('./Checkout-eef27045.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-b4811a8e.js');
+require('./SubAccount-f9069337.js');
 require('./Document-0b828345.js');
-const parts = require('./parts-c2655003.js');
-const table = require('./table-fc82fa81.js');
-const payoutsTable = require('./payouts-table-70fc1498.js');
+const parts = require('./parts-63f60e81.js');
+const table = require('./table-ad35ff09.js');
+const payoutsTable = require('./payouts-table-8cd537de.js');
 const payoutsListParamsState = require('./payouts-list-params-state-033b76d6.js');
 const eventTypes = require('./event-types-b6d34593.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./spinner-70f38e5e.js');
-require('./payouts-status-703d62af.js');
-require('./badge-86a6a7f8.js');
+require('./spinner-a95e9b8d.js');
+require('./payouts-status-385a794d.js');
+require('./badge-6abf6ed3.js');
 require('./index-d2d0b181.js');
 
 const PayoutsListCore = class {
@@ -159,7 +159,7 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '2cc35b1a64da3e15a221eeb74b9de3ce011301e6' }, index.h("div", { key: '73e18029f462aeb03414574c76700b8c20748c0d', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '6af17bc77a5ac15503a4424ef8e9095da86ff667', class: "table table-hover", part: parts.table }, index.h("thead", { key: '6340d507a8a8bcef847c4054072b1f26d49c1cb8', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'fd84224c2b62ebb26130057d57145baecc3f1f2b', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '4993ab0d133c3f03c42b17da22c16682f6b5ddc2', class: "table-body" }, index.h(table.TableLoadingState, { key: '580e94f393f1281a4f9f9890078073b31450fb25', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '88fa77ac3de65dcad0371d8746588d588964a2fe', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'ec374189d2faab1ea13388987ff977ae758cdd35', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '3543415cd5411bf599e0cfa06257b8ef19f1b652', class: "sticky-bottom" }, index.h("tr", { key: '8b7230df5006dfb3d3022422d391cd5cae48c5c7', class: "table-light align-middle" }, index.h("td", { key: '6a4ed06b9c933e09cb083b3e62e52bdf44a9678b', part: parts.tableCell, colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: 'f87d2e1fe590205f455f236ba5afc26533f44f4e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: 'b7befcaf0a42986dc821d97e371fb93920b16358' }, index.h("div", { key: 'c405055d05c2f1b5e622ab28fc9744962f1907a1', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: 'db36400212d74c17e0aad133717475ce3b142308', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'a3e208126c4d2c0ab2b6d9ef27f8c1410e029907', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '37f25650e0c03cf8985ec68211eefc0980dd5a92', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '7879e0b39a52ef735ff71960498e1405ff8f98b0', class: "table-body" }, index.h(table.TableLoadingState, { key: '91fdd3ed14d5c63ac8c536a5d8da05bb491d49a1', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '577748b2fa32b265a6a1afbad3460c4628d21ba6', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '351848f6ee13c7be8735757ce3dcbcce18bb4fff', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '889ef01055c10f969d4d51f6d114bd3654a06ce3', class: "sticky-bottom" }, index.h("tr", { key: '6c49a3b386a64023d0701445e7589cced7f4f4df', class: "table-light align-middle" }, index.h("td", { key: '7782a9152e0d8037afb6528897a9358da204bfb7', part: parts.tableCell, colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: 'eac386f11674a29452831bdbe183bfefe4347389', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{payouts-status-703d62af.js → payouts-status-385a794d.js}

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

package/dist/cjs/{payouts-table-70fc1498.js → payouts-table-8cd537de.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-5b9a3b5f.js');
 const utils = require('./utils-337befa9.js');
-const payoutsStatus = require('./payouts-status-703d62af.js');
-const parts = require('./parts-c2655003.js');
+const payoutsStatus = require('./payouts-status-385a794d.js');
+const parts = require('./parts-63f60e81.js');
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {

package/dist/cjs/{skeleton-84102a44.js → skeleton-65afa2f5.js}

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

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

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

package/dist/cjs/{table-fc82fa81.js → table-ad35ff09.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-c2655003.js');
-const spinner = require('./spinner-70f38e5e.js');
+const parts = require('./parts-63f60e81.js');
+const spinner = require('./spinner-a95e9b8d.js');
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const button = require('./button-5f6c437f.js');
-const parts = require('./parts-c2655003.js');
+const button = require('./button-aed2ce1a.js');
+const parts = require('./parts-63f60e81.js');
 
 const hasFilters = (params) => {
     const paginationKeys = ['after_cursor', 'before_cursor'];

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

@@ -3,18 +3,71 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const table = require('./table-fc82fa81.js');
-const parts = require('./parts-c2655003.js');
+const table = require('./table-ad35ff09.js');
+const parts = require('./parts-63f60e81.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-1c07dc32.js');
+require('./Checkout-eef27045.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-b4811a8e.js');
+require('./SubAccount-f9069337.js');
 require('./Document-0b828345.js');
-const terminalOrdersTable = require('./terminal-orders-table-61081532.js');
-require('./spinner-70f38e5e.js');
+const terminalOrdersTable = require('./terminal-orders-table-8baa5461.js');
+require('./spinner-a95e9b8d.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
+require('./badge-6abf6ed3.js');
+
+const id = null;
+const type = "array";
+const page_info = {
+	has_previous: false,
+	has_next: false,
+	start_cursor: "mockCursorPage1",
+	end_cursor: "mockCursorPage2",
+	amount: 2
+};
+const data = [
+	{
+		id: "tord_ABCD1234",
+		business_id: "biz_0987",
+		account_id: "acc_5678",
+		provider: "verifone",
+		order_type: "boarding_only",
+		order_status: "submitted",
+		terminals: [
+			{
+				terminal_id: "tmn_QWER",
+				terminal_did: "11112222",
+				model_name: "v400"
+			}
+		],
+		created_at: "2025-01-02T10:30:00Z",
+		updated_at: "2025-01-02T10:45:00Z"
+	},
+	{
+		id: "tord_WXYZ5678",
+		business_id: "biz_1234",
+		account_id: "acc_4321",
+		provider: "verifone",
+		order_type: "boarding_shipping",
+		order_status: "completed",
+		terminals: [
+			{
+				terminal_id: "tmn_ASDF",
+				terminal_did: "33334444",
+				model_name: "e355"
+			}
+		],
+		created_at: "2025-02-10T09:20:00Z",
+		updated_at: "2025-02-10T09:25:00Z"
+	}
+];
+const mockTerminalOrders = {
+	id: id,
+	type: type,
+	page_info: page_info,
+	data: data
+};
 
 const TerminalOrdersListCore = class {
     constructor(hostRef) {
@@ -34,7 +87,7 @@ const TerminalOrdersListCore = class {
         };
         this.getTerminalOrders = undefined;
         this.columns = undefined;
-        this.terminalOrders = [];
+        this.terminalOrders = mockTerminalOrders.data;
         this.terminalOrdersTable = undefined;
         this.loading = true;
         this.errorMessage = undefined;
@@ -68,7 +121,7 @@ const TerminalOrdersListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '0985e60932d09dafc25f5d98415a7dc0b56d64a8' }, index.h("div", { key: '390633346017eaced1704ea7b5c800aae0f9df57', class: "table-wrapper" }, index.h("table", { key: '56959798f3fab7ff46d410908f7cf0e889940a51', class: "table table-hover", part: parts.table }, index.h("thead", { key: '25fab5c7217777cd10ef8515ce5745748d8cdb22', class: "table-head sticky-top" }, index.h("tr", { key: '6c5606a186e0a3bacda194cd348d92798d63b9e4', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), index.h("tbody", { key: 'cff51b485040873e6bde770269d4aa4a161c4c82', class: "table-body" }, index.h(table.TableLoadingState, { key: 'f38917eb02c8f537496b2465e5b64da302e8c19a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '2f7ee4c2c1a9d37134df4a955f92a33ef2ac6ca3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'c9bbb80471f1ad7ef04199949cfd0583852a5a26', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'c476e3245d5365d6facff461ea921c18c3001caf', class: "sticky-bottom" }, index.h("tr", { key: 'ae0d4344538d1f3ee7c2702c1475e730e1d25b8c', class: "table-light align-middle" }, index.h("td", { key: 'f5c8fa258bcc8d0853f9f419722d7e995f2a771b', part: parts.tableCell, colSpan: this.terminalOrdersTable.columnData.length }, index.h("pagination-menu", { key: '2e73c5c292533441692ed97ee065448426c43f85', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: 'e07bb592d2d419079a00fe017789c98dc5814202' }, index.h("div", { key: '1090df8ad75e0fdcd07a625c608c2fc0d38391d9', class: "table-wrapper" }, index.h("table", { key: '31637db0926f2cd88d1333d5f512842406b1e0ef', class: "table table-hover", part: parts.table }, index.h("thead", { key: '2af2d35a486433b2cb2bab0b7d61d4be9e8d70ab', class: "table-head sticky-top" }, index.h("tr", { key: 'a42e578f3369b6466a331abeb34d63d9c09c0122', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), index.h("tbody", { key: '16c4a9e940268fe2da49a9b14680d34a0f160ccc', class: "table-body" }, index.h(table.TableLoadingState, { key: 'a1ce6dcc9799bdd215b5d686d05e3014e594d975', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '135df5499de4e17855643d8ce4ebeb7f71aa5e85', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), index.h(table.TableErrorState, { key: '00d2f0bc0bceb46178970c1eb0a0eb87c6fa6054', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '49ce37b7ea5e979c8d754d48b9c803a163623387', class: "sticky-bottom" }, index.h("tr", { key: 'b73f32023e01d82c3eb91120c7eae907a9367517', class: "table-light align-middle" }, index.h("td", { key: 'cae073d169507d459d60f150fecbaad287996c74', part: parts.tableCell, colSpan: this.terminalOrdersTable.columnData.length }, index.h("pagination-menu", { key: '9a9fa1cd2c520ee09814adf6d060d048bd77dcc1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/terminal-orders-table-8baa5461.js

@@ -0,0 +1,51 @@
+'use strict';
+
+const index = require('./index-5b9a3b5f.js');
+const parts = require('./parts-63f60e81.js');
+const utils = require('./utils-337befa9.js');
+const badge = require('./badge-6abf6ed3.js');
+
+const MapTerminalOrderStatusToBadge = (status) => {
+    const statusToBadgeProps = {
+        submitted: {
+            variant: badge.BadgeVariant.PRIMARY,
+            title: 'This order is submitted',
+            text: 'Submitted',
+        },
+        completed: {
+            variant: badge.BadgeVariant.SUCCESS,
+            title: 'This order has been completed',
+            text: 'Completed',
+        }
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return index.h(badge.Badge, Object.assign({}, badgeProps));
+};
+
+const defaultColumnsKeys = 'created_at,updated_at,order_status,quantity';
+const terminalOrdersTableColumns = {
+    created_at: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date and time the order was created" }, "Created At")),
+    updated_at: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date and time the order was last updated" }, "Updated At")),
+    order_status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The current status of the order" }, "Order Status")),
+    business_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The business ID associated with the order" }, "Business ID")),
+    provider: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The provider associated with the order" }, "Provider")),
+    order_type: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The type of order" }, "Order Type")),
+    quantity: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The number of terminals associated with the order" }, "Order Quantity")),
+};
+const terminalOrdersTableCells = {
+    created_at: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
+        index.h("div", { class: "fw-bold" }, utils.convertToLocal(terminalOrder.created_at, { showDisplayDate: true })),
+        index.h("div", { class: "fw-bold" }, utils.convertToLocal(terminalOrder.created_at, { showTime: true })))),
+    updated_at: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
+        index.h("div", { class: "fw-bold" }, utils.convertToLocal(terminalOrder.updated_at, { showDisplayDate: true })),
+        index.h("div", { class: "fw-bold" }, utils.convertToLocal(terminalOrder.updated_at, { showTime: true })))),
+    order_status: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, MapTerminalOrderStatusToBadge(terminalOrder.order_status))),
+    business_id: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminalOrder.business_id)),
+    provider: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminalOrder.provider)),
+    order_type: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminalOrder.order_type)),
+    quantity: (terminalOrder, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminalOrder.terminals.length)),
+};
+
+exports.defaultColumnsKeys = defaultColumnsKeys;
+exports.terminalOrdersTableCells = terminalOrdersTableCells;
+exports.terminalOrdersTableColumns = terminalOrdersTableColumns;

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+const parts = require('./parts-63f60e81.js');
+
+const TerminalQuantitySelector = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.selectedQuantityChange = index.createEvent(this, "selectedQuantityChange", 7);
+        this.removeUnit = () => {
+            if (this.selectedQuantity > 0) {
+                this.selectedQuantity--;
+                this.selectedQuantityChange.emit({ modelName: this.modelName, quantity: this.selectedQuantity });
+            }
+        };
+        this.addUnit = () => {
+            if (this.limit > 0) {
+                this.selectedQuantity++;
+                this.selectedQuantityChange.emit({ modelName: this.modelName, quantity: this.selectedQuantity });
+            }
+        };
+        this.modelName = undefined;
+        this.imageUrl = undefined;
+        this.description = undefined;
+        this.helpUrl = undefined;
+        this.limit = Infinity;
+        this.selectedQuantity = 0;
+    }
+    render() {
+        return (index.h("div", { key: 'a357a6bd3454287325a10d381d4587c39552e2a6', class: "rounded shadow-sm", part: parts.text }, index.h("div", { key: '9e34e99cf6f5cefd4ef28c0fb98ad163d331c5d8', class: "d-flex gap-3" }, index.h("div", { key: '2dad93d7ad2cdecfd0848862bfc6a30bf0900ae6', class: "d-flex align-items-center" }, index.h("img", { key: '91929adc5f870eb024226a90d699ae68705f80ec', src: this.imageUrl, alt: this.modelName, height: 125, width: 125, part: parts.image })), index.h("div", { key: '2fdd8c22699c09830f20f39a86a1e306702dc435', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, index.h("div", { key: 'f25c1fbe3b6bc4cb2f262e7acce3232e3a726d7d', class: "row" }, index.h("div", { key: 'b18358391814b283ee5f9f4984301a3c44340986', class: "col-6 d-flex gap-2" }, this.modelName, index.h("form-control-tooltip", { key: '2c2dc0b58140144b63be06ad273b9567ca107d9a', helpText: this.description })), index.h("div", { key: '7b20f58d55f9413d04185df7ecc04ebe37a3854e', class: "col-6 d-flex justify-content-end align-items-center" }, index.h("button", { key: '27d472613a8146985bfb2f7f9149ac97d71039a5', class: "p-0 minus btn", onClick: this.removeUnit, part: parts.buttonLink }, "-"), index.h("div", { key: '45136a5b9dcb7aeeb58407f51fbb76c0f924ff93', class: "w-25 text-center" }, this.selectedQuantity), index.h("button", { key: 'e07c48829ebe9106d4a26e9a17728ecef01574b6', class: "p-0 plus btn", onClick: this.addUnit, part: parts.buttonLink }, "+")))))));
+    }
+};
+
+exports.terminal_quantity_selector = TerminalQuantitySelector;

package/dist/cjs/terminal.service-2f41898f.js

@@ -0,0 +1,30 @@
+'use strict';
+
+const Api = require('./Api-f5280a80.js');
+require('./ComponentError-233ac749.js');
+require('./Checkout-eef27045.js');
+require('./Pagination-0da8f095.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-f9069337.js');
+require('./Document-0b828345.js');
+
+class TerminalService {
+    async fetchTerminals(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const headers = { Account: accountId };
+        const api = Api.Api({ authToken, apiOrigin });
+        const endpoint = 'terminals';
+        return api.get(endpoint, params, null, headers);
+    }
+    async fetchTerminal(terminalId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const endpoint = `terminals/${terminalId}`;
+        return Api.Api({ authToken, apiOrigin: apiOrigin }).get(endpoint);
+    }
+    async fetchTerminalModels(accountId, authToken, apiOrigin = "") {
+        const headers = { 'sub-account': accountId };
+        const api = Api.Api({ authToken, apiOrigin });
+        const endpoint = 'terminals/order_models';
+        return api.get(endpoint, null, null, headers);
+    }
+}
+
+exports.TerminalService = TerminalService;

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

@@ -4,20 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-1c07dc32.js');
+require('./Checkout-eef27045.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-b4811a8e.js');
+require('./SubAccount-f9069337.js');
 require('./Document-0b828345.js');
-const parts = require('./parts-c2655003.js');
-const table = require('./table-fc82fa81.js');
-const terminalsTable = require('./terminals-table-db58a0c0.js');
+const parts = require('./parts-63f60e81.js');
+const table = require('./table-ad35ff09.js');
+const terminalsTable = require('./terminals-table-c4c01dc3.js');
 const terminalsListParamsState = require('./terminals-list-params-state-236f06f6.js');
 const eventTypes = require('./event-types-b6d34593.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./spinner-70f38e5e.js');
-require('./badge-86a6a7f8.js');
+require('./spinner-a95e9b8d.js');
+require('./badge-6abf6ed3.js');
 require('./index-d2d0b181.js');
 
 const TerminalsListCore = class {
@@ -141,7 +141,7 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '074b9925b7092b69d4073b86e926bc6e627ba8cd' }, index.h("div", { key: '195acd38db8ecc931e86e517a5e626ced44ce66f', class: "table-wrapper" }, index.h("table", { key: '6534aba9b68490de5a7bd03d9760021db02e3f61', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'bf8dc807e1b31ed1e8040f952b5bfc3cfa77116d', class: "table-head sticky-top" }, index.h("tr", { key: 'b6828dbb38504d1f410f4c1199ea12d03b66292a', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), index.h("tbody", { key: '2080463e7f6ac9995b30e38e52f1650f75983dab', class: "table-body" }, index.h(table.TableLoadingState, { key: '36b61e1fb8c23dea61aa3a41b2749f80dbfb34bb', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'c2a11b7e3ebb37538522026854faf3f10e405271', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a40dd753552ee8ad3fae2655a4e890e67a8c14f0', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '0af6b6aefe2160a36e773deabed1c6d006d0cde2', class: "sticky-bottom" }, index.h("tr", { key: '8576eee95c757c41d6b0a6838933e9c123f519d3', class: "table-light align-middle" }, index.h("td", { key: '87ca55905ecb734ddb059dce080256af6a7f1be1', part: parts.tableCell, colSpan: this.terminalsTable.columnData.length }, index.h("pagination-menu", { key: '08f29c2415998948e4dc020487fe10215bf10c3d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: 'd700224838a23855b9cce179c23d40da07fd37ce' }, index.h("div", { key: '0a03d361d4482342edc5db06209f87a83735791f', class: "table-wrapper" }, index.h("table", { key: '690d3b7ea58065281171e005252d4969f6284719', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'c92fc6c7514afc995e0d4e148d715b69c96118cd', class: "table-head sticky-top" }, index.h("tr", { key: 'bfeff664d29eac8f52e12adf40841b74711e9de2', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), index.h("tbody", { key: '0e8c69e12b8a64020e1b10af92ce05f7e1864d28', class: "table-body" }, index.h(table.TableLoadingState, { key: '3fef62d6146938773a52c88f178438004d46f1eb', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'caec9eb5131fd8037e5cdccaf6c29d2f7f91ed7e', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'bd597887c2441bc070ff8ca9ec8d03564e62b9eb', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'ec61caec8ae1de6f106221f21827a89dfcad5b05', class: "sticky-bottom" }, index.h("tr", { key: 'e99c4133f365a7fefdc18d4a8bae9ac67b877fbd', class: "table-light align-middle" }, index.h("td", { key: 'ed22056d675baa32eef0bcc7fd2a4ae659d563aa', part: parts.tableCell, colSpan: this.terminalsTable.columnData.length }, index.h("pagination-menu", { key: '8dffd0065bb7d74b43d2a56a5c0356d84301e58b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const badge = require('./badge-86a6a7f8.js');
-const parts = require('./parts-c2655003.js');
+const badge = require('./badge-6abf6ed3.js');
+const parts = require('./parts-63f60e81.js');
 
 const MapTerminalStatusToBadge = (status) => {
     const statusToBadgeProps = {
@@ -26,15 +26,17 @@ const MapTerminalStatusToBadge = (status) => {
     return index.h(badge.Badge, Object.assign({}, badgeProps));
 };
 
-const defaultColumnsKeys = 'nickname,provider_id,status';
+const defaultColumnsKeys = 'nickname,provider_serial_number,status';
 const terminalTableColumns = {
     nickname: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    provider_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The serial number / provider ID of the terminal" }, "Serial Number")),
+    provider_serial_number: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The serial number of the terminal" }, "Serial Number")),
+    provider_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
     sub_account_name: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
     status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
 };
 const terminalTableCells = {
     nickname: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.nickname)),
+    provider_serial_number: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.provider_serial_number)),
     provider_id: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.provider_id)),
     sub_account_name: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, terminal.sub_account_name)),
     status: (terminal, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, MapTerminalStatusToBadge(terminal.status))),

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

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