@justifi/webcomponents 5.3.2 → 5.3.3

package/dist/cjs/pagination-menu.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const Pagination = require('./Pagination-0da8f095.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 
 const PaginationMenu = class {
     constructor(hostRef) {

package/dist/cjs/{parts-b2ff8b68.js → parts-c2655003.js}

@@ -72,6 +72,9 @@ const badgeDark = `${badge} badge-dark`;
 const dropdownMenu = `dropdown-menu ${text}`;
 // Radio List Item
 const radioListItem = `radio-list-item ${text}`;
+// Bootstrap list-group
+const listGroup = `list-group ${text} ${backgroundColor}`;
+const listGroupItem = `list-group-item ${text} ${backgroundColor}`;
 // Skeleton
 const skeleton = `skeleton`;
 // Component specific
@@ -81,12 +84,29 @@ const billingForm = `billing-form`;
 const checkoutSummary = `checkout-summary`;
 // Filters
 const filterMenu = `filter-menu`;
+// Payments List Filters
+const paymentsListFilterMenu = `${filterMenu} payments-list-filter-menu`;
 const paymentsListFilterParam = `payments-list-filter-param`;
 const paymentIdPaymentsListFilterParam = `${paymentsListFilterParam} payment-id-payments-list-filter-param`;
 const terminalIdPaymentsListFilterParam = `${paymentsListFilterParam} terminal-id-payments-list-filter-param`;
 const paymentStatusPaymentsListFilterParam = `${paymentsListFilterParam} payment-status-payments-list-filter-param`;
 const createdAfterPaymentsListFilterParam = `${paymentsListFilterParam} created-after-payments-list-filter-param`;
 const createdBeforePaymentsListFilterParam = `${paymentsListFilterParam} created-before-payments-list-filter-param`;
+// Payouts List Filters
+const payoutsListFilterMenu = `${filterMenu} payouts-list-filter-menu`;
+const payoutsListFilterParam = `payouts-list-filter-param`;
+const createdAfterPayoutsListFilterParam = `${payoutsListFilterParam} created-after-payouts-list-filter-param`;
+const createdBeforePayoutsListFilterParam = `${payoutsListFilterParam} created-before-payouts-list-filter-param`;
+// Checkouts List Filters
+const checkoutsListFilterMenu = `${filterMenu} checkouts-list-filter-menu`;
+const checkoutsListFilterParam = `checkouts-list-filter-param`;
+const statusCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-status-checkouts-list-filter-param`;
+const paymentModeCheckoutsListFilterParam = `${checkoutsListFilterParam} payment-mode-checkouts-list-filter-param`;
+// Terminals List Filters
+const terminalsListFilterMenu = `${filterMenu} terminals-list-filter-menu`;
+const terminalsListFilterParam = `terminals-list-filter-param`;
+const terminalIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-id-terminals-list-filter-param`;
+const terminalStatusTerminalsListFilterParam = `${terminalsListFilterParam} terminal-status-terminals-list-filter-param`;
 
 exports.alertDanger = alertDanger;
 exports.badge = badge;
@@ -106,10 +126,12 @@ exports.buttonPrimary = buttonPrimary;
 exports.buttonSecondary = buttonSecondary;
 exports.card = card;
 exports.checkoutSummary = checkoutSummary;
+exports.checkoutsListFilterMenu = checkoutsListFilterMenu;
 exports.createdAfterPaymentsListFilterParam = createdAfterPaymentsListFilterParam;
+exports.createdAfterPayoutsListFilterParam = createdAfterPayoutsListFilterParam;
 exports.createdBeforePaymentsListFilterParam = createdBeforePaymentsListFilterParam;
+exports.createdBeforePayoutsListFilterParam = createdBeforePayoutsListFilterParam;
 exports.dropdownMenu = dropdownMenu;
-exports.filterMenu = filterMenu;
 exports.getAlternateTableCellPart = getAlternateTableCellPart;
 exports.heading1 = heading1;
 exports.heading2 = heading2;
@@ -133,17 +155,26 @@ exports.inputRadioCheckedFocused = inputRadioCheckedFocused;
 exports.inputRadioFocused = inputRadioFocused;
 exports.inputRadioInvalid = inputRadioInvalid;
 exports.label = label;
+exports.listGroup = listGroup;
+exports.listGroupItem = listGroupItem;
 exports.loadingSpinner = loadingSpinner;
 exports.paymentIdPaymentsListFilterParam = paymentIdPaymentsListFilterParam;
+exports.paymentModeCheckoutsListFilterParam = paymentModeCheckoutsListFilterParam;
 exports.paymentStatusPaymentsListFilterParam = paymentStatusPaymentsListFilterParam;
+exports.paymentsListFilterMenu = paymentsListFilterMenu;
+exports.payoutsListFilterMenu = payoutsListFilterMenu;
 exports.radioListItem = radioListItem;
 exports.skeleton = skeleton;
+exports.statusCheckoutsListFilterParam = statusCheckoutsListFilterParam;
 exports.table = table;
 exports.tableCell = tableCell;
 exports.tableEmpty = tableEmpty;
 exports.tableError = tableError;
 exports.tableHeadCell = tableHeadCell;
 exports.terminalIdPaymentsListFilterParam = terminalIdPaymentsListFilterParam;
+exports.terminalIdTerminalsListFilterParam = terminalIdTerminalsListFilterParam;
+exports.terminalStatusTerminalsListFilterParam = terminalStatusTerminalsListFilterParam;
+exports.terminalsListFilterMenu = terminalsListFilterMenu;
 exports.text = text;
 exports.textDanger = textDanger;
 exports.tooltip = tooltip;

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const utils$1 = require('./utils-337befa9.js');
-const paymentsStatus = require('./payments-status-ec12ee6a.js');
-const utils = require('./utils-134dda01.js');
+const paymentsStatus = require('./payments-status-92abe577.js');
+const utils = require('./utils-7c5b2837.js');
 const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-0353466d.js');
-require('./badge-ccfe03bf.js');
-require('./parts-b2ff8b68.js');
+const skeleton = require('./skeleton-84102a44.js');
+require('./badge-86a6a7f8.js');
+require('./parts-c2655003.js');
 
 const PaymentDetailsLoading = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -62,14 +62,14 @@ const PaymentDetailsCore = class {
         });
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b35aadc771c0b521cf558f0ab2c010ac167999f1' }, this.loading && index.h(PaymentDetailsLoading, { key: '9a45f73df71ecf776308acb3e0715e114166548d' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (index.h("justifi-details", { key: '0e754696b095b549dafd1789c7a1a462738f9856', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'ef94f025849fefde53daecdb2a3f6475993e2634', slot: "head-info", badge: paymentsStatus.MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, index.h(utils.EntityHeadInfoItem, { key: '566fd465a660a2fd31e3af18b42b1ad2f687d328', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payment.updated_at)} ${utils$1.formatTime(this.payment.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'e85a469aba3c07b93ac768189b108b3940e6bd1f', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payment.created_at)} ${utils$1.formatTime(this.payment.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '74c237c68cba09dd5568fa82883c69dc10e45897', title: "ID", value: this.payment.id })), index.h("div", { key: '69c6daf0c74b2fb003db1a7e785258f1146de701', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '4f87cd9f2a0c8777132d7b8726bdcd09cf7be433', sectionTitle: "Details" }), index.h("div", { key: '134845f91eef1b6dcd335ac96e59f19684ebd491', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '65c8b3540b5a0c5a4efe8f3a7aac5251def031d3', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), index.h(utils.DetailItem, { key: 'e25d3093be7ab1b564a4af92d7face28d49d213b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '7d05d55d2f04facff86bdafc51e6c17e4cab80de', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), index.h(utils.DetailItem, { key: '28a436948de1aa09f09891f597c40293b86d8870', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), index.h(utils.DetailItem, { key: '670f5c3b79325d473cc0765c87769db9ec65434c', title: "Status", value: paymentsStatus.MapPaymentStatusToBadge(this.payment.status) }), index.h(utils.DetailItem, { key: 'aa2fbe3ddee9341a0c9aadcf4bb484014a672bc6', title: "Payment ID", value: this.payment.id }), index.h(utils.DetailItem, { key: '214b5ded4fbf4e6310a2da856053a4f353b86363', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: 'ffdf2b03994b584f7be6dd1e53ab8078f85c1b7e', title: "Statement Descriptor", value: this.payment.statement_descriptor }), index.h(utils.DetailItem, { key: '0f6bd6fa810b152c02b8ed59540755ddbd74ffba', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            index.h(utils.DetailSectionTitle, { key: 'd464f0b7d46d433105e3ca30130c5fe563816282', sectionTitle: "Payment Method" }),
-            index.h("div", { key: '60485f42c8f2490d7119c5b6ecd7febca1aa77ef', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '67cd2ef5f5270294ebf607628c9597210fe65be4', title: "ID", value: this.payment.payment_method.card.id }), index.h(utils.DetailItem, { key: 'c1000dc756f1b9dcfef34cf82b274b66324c8300', title: "Payment Type", value: "Card" }), index.h(utils.DetailItem, { key: 'dc5ce24f30293851230a721fb5e0cb17841a0c26', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: '4d5046cc3f23ad11ca97698ced951baa9520ab09', title: "Brand", value: utils$1.snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), index.h(utils.DetailItem, { key: '97ac51fcd928d4d4fdf79dddb5577b048e0d81e9', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (index.h(styledHost.StyledHost, { key: 'e03ea25b2d3a3388a613cc6fedd8912bb5092d63' }, this.loading && index.h(PaymentDetailsLoading, { key: '3343cc38deec7b87b2466b3bc43c0170a1962625' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (index.h("justifi-details", { key: '18e494e5cb1aaed74ec35dfff5c659061d30cb82', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '466e6c0105eb09485907674aec32752001949e53', slot: "head-info", badge: paymentsStatus.MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, index.h(utils.EntityHeadInfoItem, { key: '4da3f6800f98c2af8dfa6bae1ef464752aba14be', classes: "border-1 border-end", title: "Updated At", value: `${utils$1.formatDate(this.payment.updated_at)} ${utils$1.formatTime(this.payment.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '99a9e776d1dfc3ecf5de3d484212930824ebf4e2', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.payment.created_at)} ${utils$1.formatTime(this.payment.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: '55795658b170234f9f94ed97dbf45c9727f865fc', title: "ID", value: this.payment.id })), index.h("div", { key: '2b17cd70a0b8abe36596a61f8bf0c6ae039db579', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: 'a663bf74079da6a51ec611addf2adb25b8e4c950', sectionTitle: "Details" }), index.h("div", { key: '48b0e215500c30da77c3cc1f8f46199bda52dc24', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'd8311d8cf23d4e66effc7e2f86aa0bb56456f7ec', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), index.h(utils.DetailItem, { key: '7084b4469a769fed1499f5c6cfd50e6caa88a1a5', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '40546b209614c410ff5725a01a60bbfde70cd4f6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), index.h(utils.DetailItem, { key: 'd933346f3518d423b278a1ac41e603399c2c8b8b', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), index.h(utils.DetailItem, { key: 'f89fb7d083501dbdf481f63d0a587a6323a3fd6e', title: "Status", value: paymentsStatus.MapPaymentStatusToBadge(this.payment.status) }), index.h(utils.DetailItem, { key: 'a2494f54c8a4f1792f373adf6a6e1dbab3e5798d', title: "Payment ID", value: this.payment.id }), index.h(utils.DetailItem, { key: '80a1118c3043a91d37bbb3da26a9fbdcf3d3b7ee', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), index.h(utils.DetailItem, { key: '7787c8d9713ace6113c4685d2ea2279e570849eb', title: "Statement Descriptor", value: this.payment.statement_descriptor }), index.h(utils.DetailItem, { key: '7e12595f71d7dd2f85b8d332aa349d90df595727', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            index.h(utils.DetailSectionTitle, { key: '9150caced60639279da39a84db67eef97199d78d', sectionTitle: "Payment Method" }),
+            index.h("div", { key: '5add69653bc6838ed1f1792217c04cf289f1a2f0', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '8dd22e082c3e4aa0b2836ee8e533d8dc63452498', title: "ID", value: this.payment.payment_method.card.id }), index.h(utils.DetailItem, { key: 'c8130661f5684b91db68b4c9d8a45518e610d17b', title: "Payment Type", value: "Card" }), index.h(utils.DetailItem, { key: 'f47a9d1689f67133bb9183e88830dff7b4ef64e8', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), index.h(utils.DetailItem, { key: '9101ce4f03dbb78d9c4f825c3747871c275c7a86', title: "Brand", value: utils$1.snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), index.h(utils.DetailItem, { key: '93f34140d96fae056674b1767219ae94164160c7', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            index.h(utils.DetailSectionTitle, { key: '35a79ce77f5169316113a4db24a2ef8ce19e95f9', sectionTitle: "Payment Method" }),
-            index.h("div", { key: '32ad717125ad1de2ef98c652bb09f82673cf1cb9', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '18e8fafc324e72bc252939b5143c596dd43ec698', title: "ID", value: this.payment.payment_method.bank_account.id }), index.h(utils.DetailItem, { key: '09ff2cfc2b6925b972c63061b19f14db20cfba3e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), index.h(utils.DetailItem, { key: '80ecb22f35368ebd46b44bc05e28083feefb38e5', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), index.h(utils.DetailItem, { key: '3f813a886d42fc43523f3f936c68f1733105d62c', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], index.h(utils.DetailSectionTitle, { key: '1f73daaaeeab874b7b12d12eb1dd2f82b63b8bba', sectionTitle: 'Metadata' }), index.h("div", { key: 'a3ca93b3151773f4a98af2f703b62dba3cbb2957', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: 'a40ac95709ef184daa3be5034c8b96bba12acbd4', metadata: this.payment.metadata })))))));
+            index.h(utils.DetailSectionTitle, { key: '67cf738bc3e636aeaf97f0d66046d515ea096a50', sectionTitle: "Payment Method" }),
+            index.h("div", { key: '89d17e5925ad5057972f9bf11f558ff008409004', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '31ee0758b992bbe2672ac02a699cb6ad8c3f6631', title: "ID", value: this.payment.payment_method.bank_account.id }), index.h(utils.DetailItem, { key: '43a23b3ea5c53a56b5888a798f0195f84933588b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), index.h(utils.DetailItem, { key: '79572125fe01f0bcd1d029dc36a723fac6bf7ceb', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), index.h(utils.DetailItem, { key: '76633c06b486c6b2315ff6062d2beab0f4531a6d', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], index.h(utils.DetailSectionTitle, { key: 'f537f98a91e780c460052a7530ffb5fadc077562', sectionTitle: 'Metadata' }), index.h("div", { key: '324a3eb360ff1091154907f996cfd3f406f8c4d6', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: 'b52628f75fa99b719d7ad150cb678d686e77f3bf', metadata: this.payment.metadata })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]

package/dist/cjs/{payment.service-87924c1a.js → payment.service-65fbac72.js}

@@ -1,25 +1,22 @@
 'use strict';
 
-const Api = require('./Api-089e7501.js');
+const Api = require('./Api-f5280a80.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
 
 class PaymentService {
-    async fetchPayments(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = Api.config.proxyApiOrigin;
-        }
+    async fetchPayments(accountId, authToken, params, apiOrigin = undefined) {
         const api = Api.Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = `account/${accountId}/payments`;
         return api.get(endpoint, params);
     }
     async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).get(endpoint);
+        return Api.Api({ authToken, apiOrigin: undefined }).get(endpoint);
     }
 }
 

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

@@ -4,20 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
-const parts = require('./parts-b2ff8b68.js');
-const eventTypes = require('./event-types-34b103b4.js');
-const paymentsTable = require('./payments-table-f3aa174d.js');
+const parts = require('./parts-c2655003.js');
+const table = require('./table-fc82fa81.js');
+const paymentsTable = require('./payments-table-c58e3ca8.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-4fc60a51.js');
-require('./payments-status-ec12ee6a.js');
-require('./badge-ccfe03bf.js');
+require('./spinner-70f38e5e.js');
+require('./payments-status-92abe577.js');
+require('./badge-86a6a7f8.js');
 require('./index-d2d0b181.js');
 
 const PaymentsListCore = class {
@@ -53,7 +54,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();
         }
@@ -68,7 +69,7 @@ const PaymentsListCore = class {
     fetchData() {
         this.loading = true;
         this.getPayments({
-            params: this.params,
+            params: this.paymentParams,
             onSuccess: ({ payments, pagingInfo }) => {
                 this.payments = payments;
                 this.paging = pagingInfo;
@@ -87,6 +88,11 @@ const PaymentsListCore = class {
             }
         });
     }
+    get paymentParams() {
+        const requestParams = paymentsListParamsState.getRequestParams();
+        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
+        return params;
+    }
     get entityId() {
         return this.payments.map((payment) => payment.id);
     }
@@ -99,13 +105,8 @@ const PaymentsListCore = class {
     get showRowData() {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
-    get params() {
-        const requestParams = paymentsListParamsState.getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
     render() {
-        return (index.h("div", { key: 'a3a996622a365ecf9960a36f249dcd3a8cea3106' }, index.h("div", { key: '79b86ae4a59b6c50ff72ee1dddb7d9660220e003', class: "table-wrapper" }, index.h("table", { key: '0f0904d5db86c1e7e3141e991bb20dade2bfb46b', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'a5895f88cea8962b31aed180b24fc8a287664d56', class: "table-head sticky-top" }, index.h("tr", { key: 'e883f164efc6a77eea64482974d4e667d264110d', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), index.h("tbody", { key: 'bbb65c479ca06b02d711d510516432db815b3fac', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: 'a212a7fc190e5bede2ff98e7dad737260b94fc9c', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '41543e33097fbcc753ab11fad1214b6dd06c4f78', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(eventTypes.TableErrorState, { key: '06862d555775195430f95fa3efc41d301444cc4e', 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: '7453d140f8f9ca941be9cf5b9dad4491ace10095', class: "sticky-bottom" }, index.h("tr", { key: '5299d703ca1c741687e1340b98876cabc4c3636d', class: "table-light align-middle" }, index.h("td", { key: '96f9f447db74126b92f3f3f657d4253617c0b85b', part: parts.tableCell, colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: '19a8da89dfc77c2d97b3b726f9a27a72825eafe3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        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 }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

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

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

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const paymentsStatus = require('./payments-status-ec12ee6a.js');
+const paymentsStatus = require('./payments-status-92abe577.js');
 const utils = require('./utils-337befa9.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.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-134dda01.js');
-const button = require('./button-8b634147.js');
+const utils = require('./utils-7c5b2837.js');
+const button = require('./button-5f6c437f.js');
 const styledHost = require('./styled-host-94309bab.js');
-const payoutsStatus = require('./payouts-status-9f2e9a3a.js');
-const skeleton = require('./skeleton-0353466d.js');
-require('./parts-b2ff8b68.js');
-require('./badge-ccfe03bf.js');
+const payoutsStatus = require('./payouts-status-703d62af.js');
+const skeleton = require('./skeleton-84102a44.js');
+require('./parts-c2655003.js');
+require('./badge-86a6a7f8.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: '4549ec693037f9a88ce74520fd227022d4a2db43' }, this.loading && index.h(PayoutDetailsLoading, { key: '36017a6e0faef41b11d79605177e215e614a3aa1' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: 'c85f8ade3faf633fe0901d9500eb3353ca37bb2b', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'cd855de095506f7002e2e1c0188250b227927a17', 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: 'acfb6cf5f22e321fa20af3b17a8efb2fad959b84', 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: 'a5a642616006a55cd7c1b0a6782b4400fceb930c', 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: '239d10bb38e0f583ce9f40182ebd06d0a0ea7435', title: "ID", value: this.payout.id }), index.h("div", { key: '6863a35b9f6d5490ede7ee6fa82987691615b3e2', class: "m-4" }, index.h(button.Button, { key: '1760a4e1666aa8d8de5997c29c3c127a4e36f4b5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '32adb626ca04e368ef4b194f198ebffd3b04222e', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '9e4ad804af83027bcf5a3c338bda5e70e97cc892', sectionTitle: "Details" }), index.h("div", { key: 'c927105a44b2da4c54d1a37ae67284f0674551c9', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'e1870dc67a0d4868670d8be56c918e78b50f905d', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: '5fc96b304fc547112cd73eb4fb2630dd428830e7', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: 'da6ef701996e84cd8e6a07d78a25a5e9a79b9ea8', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '9e64e4d9dcfcb061bcaa7cece2420ebf345b8000', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils.DetailItem, { key: '4a86a9dd33c22d08f05ec2728478a787a00a8322', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: 'db556a34c5d00c4d3e92c1cf4d01387bff3ee51d', sectionTitle: "Account" }), index.h("div", { key: '650b29a42b66a5c6472175c2908e3e3bedacf5d3', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'dc66788666c8171a88712615b3b9972c3b4b0d3f', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: '203f2cf47a4ef904cec14e1c513f4e7debd8fce8', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: 'de0b55071cf0303666f6f586de3c409684cb6a7d', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: 'c844ae5678df1b9181e7ecc75d96b166b75afe64', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '0d53d6165128f2783bb2d2a16fe736fa89b3f897', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: '32578f8453ceb9f8196c393b6d729bbf9e287e04', sectionTitle: 'Metadata' }), index.h("div", { key: 'fdacbd0d6ce9c91557043a797d41a82e88d8ad61', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '97ec42b9a84d270166a634e15cf8c3aa4d9ff532', metadata: this.payout.metadata })))))));
+        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 })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 
 const index_esm = require('./index.esm-a397536a.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
-const businessFormOptions = require('./business-form-options-4bcb8943.js');
+const businessFormOptions = require('./business-form-options-62e9c8ab.js');
 const Document = require('./Document-0b828345.js');
 
 const transformEmptyString = (value) => {

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

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

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

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

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

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

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

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