@justifi/webcomponents 4.23.1 → 5.0.0-rc-2

package/dist/cjs/payments-table-cf5d1c33.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const index = require('./index-5b9a3b5f.js');
+const paymentsStatus = require('./payments-status-68ac449d.js');
+const utils = require('./utils-a21b7453.js');
+const parts = require('./parts-811ddb9c.js');
+
+const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
+const paymentTableColumns = {
+    created_at: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date and time each payment was made" }, "Date")),
+    amount: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The dollar amount of each payment" }, "Amount")),
+    status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The current status of each payment" }, "Status")),
+    payment_type: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The type of each payment" }, "Type")),
+    description: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The payment description, if you provided one" }, "Description")),
+    payers_name: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The name associated with the payment method" }, "Account Holder")),
+    last_four_digits: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The brand and last 4 digits of the payment method" }, "Payment Method")),
+};
+const paymentTableCells = {
+    created_at: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
+        index.h("div", { class: "fw-bold" }, utils.convertToLocal(value, { showDisplayDate: true })),
+        index.h("div", { class: "fw-bold" }, utils.convertToLocal(value, { showTime: true })))),
+    amount: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, utils.formatCurrency(value, true, true))),
+    status: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1), innerHTML: paymentsStatus.MapPaymentStatusToBadge(value) })),
+    payment_type: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, value)),
+    description: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, value)),
+    payers_name: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, value)),
+    last_four_digits: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, value))
+};
+
+exports.defaultColumnsKeys = defaultColumnsKeys;
+exports.paymentTableCells = paymentTableCells;
+exports.paymentTableColumns = paymentTableColumns;

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

@@ -2,10 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
-const utils$1 = require('./utils-e88fbc94.js');
-const utils = require('./utils-189dc30d.js');
-const styledHost = require('./styled-host-1adf46c3.js');
+const index = require('./index-5b9a3b5f.js');
+const utils$1 = require('./utils-a21b7453.js');
+const utils = require('./utils-fc17191b.js');
+const button = require('./button-94bdc1f0.js');
+const styledHost = require('./styled-host-94309bab.js');
+const parts = require('./parts-811ddb9c.js');
+const spinner = require('./spinner-c11fcb44.js');
 const payoutsStatus = require('./payouts-status-2f7be07d.js');
 
 const PayoutDetailsCore = class {
@@ -60,7 +63,7 @@ const PayoutDetailsCore = class {
     }
     render() {
         var _a;
-        return (index.h(styledHost.StyledHost, { key: '5bbb9c0cacc3bf2efe7a1e935e586944578f735f' }, this.loading && utils.LoadingState(), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: '93b7b7abde3b10e4e4d79526b02b8db0713c8fc6', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: 'ac86860de5b1861971b0a9b7e3b9c5d6240ccc2a', slot: "head-info", badge: index.h("span", { slot: 'badge', innerHTML: payoutsStatus.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${utils$1.formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, index.h(utils.EntityHeadInfoItem, { key: '537d48671755958de63c4c5c9e8b9272bc507e6b', 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: 'cdac6a8d733ad1bd45b923f10350601b72b22e8f', 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: 'a11a7d54baefaadd46be03d983f78754a3b4e7a2', title: "ID", value: this.payout.id }), index.h("div", { key: '71f41756d098d1863344f298549d32a3c0235e2c', class: "m-4" }, index.h("button", { key: '0bc57fc73b3e64da59e357d8882df4d9e1806af1', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: 'f1be7616f853affa6a32c1ce598c46efb34497cc', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: 'b483ced9513bb46fe249ab50192663de025fa3f7', sectionTitle: "Details" }), index.h("div", { key: '510a10f8730d3b0afd2422d349f5ac656d1059e1', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '0564098e173c62fa3b73bcb112b3b1e516bcb094', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: '91900371ae342a2ff8c79952786e5f0a999113da', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: 'c0a216b12b91c56d2b3c2c7b678c2bd893fefe02', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: 'afaafd44d645f458cd4299f9c8f504388ff1df53', title: "Amount", value: utils$1.formatCurrency(this.payout.amount) }), index.h(utils.DetailItem, { key: 'dbe4a06db4e8736c520db79cc45a37637ed02962', title: "Fee", value: utils$1.formatCurrency(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: '605964367e17fdbbd72763c818ba4dd42043f96f', sectionTitle: "Account" }), index.h("div", { key: '662a14b06e2fca1c305b9c8cbc3e724589117602', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '6b195d37ffb700b8ce2c7a095d196af52d92eb00', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: '011fb64b10627221ef1495da127f929bc63dbab6', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '4130703cb2a6b567392819f997dd574a9e087df4', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '541d23f1645541e461280a0ddd449530df79aa76', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: 'b544a37bae800ce24bbf11cc9654ab6b4aabc0da', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: '40d9206806dfba438fbf700b7767a03c449ee1a9', sectionTitle: 'Metadata' }), index.h("div", { key: '435aff888f41675e1a2bf8729fc1c859cafaa20b', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '1c9f32bf899914aa052375e4be2e8f92134da196', metadata: this.payout.metadata })))))));
+        return (index.h(styledHost.StyledHost, { key: '00dce2f3bddb29647880b82a2055580346b7ff38' }, this.loading && index.h(spinner.Spinner, { key: 'de524e2f77fb4dd20f4fcb7dff41f256f3ee74b5' }), !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: 'c0b7449ff0e5773be97fb27485638acdce79b50a', "error-message": this.errorMessage }, index.h(utils.EntityHeadInfo, { key: '1aa8719fb989c9993ac30803440d16ce3590038e', slot: "head-info", badge: index.h("span", { slot: 'badge', part: parts.badge, innerHTML: payoutsStatus.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${utils$1.formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, index.h(utils.EntityHeadInfoItem, { key: '30c9240747e66e38056cd870e5703b4d027b3ea2', 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: '2d93c5594c1451a3d566afe0431da34994ccc94a', 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: 'd9116166e2c7f95e8a7e110146f492bf0329e01e', title: "ID", value: this.payout.id }), index.h("div", { key: '9b3c12058b396637632c3d46a24ed426a1bd518c', class: "m-4" }, index.h(button.Button, { key: 'eaf5339cb60b3ae759b0ca94ffb07f20f044feec', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: '61372b0167f0a07231fd1cf69d61f156e42c3a0a', slot: 'detail-sections' }, index.h(utils.DetailSectionTitle, { key: '6113095a35b746b7b03e15af9e195fe7247148c0', sectionTitle: "Details" }), index.h("div", { key: 'dcdc2cf2c73516e603492aae6f81a12a2dd10d1f', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: '797cf1e1b4a0521ff01a8c985c260b998ad3d3e9', title: "Date paid", value: utils$1.formatDate(this.payout.deposits_at) }), index.h(utils.DetailItem, { key: 'bd3162d95fa4a98e2db4e42a9de39c91ca209b45', title: "Statement Description", value: this.payout.description }), index.h(utils.DetailItem, { key: 'adef2b9dcbad873f570530761cf887c9a4efa052', title: "Payout Method", value: this.payout.delivery_method }), index.h(utils.DetailItem, { key: '8c6ca766f17f9dd140fa0778fecd648a72244b92', title: "Amount", value: utils$1.formatCurrency(this.payout.amount) }), index.h(utils.DetailItem, { key: '4c4448677902c19011cf36b0d71d85eb54083bbf', title: "Fee", value: utils$1.formatCurrency(this.payout.fees_total) })), index.h(utils.DetailSectionTitle, { key: '7f4a0ed8518b957cbfcfb15e5ea62963e5ba5013', sectionTitle: "Account" }), index.h("div", { key: '3d878a54ddffb40e55610224fc97f182f4255e51', class: "d-table gap-2 w-100" }, index.h(utils.DetailItem, { key: 'd9eb8870ca1b4bf0c04bcb2f3b4362ebf9712a88', title: "ID", value: this.payout.account_id }), index.h(utils.DetailItem, { key: 'f320a0fb646a5352173341083f384bd6d7a30a61', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: '35cc07ec9ee8e3155606851eeb9864d9f6df6e05', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils.DetailItem, { key: 'ac0962b80347b619e4cc534781df397d9bc510e2', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils.DetailItem, { key: '65db983d9504b912f12cefc7eea7a5bc8e9f3d73', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), index.h(utils.DetailSectionTitle, { key: 'bc94a109cf5e2c4dcd32972387a4b167b85d8ccc', sectionTitle: 'Metadata' }), index.h("div", { key: '1918677f3559ff779b3f1613ee9b2367110f4648', class: "d-table gap-2 w-100" }, index.h(utils.CodeBlock, { key: '2b5dd103cebe0960bdcc6a68f7389780e9d1029b', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

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

@@ -2,22 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fb499e95.js');
+const index = require('./index-5b9a3b5f.js');
 require('./Checkout-a528241d.js');
 const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-87b47c43.js');
+require('./Payment-d074b246.js');
 require('./SubAccount-fda5ec5b.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const table = require('./table-ec9ce9f7.js');
-const utils = require('./utils-ba79e868.js');
-const payoutsTable = require('./payouts-table-4858eb84.js');
-require('./utils-e88fbc94.js');
+const parts = require('./parts-811ddb9c.js');
+const eventTypes = require('./event-types-4df47396.js');
+const payoutsTable = require('./payouts-table-58881d95.js');
+const payoutsListParamsState = require('./payouts-list-params-state-16348184.js');
+require('./Dispute-eb6bad54.js');
+require('./spinner-c11fcb44.js');
+require('./utils-a21b7453.js');
 require('./payouts-status-2f7be07d.js');
+require('./index-d2d0b181.js');
 
 const PayoutsListCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.rowClicked = index.createEvent(this, "payout-row-clicked", 7);
+        this.clickEvent = index.createEvent(this, "click-event", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
         this.downloadCSV = (payoutId) => {
             this.getPayoutCSV({
@@ -32,28 +36,19 @@ const PayoutsListCore = class {
             });
         };
         this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor });
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.previous });
         };
         this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor });
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.next });
         };
         this.rowClickHandler = (e) => {
             const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;
             if (!clickedPayoutID)
                 return;
-            this.rowClicked.emit(this.payouts.find((payout) => payout.id === clickedPayoutID));
-        };
-        this.setParamsOnChange = (name, value) => {
-            let newParams = { [name]: value };
-            this.params = utils.onFilterChange(newParams, this.params);
-        };
-        this.clearParams = () => {
-            this.errorMessage = '';
-            this.params = {};
+            const payoutData = this.payouts.find((payout) => payout.id === clickedPayoutID);
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.row, data: payoutData });
         };
         this.getPayouts = undefined;
         this.getSubAccounts = undefined;
@@ -65,21 +60,28 @@ const PayoutsListCore = class {
         this.loading = true;
         this.errorMessage = undefined;
         this.paging = Pagination.pagingDefaults;
-        this.params = {};
+        this.pagingParams = {};
     }
     updateOnPropChange() {
-        this.fetchPayouts();
+        this.fetchData();
     }
     componentWillLoad() {
-        this.payoutsTable = new table.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.payoutTableCells(this.downloadCSV));
+        this.payoutsTable = new eventTypes.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.payoutTableCells(this.downloadCSV));
         if (this.getPayouts && this.getSubAccounts) {
-            this.fetchPayouts();
+            this.fetchData();
         }
+        payoutsListParamsState.onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        payoutsListParamsState.onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
-    fetchPayouts() {
+    fetchData() {
         this.loading = true;
         this.getPayouts({
-            params: this.params,
+            params: this.requestParams,
             onSuccess: ({ payouts, pagingInfo }) => {
                 this.payouts = payouts;
                 this.paging = pagingInfo;
@@ -126,6 +128,10 @@ const PayoutsListCore = class {
             },
         });
     }
+    get requestParams() {
+        const combinedParams = Object.assign(Object.assign({}, payoutsListParamsState.queryParams), this.pagingParams);
+        return combinedParams;
+    }
     get subAccountParams() {
         let accountIdNumbers = this.payouts.map((payout) => payout.account_id);
         let uniqueAccountIds = [...new Set(accountIdNumbers)];
@@ -145,10 +151,11 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '3768192e14155536f0fb53d2abc5f1e92b04cc01' }, index.h("payouts-list-filters", { key: '3fec8cfc6b9d68798148e9eea0725079d32e3406', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: '291b7a53bb5657c87568169ebccc1dead39d10c9', class: "table-wrapper" }, index.h("table", { key: '624389fddf8b00dcaf70a75693b542b2f4af4982', class: "table table-hover" }, index.h("thead", { key: '1e28a2a6988eac106c40b8f029d9fa2118cbdb6d', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '1f05dd4c54fb350545cf6b1b3e86b80d96932585', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '3af09dc61461f31f61c2cfdf7896b7dfe9441450', class: "table-body", part: "table-body" }, index.h(table.TableLoadingState, { key: '715a3d0732e45810bdfdcbe5c7db8f29934a1a62', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '3aac2554828eac0c6b0645da5df811b5e5463235', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'cf2b312830b9f59550346085f00bc519e496b2b2', 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, part: `table-row ${index$1 % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (index.h("tfoot", { key: '3d7389fb825a7eafcd456b3ae95b115a4218fea3', class: "sticky-bottom" }, index.h("tr", { key: '4c10aa64144a281d8303b04f013bfcc2390f4d04', class: "table-light align-middle" }, index.h("td", { key: '63614e636203a5f15beb26b4d19eed393b6ea481', part: "pagination-bar", colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: '7708ac8b21d2db0ec9ade773dd46cd944374ede5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (index.h("div", { key: 'b32c27e9cd63eebde1bbce6634eeb8be1c804db8' }, index.h("div", { key: '842d7df46f21510c872e34234d70a3adef80ebd9', class: "table-wrapper", part: "table-wrapper" }, index.h("table", { key: '3fb2afe1a78cbb39f896d1833a06c4c976e53292', class: "table table-hover", part: parts.table }, index.h("thead", { key: '65e335052e013f6bd2ddd154b0772d813b03e02f', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '0d113369ff9e4a1933b8c0f699e03ab3812d30d4', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '64eea2dda7fe52844a39fe4a78840444959c9bf8', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: '3f3fb69c8105de8374e57e7279ad0d3e4e88f777', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: 'df74f8ea143edbfb57efee6952c7ddffc690db8e', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: 'd12c61e243397de8024c8fe13e518ae3328b5d95', 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: '23f8f411959eb2464a4f0d75830adedf5cc9d15b', class: "sticky-bottom" }, index.h("tr", { key: '63a62a4743ef38050ef9d6f2870fc74b5a011568', class: "table-light align-middle" }, index.h("td", { key: '23a7b62618db1dd52da8c43627f7d512c2f18bc1', part: parts.tableCell, colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: '3c401e3d08d930cc19c5a09e1b34c740f2dd833b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "params": ["updateOnPropChange"],
+        "queryParams": ["updateOnPropChange"],
+        "pagingParams": ["updateOnPropChange"],
         "getPayouts": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"]
     }; }

package/dist/cjs/payouts-list-params-state-16348184.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const index = require('./index-d2d0b181.js');
+
+const initialState = {};
+const payoutsListQueryParams = index.createStore(() => initialState);
+const { state: queryParams, on: onQueryParamsChange } = payoutsListQueryParams;
+const clearParams = () => {
+    payoutsListQueryParams.reset();
+};
+
+exports.clearParams = clearParams;
+exports.onQueryParamsChange = onQueryParamsChange;
+exports.queryParams = queryParams;

package/dist/cjs/payouts-table-58881d95.js

@@ -0,0 +1,38 @@
+'use strict';
+
+const index = require('./index-5b9a3b5f.js');
+const utils = require('./utils-a21b7453.js');
+const payoutsStatus = require('./payouts-status-2f7be07d.js');
+const parts = require('./parts-811ddb9c.js');
+
+const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
+const payoutTableColumns = {
+    created_at: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date the payout was deposited" }, "Created")),
+    sub_account_name: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The sub account associated with the payout" }, "Sub Account")),
+    payments_total: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The total payments amount associated with the payout" }, "Payments")),
+    refunds_total: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The total refunds amount associated with the payout" }, "Refunds")),
+    fees_total: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The total fees amount associated with the payout" }, "Fees")),
+    other_total: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The total other amount" }, "Other")),
+    amount: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The total amount of the payout" }, "Amount")),
+    status: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The real-time status of each payout" }, "Status")),
+    csv: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "Export CSV" })),
+};
+const payoutTableCells = (downloadCSV) => ({
+    created_at: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
+        index.h("div", { class: "fw-bold" },
+            utils.convertToLocal(value, { showDisplayDate: true }),
+            " "))),
+    sub_account_name: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, value)),
+    payments_total: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, utils.formatCurrency(value))),
+    refunds_total: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, utils.formatCurrency(value))),
+    fees_total: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, utils.formatCurrency(value))),
+    other_total: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, utils.formatCurrency(value))),
+    amount: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, utils.formatCurrency(value))),
+    status: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1), innerHTML: payoutsStatus.MapPayoutStatusToBadge(value) })),
+    csv: (value, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) },
+        index.h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(value); } }, "CSV"))),
+});
+
+exports.defaultColumnsKeys = defaultColumnsKeys;
+exports.payoutTableCells = payoutTableCells;
+exports.payoutTableColumns = payoutTableColumns;

package/dist/cjs/{schema-validations-f0363047.js → schema-validations-0be8068a.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index_esm = require('./index.esm-97cf6825.js');
+const index_esm = require('./index.esm-a397536a.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
-const businessFormOptions = require('./business-form-options-5db0bd5e.js');
+const businessFormOptions = require('./business-form-options-4bcb8943.js');
 
 const transformEmptyString = (value) => {
     return value === '' ? null : value;

package/dist/cjs/skeleton-5ca03840.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const index = require('./index-5b9a3b5f.js');
+const parts = require('./parts-811ddb9c.js');
+
+const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
+    const combinedStyle = Object.assign(Object.assign({}, styles), { width,
+        height });
+    const TagType = component;
+    return (index.h(TagType, { class: `${className} skeleton`, style: combinedStyle, part: parts.skeleton, "aria-hidden": "true" }));
+};
+
+exports.Skeleton = Skeleton;

package/dist/cjs/spinner-c11fcb44.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const index = require('./index-5b9a3b5f.js');
+const parts = require('./parts-811ddb9c.js');
+
+const Spinner = () => {
+    return (index.h("div", { class: "d-flex justify-content-center" },
+        index.h("div", { class: "spinner-border", role: "status", part: parts.loadingSpinner },
+            index.h("span", { class: "visually-hidden" }, "Loading..."))));
+};
+
+exports.Spinner = Spinner;