@justifi/webcomponents 5.6.0 → 5.7.0

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

@@ -1,14 +1,15 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 var utils$1 = require('./utils-DmZ8Dia3.js');
-var paymentsStatus = require('./payments-status-CQq7KrHL.js');
-var utils = require('./utils-DxbncJhj.js');
-var styledHost = require('./styled-host-CzJ8Ux1t.js');
-var skeleton = require('./skeleton-BXVndBVC.js');
+var paymentsStatus = require('./payments-status-BTykBx8i.js');
+var utils = require('./utils-5lco6NzU.js');
+var styledHost = require('./styled-host-udkBJV5h.js');
+require('./event-types-YOY5TKUN.js');
+var skeleton = require('./skeleton-aMh0RMHq.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./badge-DwSZ83Bm.js');
-require('./parts-D_uKOPFe.js');
+require('./badge-BxoJOyTJ.js');
+require('./parts-9jMf1erK.js');
 
 const PaymentDetailsLoading = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -66,7 +67,10 @@ const PaymentDetailsCore = class {
         ], this.payment.payment_method.bank_account && [
             index.h(utils.DetailSectionTitle, { key: '84dae904db3c22ff5ed03abaeb57d3b0736d1fbb', sectionTitle: "Payment Method" }),
             index.h("div", { key: '400801019a53feec0478273866fffa5683b408aa', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'ca7bb52e4275659b18daacfa6367de2f32617e70', title: "ID", value: this.payment.payment_method.bank_account.id }), index.h(utils.DetailItem, { key: '4885d2b5f05b6a713d61074271c7a95b23604dca', title: "Last 4 Numbers", value: this.payment.last_four_digits }), index.h(utils.DetailItem, { key: '604ec4efe78a12a1c36d8416c9fdec70351a6dad', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), index.h(utils.DetailItem, { key: '1ef77a81232e19d1063af9e863f5c9ada183715f', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], index.h(utils.DetailSectionTitle, { key: '1d0a45dd7b7f44b2bad75db9ddb7886b9fc36c9c', sectionTitle: 'Metadata' }), index.h("div", { key: '364dfb72b9585b672a510b11ecf794c8293ac88d', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '1b9254f2f5f81959ea4e190a3a84129d8c54eccd', metadata: this.payment.metadata })))))));
+        ], this.payment.metadata && [
+            index.h(utils.DetailSectionTitle, { key: '703ee104edf87c55034c38bb9fe0de6907980a0e', sectionTitle: 'Metadata' }),
+            index.h("div", { key: 'c10b66a975c6a221f86226893e13cbf57bf0d8dd', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: 'e73dfd81f110ec7c275fd37d1ecc71bbc22580b5', metadata: this.payment.metadata }))
+        ])))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]

package/dist/cjs/payment.service-BvTU2Orj.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
+
+const api = ApiNew.Api();
+class PaymentService {
+    async fetchPayments(accountId, authToken, params) {
+        const endpoint = `account/${accountId}/payments`;
+        return api.get({ endpoint, params, authToken });
+    }
+    async fetchPayment(paymentId, authToken) {
+        const endpoint = `payments/${paymentId}`;
+        return api.get({ endpoint, authToken });
+    }
+    async fetchPaymentTransactions(paymentId, authToken, params) {
+        const endpoint = `payments/${paymentId}/payment_balance_transactions`;
+        return api.get({ endpoint, params, authToken });
+    }
+}
+
+exports.PaymentService = PaymentService;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 require('./utils-DmZ8Dia3.js');
 require('./ComponentError-C4MdBBMe.js');
 require('./Checkout-RAGvjVPj.js');
@@ -8,16 +8,17 @@ var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-CQCmj3Ck.js');
 require('./Refund-CpurRc4w.js');
 require('./Document-rXGBUaOh.js');
-var parts = require('./parts-D_uKOPFe.js');
-var eventTypes = require('./event-types-CjInBN20.js');
-var paymentsTable = require('./payments-table-ClOxMnZ8.js');
-var paymentsListParamsState = require('./payments-list-params-state-DX4jg37H.js');
+var table = require('./table-DKVauFHc.js');
+var eventTypes = require('./event-types-YOY5TKUN.js');
+var paymentsTable = require('./payments-table-BkRhDePE.js');
+var paymentsListParamsState = require('./payments-list-params-state-BvG5Ysrg.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./Dispute-CruQTF6_.js');
-require('./spinner-CSH2OUiV.js');
-require('./payments-status-CQq7KrHL.js');
-require('./badge-DwSZ83Bm.js');
-require('./index-DzQdh5ij.js');
+require('./parts-9jMf1erK.js');
+require('./spinner-BTyIjlMM.js');
+require('./payments-status-BTykBx8i.js');
+require('./badge-BxoJOyTJ.js');
+require('./index-B8ljHEN1.js');
 
 const PaymentsListCore = class {
     constructor(hostRef) {
@@ -48,7 +49,7 @@ const PaymentsListCore = class {
         this.fetchData();
     }
     componentWillLoad() {
-        this.paymentsTable = new eventTypes.Table(this.payments, this.columns, paymentsTable.paymentTableColumns, paymentsTable.paymentTableCells);
+        this.paymentsTable = new table.Table(this.payments, this.columns, paymentsTable.paymentTableColumns, paymentsTable.paymentTableCells);
         if (this.getPayments) {
             this.fetchData();
         }
@@ -100,7 +101,7 @@ const PaymentsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '83f0460f5b465e1414e4a88dc113fc7155d4decb', class: "table-wrapper" }, index.h("table", { key: '2a42ee9579d589a667172ea9f97e510029b87bdf', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'bd4bfb3c9d022f8187925d040316020426efdc18', class: "table-head sticky-top" }, index.h("tr", { key: '7bc4c05aa456cef8fdf9cec435937a6ee447cf2e', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), index.h("tbody", { key: 'c09c5a55310da7506b183914d16dd76d5336c275', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: '410e7e5b13049436d24a3d4c830c174264b4d802', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '4461a05a8812955cc9673699b9f26decbfbe3197', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(eventTypes.TableErrorState, { key: 'c49e3e5fadc0b889908e7420a0c3547879cc5af8', 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: 'f6266d84bc0ff50ed9ce7bf0af7016f48e1d57dc', class: "sticky-bottom" }, index.h("tr", { key: '496fe22cdbaa38becf40402425e9f507625d52b3', class: "table-light align-middle" }, index.h("td", { key: 'bdd620cd38377ffdcace7b7b810e0379cd089d0b', part: parts.tableCell, colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: '5dab0663b6cf408b88c43177822b01969fd0b2d5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: '1317635730164f2193e9556589c1c8584b70cfbb' }, index.h(table.TableComponent, { key: '98f458d904f17105aa7f6fde313487fa1af08034' }, index.h(table.TableHead, { key: 'a70f53dc6484a001d51f2c937e9696ad4ea68d2c' }, index.h(table.TableHeadRow, { key: '93a807d6627175ff4030fc4de8e067809486b274' }, this.paymentsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '4051081286f20f72d3e34f2484ada5413327b608' }, index.h(table.TableLoadingState, { key: 'e94bc4c5d2d4f2a24ee8ec906aa936ad0d497b84', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'be3fe38c674d7a587f77d91c4133d39359954135', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(table.TableErrorState, { key: '55bb4161c9677940b78badbbc2a621e29404e213', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '23e336810c59ab014b4a11fa5f9f087db2de9fa1' }, index.h(table.TableFootRow, { key: '848eb4d2cfd643472de22f6cd86d9a7121acdca6' }, index.h(table.TableFootCell, { key: 'b0c325d98775e1784173d45375018d94f8fc71cc', colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: 'b61510a421ed0fcf54ff3b3318bc8b80db18c6b1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{terminal-orders-list-params-state-DX4jg37H.js → payments-list-params-state-BvG5Ysrg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DzQdh5ij.js');
+var index = require('./index-B8ljHEN1.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{payments-status-CQq7KrHL.js → payments-status-BTykBx8i.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var badge = require('./badge-DwSZ83Bm.js');
+var index = require('./index-BYd8IvAa.js');
+var badge = require('./badge-BxoJOyTJ.js');
 
 const MapPaymentStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/{payments-table-ClOxMnZ8.js → payments-table-BkRhDePE.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var paymentsStatus = require('./payments-status-CQq7KrHL.js');
+var index = require('./index-BYd8IvAa.js');
+var paymentsStatus = require('./payments-status-BTykBx8i.js');
 var utils = require('./utils-DmZ8Dia3.js');
-var parts = require('./parts-D_uKOPFe.js');
+var parts = require('./parts-9jMf1erK.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

@@ -1,15 +1,16 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 var utils$1 = require('./utils-DmZ8Dia3.js');
-var utils = require('./utils-DxbncJhj.js');
-var button = require('./button-Cp4u5YgP.js');
-var styledHost = require('./styled-host-CzJ8Ux1t.js');
-var payoutsStatus = require('./payouts-status-BdfV3jvX.js');
-var skeleton = require('./skeleton-BXVndBVC.js');
+var utils = require('./utils-5lco6NzU.js');
+var button = require('./button-BPFSRx4d.js');
+var styledHost = require('./styled-host-udkBJV5h.js');
+require('./event-types-YOY5TKUN.js');
+var payoutsStatus = require('./payouts-status-YCqmbd4K.js');
+var skeleton = require('./skeleton-aMh0RMHq.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./parts-D_uKOPFe.js');
-require('./badge-DwSZ83Bm.js');
+require('./parts-9jMf1erK.js');
+require('./badge-BxoJOyTJ.js');
 
 const PayoutDetailsLoading = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -74,7 +75,10 @@ const PayoutDetailsCore = class {
     }
     render() {
         var _a;
-        return (index.h(styledHost.StyledHost, { key: '62711161d74a4d4e76ea5dba50cdf658722ba3a5' }, this.loading && index.h(PayoutDetailsLoading, { key: '170bf58456fb93c687a9e5b71e364ed6d54ec965' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: 'eafc4215df8ecba2f3e767e91df54a67c48e0e69', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '849a324f0d5f545e502c1632a5af30da3f6caf74', 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: 'ae0b4f158d3baf397880061f6fe25916ca870ac6', 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: '2e2f16f8c1e2f5b34fe986a311be4ae084d385ab', 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: '724abe3799d1a1c8f9a54130af715a2057218510', title: "ID", value: this.payout.id }), index.h("div", { key: '7ac70b4b6eee073384e223b01304d0ad0aaf0a64', class: "m-4" }, index.h(button.Button, { key: 'fc78f5a3b14e58aa3861592e81bc60c155d520e3', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '9ebede365566df145b3412b24d255e1b90740541', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '71cfc2676e1ac51b44de391547589fafb5189266', sectionTitle: "Details" }), index.h("div", { key: 'cba9946a2406c577d3b190cfbfe4b1eeaa27001e', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '1af9837addfc6fd3829fac3df8376958b7dbfbc7', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: 'f54690ff4578b7383feadd6420b14df1c79d398b', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: '5013c67ee0ac8bd9495209fb5854a36665317d84', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '41cd7f0989ff44be01d78475e03486b2fb158911', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils.DetailItem, { key: '6f047db81aae911ed4553fecda7baacdc5ff9209', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: 'b342e899b13489045a82051e563ff56c027107e8', sectionTitle: "Account" }), index.h("div", { key: '709be895334d0a4963ceeb762ac6e66a5a603d07', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '1e14ae8f0b329038ee2aea938be0ab4c1d2c35c9', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: '54ef8f31b5dd0698d50efe617db9fbdb8a2088eb', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '3cbe4043e92bc3d2a07d2970473b06bd92e56f33', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '482efcf4498b79cf724a50dd0d3ba0f38d02576d', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '7b3b961659e263e83268e178991627d04a2fcd46', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: '49b355b672f7fabe75798931e7e36bb1ccfe7370', sectionTitle: 'Metadata' }), index.h("div", { key: '66669969009dda1eacc194a4ad035836e5fd83c7', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '5700a8404cb548fd4c2a62fde70e56bd78ea8ac6', metadata: this.payout.metadata })))))));
+        return (index.h(styledHost.StyledHost, { key: '62711161d74a4d4e76ea5dba50cdf658722ba3a5' }, this.loading && index.h(PayoutDetailsLoading, { key: '170bf58456fb93c687a9e5b71e364ed6d54ec965' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: 'eafc4215df8ecba2f3e767e91df54a67c48e0e69', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '849a324f0d5f545e502c1632a5af30da3f6caf74', 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: 'ae0b4f158d3baf397880061f6fe25916ca870ac6', 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: '2e2f16f8c1e2f5b34fe986a311be4ae084d385ab', 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: '724abe3799d1a1c8f9a54130af715a2057218510', title: "ID", value: this.payout.id }), index.h("div", { key: '7ac70b4b6eee073384e223b01304d0ad0aaf0a64', class: "m-4" }, index.h(button.Button, { key: 'fc78f5a3b14e58aa3861592e81bc60c155d520e3', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '9ebede365566df145b3412b24d255e1b90740541', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '71cfc2676e1ac51b44de391547589fafb5189266', sectionTitle: "Details" }), index.h("div", { key: 'cba9946a2406c577d3b190cfbfe4b1eeaa27001e', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '1af9837addfc6fd3829fac3df8376958b7dbfbc7', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: 'f54690ff4578b7383feadd6420b14df1c79d398b', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: '5013c67ee0ac8bd9495209fb5854a36665317d84', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '41cd7f0989ff44be01d78475e03486b2fb158911', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils.DetailItem, { key: '6f047db81aae911ed4553fecda7baacdc5ff9209', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: 'b342e899b13489045a82051e563ff56c027107e8', sectionTitle: "Account" }), index.h("div", { key: '709be895334d0a4963ceeb762ac6e66a5a603d07', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '1e14ae8f0b329038ee2aea938be0ab4c1d2c35c9', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: '54ef8f31b5dd0698d50efe617db9fbdb8a2088eb', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '3cbe4043e92bc3d2a07d2970473b06bd92e56f33', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '482efcf4498b79cf724a50dd0d3ba0f38d02576d', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '7b3b961659e263e83268e178991627d04a2fcd46', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            index.h(utils.DetailSectionTitle, { key: 'ea5e5e83e0889ee8b542fba2ddaedc7c0adcf15a', sectionTitle: 'Metadata' }),
+            index.h("div", { key: '52ed0e8f84b2a22e9846040877850b336db53a2a', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '50e37d3e2a27191b6e4899fcef64f9bd39241c9e', metadata: this.payout.metadata }))
+        ])))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

package/dist/cjs/payout.service-C99pgxvg.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var ApiNew = require('./ApiNew-C8nf_gS9.js');
+
+const api = ApiNew.Api();
+class PayoutService {
+    async fetchPayouts(accountId, authToken, params) {
+        const endpoint = `account/${accountId}/payouts`;
+        return api.get({ authToken, endpoint, params });
+    }
+    async fetchPayout(payoutId, authToken) {
+        const endpoint = `payouts/${payoutId}`;
+        return api.get({ authToken, endpoint });
+    }
+    async fetchCSV(payoutId, authToken) {
+        const endpoint = `reports/payouts/${payoutId}`;
+        return api.get({ authToken, endpoint });
+    }
+    async fetchPayoutTransactions(accountId, authToken, params) {
+        const endpoint = `balance_transactions`;
+        const headers = { 'sub-account': accountId };
+        return api.get({ authToken, endpoint, params, headers });
+    }
+}
+
+exports.PayoutService = PayoutService;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 require('./utils-DmZ8Dia3.js');
 var ComponentError = require('./ComponentError-C4MdBBMe.js');
 require('./Checkout-RAGvjVPj.js');
@@ -8,16 +8,17 @@ var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-CQCmj3Ck.js');
 require('./Refund-CpurRc4w.js');
 require('./Document-rXGBUaOh.js');
-var parts = require('./parts-D_uKOPFe.js');
-var eventTypes = require('./event-types-CjInBN20.js');
-var payoutsTable = require('./payouts-table-Bo3pLf4Z.js');
-var payoutsListParamsState = require('./payouts-list-params-state-DX4jg37H.js');
+var table = require('./table-DKVauFHc.js');
+var eventTypes = require('./event-types-YOY5TKUN.js');
+var payoutsTable = require('./payouts-table-DJMz3bVh.js');
+var payoutsListParamsState = require('./payouts-list-params-state-BvG5Ysrg.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./Dispute-CruQTF6_.js');
-require('./spinner-CSH2OUiV.js');
-require('./payouts-status-BdfV3jvX.js');
-require('./badge-DwSZ83Bm.js');
-require('./index-DzQdh5ij.js');
+require('./parts-9jMf1erK.js');
+require('./spinner-BTyIjlMM.js');
+require('./payouts-status-YCqmbd4K.js');
+require('./badge-BxoJOyTJ.js');
+require('./index-B8ljHEN1.js');
 
 const PayoutsListCore = class {
     constructor(hostRef) {
@@ -65,7 +66,7 @@ const PayoutsListCore = class {
         this.fetchData();
     }
     componentWillLoad() {
-        this.payoutsTable = new eventTypes.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.payoutTableCells(this.downloadCSV));
+        this.payoutsTable = new table.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.payoutTableCells(this.downloadCSV));
         if (this.getPayouts && this.getSubAccounts) {
             this.fetchData();
         }
@@ -151,7 +152,7 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '7269ad62dd229e55dac396c718469b5e2b923458', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '52ab8f9384d328d8d1094573545c7e1e112f58c0', class: "table table-hover", part: parts.table }, index.h("thead", { key: '4fde6f2d3c152d04c35967c1e63ed5520e6c5b64', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '4665781ce140f86394a20a454de94a4ecf19871f', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '4e673dda87af1a204abba225de77864dd8e60cf6', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: 'b54e1e43c91b51d0364bf88198d6070569557ebb', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '45a64238e45671ff3d1a0c636d3ff7afe29dc93d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: '37d9fa23b47e7b77dbd90bbe6759b0c8763cc490', 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: '04875b5b8414a20e53035c4356d5c6d6e2da1389', class: "sticky-bottom" }, index.h("tr", { key: '6fd4b360e4449f441b33028e06a1595395cc15e4', class: "table-light align-middle" }, index.h("td", { key: '3830e46c5e838830c163023f4d904db74421f0e0', part: parts.tableCell, colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: 'a3f9cdf107672f067a23c8c3d15b14422606d221', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: '6a72c56b790f6d3bd656cadc3afa67b5ff9146a8' }, index.h(table.TableComponent, { key: '73a4df2c71493966d9dff59b1cb04ed2bc28de45' }, index.h(table.TableHead, { key: '238aad9fdc7dbbe23106527238a60bc66c071c89' }, index.h(table.TableHeadRow, { key: '57766da075cc1ca3ad2ef1ddd108c9868903a379' }, this.payoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '287780d557ef70e52077fc4f29391010e16e801e' }, index.h(table.TableLoadingState, { key: 'e9a8e8170b426cc17792d2775098e43421a377dd', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'fa12703948e45d8fe9011d449a7e23933ceee245', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '1287c1be18f6cf84f93747799e0a9c9e46de0fb8', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '7f0c3b90cabe0db5859c80cbfc8e2fe0ea39346d' }, index.h(table.TableFootRow, { key: '9b702aadc9f9380f14ebe749ff67f8ea3ef62b1d' }, index.h(table.TableFootCell, { key: 'a8436f6401847c87b0a009005bb0abeff1498aad', colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: '1121deb974ad2cd9b11152fbd7b539e91730f0ef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/cjs/{checkouts-list-params-state-DX4jg37H.js → payouts-list-params-state-BvG5Ysrg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DzQdh5ij.js');
+var index = require('./index-B8ljHEN1.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{payouts-status-BdfV3jvX.js → payouts-status-YCqmbd4K.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var badge = require('./badge-DwSZ83Bm.js');
+var index = require('./index-BYd8IvAa.js');
+var badge = require('./badge-BxoJOyTJ.js');
 
 const MapPayoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/{payouts-table-Bo3pLf4Z.js → payouts-table-DJMz3bVh.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
+var index = require('./index-BYd8IvAa.js');
 var utils = require('./utils-DmZ8Dia3.js');
-var payoutsStatus = require('./payouts-status-BdfV3jvX.js');
-var parts = require('./parts-D_uKOPFe.js');
+var payoutsStatus = require('./payouts-status-YCqmbd4K.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {

package/dist/cjs/{skeleton-BXVndBVC.js → skeleton-aMh0RMHq.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var parts = require('./parts-D_uKOPFe.js');
+var index = require('./index-BYd8IvAa.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/cjs/{spinner-CSH2OUiV.js → spinner-BTyIjlMM.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BRQfozbS.js');
-var parts = require('./parts-D_uKOPFe.js');
+var index = require('./index-BYd8IvAa.js');
+var parts = require('./parts-9jMf1erK.js');
 
 const Spinner = () => {
     return (index.h("div", { class: "d-flex justify-content-center" },