@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

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

@@ -1,112 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-require('./config-state-BIgGhhe9.js');
-require('./dinero-BwNN_k7x.js');
-require('./Plaid-DAigb4JE.js');
-var Pagination = require('./Pagination-Dediz133.js');
-require('./Business-oBifyXkW.js');
-require('./Dispute-CruQTF6_.js');
-var table = require('./table-DjbNv28p.js');
-var eventTypes = require('./event-types-YOY5TKUN.js');
-var paymentsTable = require('./payments-table-CUxpxNnc.js');
-var paymentsListParamsState = require('./payments-list-params-state-vGJZ6Oe2.js');
-require('./index-W-zoNiyM.js');
-require('./utils-BHi4j5rB.js');
-require('./parts-BXshb_S-.js');
-require('./spinner-C6ZGOB2P.js');
-require('./payments-status-Bj_bCKUP.js');
-require('./badge-GBNtUypt.js');
-
-const PaymentsListCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.payments = [];
-        this.loading = true;
-        this.paging = Pagination.pagingDefaults;
-        this.pagingParams = {};
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.next });
-        };
-        this.rowClickHandler = (e) => {
-            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedPaymentID)
-                return;
-            const paymentData = this.payments.find((payment) => payment.id === clickedPaymentID);
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.row, data: paymentData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.paymentsTable = new table.Table(this.payments, this.columns, paymentsTable.paymentTableColumns, paymentsTable.paymentTableCells);
-        if (this.getPayments) {
-            this.fetchData();
-        }
-        paymentsListParamsState.onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-        paymentsListParamsState.onQueryParamsChange('reset', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayments({
-            params: this.paymentParams,
-            onSuccess: ({ payments, pagingInfo }) => {
-                this.payments = payments;
-                this.paging = pagingInfo;
-                this.paymentsTable.collectionData = this.payments;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            },
-            final: () => {
-                this.loading = false;
-            }
-        });
-    }
-    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);
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.paymentsTable.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState && !this.loading;
-    }
-    render() {
-        return (index.h(table.TableWrapper, { key: 'b582865a40c00ace45e5288f79f1a89afabb9eb7' }, index.h(table.TableComponent, { key: '399614aeac9d7daa7e91a6974ed36a22e9bfad7a' }, index.h(table.TableHead, { key: '41932e7e448c1826d1f994016cdcca83a845966d' }, index.h(table.TableHeadRow, { key: 'd1e28d54aff40b2c44ec25b89e7772eb6e2fd5f4' }, this.paymentsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '1b8ba62acf2c908ee52d3fbd1246dc0d71a4b927' }, index.h(table.TableLoadingState, { key: 'ee94ffebe89c0fd7e36660847462c74e019ece95', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'c2cea2a7c73e5a846e1bfc0905d7da810b1af2e5', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), index.h(table.TableErrorState, { key: 'e0dec0ca5484e11265ebe86f95b268e1f59d73b9', 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: 'dfd4f8411c7bb181444a9a8034ae19c6509e9972' }, index.h(table.TableFootRow, { key: 'f97f23407781f236b92714aeaa5f5dee3dd36743' }, index.h(table.TableFootCell, { key: '4b92b54e288bbb0f39b312ac7b0d88dd253add6b', colSpan: this.paymentsTable.columnData.length }, index.h("pagination-menu", { key: 'e3ad51e4d4d96cf38eb4240c01f0077374861b6e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
-    }
-    static get watchers() { return {
-        "pagingParams": ["updateOnPropChange"],
-        "getPayments": ["updateOnPropChange"],
-        "columns": ["updateOnPropChange"]
-    }; }
-};
-
-exports.payments_list_core = PaymentsListCore;

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

@@ -1,50 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-var paymentsStatus = require('./payments-status-Bj_bCKUP.js');
-var utils = require('./utils-BHi4j5rB.js');
-var parts = require('./parts-BXshb_S-.js');
-
-const mapCardBrandToDisplayName = (brand) => {
-    if (!brand)
-        return 'N/A';
-    const brandMap = {
-        'visa': 'VISA',
-        'mastercard': 'Mastercard',
-        'american_express': 'American Express',
-        'discover': 'Discover',
-        'diners_club': 'Diners Club',
-        'jcb': 'JCB',
-        'china_unionpay': 'China UnionPay',
-        'unknown': 'Unknown'
-    };
-    return brandMap[brand.toLowerCase()] || brand;
-};
-const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits,card_brand';
-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")),
-    card_brand: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The brand of the payment method" }, "Card Brand")),
-};
-const paymentTableCells = {
-    created_at: (payment, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, index.h("div", { class: "fw-bold" }, utils.convertToLocal(payment.created_at, { showDisplayDate: true })), index.h("div", { class: "fw-bold" }, utils.convertToLocal(payment.created_at, { showTime: true })))),
-    amount: (payment, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payment.formattedPaymentAmount(payment.amount))),
-    status: (payment, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, paymentsStatus.MapPaymentStatusToBadge(payment.status))),
-    payment_type: (payment, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payment.payment_type)),
-    description: (payment, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payment.description)),
-    payers_name: (payment, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payment.payers_name)),
-    last_four_digits: (payment, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payment.last_four_digits)),
-    card_brand: (payment, index$1) => {
-        var _a, _b;
-        return (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, mapCardBrandToDisplayName(((_a = payment.payment_method.card) === null || _a === void 0 ? void 0 : _a.brand) || ((_b = payment.payment_method.bank_account) === null || _b === void 0 ? void 0 : _b.brand))));
-    },
-};
-
-exports.defaultColumnsKeys = defaultColumnsKeys;
-exports.paymentTableCells = paymentTableCells;
-exports.paymentTableColumns = paymentTableColumns;

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

@@ -1,89 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-var utils = require('./utils-BHi4j5rB.js');
-var utils$1 = require('./utils-8RGQVADu.js');
-var button = require('./button-CR9Rl1-o.js');
-var styledHost = require('./styled-host-DAi5SuFa.js');
-require('./event-types-YOY5TKUN.js');
-var payoutsStatus = require('./payouts-status-DXZ5fl4v.js');
-var skeleton = require('./skeleton-DvRCiQlA.js');
-var badge = require('./badge-GBNtUypt.js');
-require('./dinero-BwNN_k7x.js');
-require('./parts-BXshb_S-.js');
-
-const PayoutDetailsLoading = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "35%", height: "30px" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "70%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "40%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "40%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "80%" }))));
-
-const PayoutDetailsCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.recordClickEvent = index.createEvent(this, "record-click-event", 7);
-        this.enableRecordClick = false;
-        this.loading = true;
-        this.errorMessage = null;
-        this.downloadCSV = () => {
-            this.getPayoutCSV({
-                payoutId: this.payout.id,
-                onError: ({ error, code, severity }) => {
-                    this.errorMessage = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity,
-                    });
-                },
-            });
-        };
-        this.handleRecordClick = (id) => {
-            this.recordClickEvent.emit({
-                id,
-                type: 'account'
-            });
-        };
-    }
-    componentWillLoad() {
-        if (this.getPayout) {
-            this.fetchData();
-        }
-    }
-    getPayoutWatcher() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayout({
-            onSuccess: (payout) => {
-                this.errorMessage = null;
-                this.payout = payout;
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    message: error,
-                    errorCode: code,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    formatMethod(deliveryMethod) {
-        if (deliveryMethod === "ach")
-            return "ACH";
-        return utils.capitalizeFirstLetter(deliveryMethod);
-    }
-    render() {
-        var _a;
-        return (index.h(styledHost.StyledHost, { key: '5331ce4651dd61c74b44010b88f272db42bbac16' }, this.loading && index.h(PayoutDetailsLoading, { key: '09f7bfcf6a4b9f34a9ef6f2600c4f3755b4abe84' }), !this.loading && this.errorMessage && utils$1.ErrorState(this.errorMessage), !this.loading && this.payout && (index.h("justifi-details", { key: 'd76eaca9611e7c03d6d7d90d5bfcdc951cc626da', errorMessage: this.errorMessage }, index.h(utils$1.EntityHeadInfo, { key: '099f51fbdb7a97e0d894437a945822d71973d322', slot: "head-info", badge: (index.h("div", { class: "d-flex gap-1" }, payoutsStatus.MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (index.h(badge.Badge, { variant: badge.BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (index.h(badge.Badge, { variant: badge.BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, index.h(utils$1.EntityHeadInfoItem, { key: '214a3726416272452258345d04d05792ad90115c', classes: "border-1 border-end", title: "Updated At", value: `${utils.formatDate(this.payout.updated_at)} ${utils.formatTime(this.payout.updated_at)}` }), index.h(utils$1.EntityHeadInfoItem, { key: '9b6354d8a9e4b0eeec25a98047a0ab0748a5a3a2', classes: "border-1 border-end", title: "Created At", value: `${utils.formatDate(this.payout.created_at)} ${utils.formatTime(this.payout.created_at)}` }), index.h(utils$1.EntityHeadInfoItem, { key: '91a07437ba0c01c1ff8d65309bfac5d2376fd693', title: "ID", value: this.payout.id }), index.h("div", { key: 'e73f76a1d3c6027eefe17ab1312948cdd5e1a958', class: "m-4" }, index.h(button.Button, { key: 'e64df6ed69aa41984a42ceda86fa3636fd90c6e8', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), index.h("div", { key: 'f95c3ab2d35aaf44577aafd63d8179e8de592b58', slot: 'detail-sections' }, index.h(utils$1.DetailSectionTitle, { key: 'd0aae2552c2dc391d3b15971aa894a484fccbc2b', sectionTitle: "Details" }), index.h("div", { key: '22fee577f33a1e004d41ac81b478201637d96637', class: "d-flex flex-column gap-2 w-100" }, index.h(utils$1.DetailItem, { key: 'd9bec4d7732334c2434b1e22954f85ad4a7af5d3', title: "Date paid", value: utils.formatDate(this.payout.deposits_at) }), index.h(utils$1.DetailItem, { key: '9e5fed1e45d2a532102bd47209036faddd38158e', title: "Statement Description", value: this.payout.description }), index.h(utils$1.DetailItem, { key: '5313693f696e36f850b9f606ab9de8e4d24a0372', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), index.h(utils$1.DetailItem, { key: '101f2d983df8e548391dc762ea06ed0c5979e466', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), index.h(utils$1.DetailItem, { key: '900b5dd485dd8b9ff6e5e49261afe742406c3f4c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), index.h(utils$1.DetailSectionTitle, { key: 'ba09532b05fe7c3ef19f80908966a2ed1aec753c', sectionTitle: "Account" }), index.h("div", { key: '1322b4fb4868fbbad73a23ac534a66848e34e135', class: "d-flex flex-column gap-2 w-100" }, index.h(utils$1.DetailItem, { key: '87e877e09482023959e09fdb30e1c339ecc195ef', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), index.h(utils$1.DetailItem, { key: '3457500267dc994aad32c675544fe6adc599c114', title: "Account Type", value: this.payout.bank_account.account_type }), index.h(utils$1.DetailItem, { key: '32204b3a5448f2ad9c6cc3cfd621fe8076051f4b', title: "Institution", value: this.payout.bank_account.account_type }), index.h(utils$1.DetailItem, { key: '87d31d5a177a5da328e653ea036ae16ec66838e3', title: "Routing Number", value: this.payout.bank_account.routing_number }), index.h(utils$1.DetailItem, { key: '12b7c34a74afe9e54516f19d6ec5b344bf84b74f', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            index.h(utils$1.DetailSectionTitle, { key: '73d264aa4b0e2fe8d980246dc35d78c350cf1c85', sectionTitle: 'Metadata' }),
-            index.h("div", { key: 'c405ec9594ddc8eb474f75837e4d5ef1b81f786b', class: "d-table gap-2 w-100" }, index.h(utils$1.CodeBlock, { key: 'bfff7ebf154e20f3c35fb415de21ed80eb6f4ae9', metadata: this.payout.metadata }))
-        ])))));
-    }
-    static get watchers() { return {
-        "getPayout": ["getPayoutWatcher"]
-    }; }
-};
-
-exports.payout_details_core = PayoutDetailsCore;

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

@@ -1,162 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-require('./config-state-BIgGhhe9.js');
-require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-DAigb4JE.js');
-var Pagination = require('./Pagination-Dediz133.js');
-require('./Business-oBifyXkW.js');
-require('./Dispute-CruQTF6_.js');
-var table = require('./table-DjbNv28p.js');
-var eventTypes = require('./event-types-YOY5TKUN.js');
-var payoutsTable = require('./payouts-table-Dex2W8r1.js');
-var payoutsListParamsState = require('./payouts-list-params-state-vGJZ6Oe2.js');
-require('./index-W-zoNiyM.js');
-require('./utils-BHi4j5rB.js');
-require('./parts-BXshb_S-.js');
-require('./spinner-C6ZGOB2P.js');
-require('./payouts-status-DXZ5fl4v.js');
-require('./badge-GBNtUypt.js');
-
-const PayoutsListCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.payouts = [];
-        this.subAccounts = [];
-        this.loading = true;
-        this.paging = Pagination.pagingDefaults;
-        this.pagingParams = {};
-        this.downloadCSV = (payoutId) => {
-            this.getPayoutCSV({
-                payoutId,
-                onError: () => {
-                    this.errorEvent.emit({
-                        errorCode: Plaid.ComponentErrorCodes.FETCH_ERROR,
-                        message: 'Failed to download CSV',
-                        severity: Plaid.ComponentErrorSeverity.ERROR,
-                    });
-                },
-            });
-        };
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.next });
-        };
-        this.rowClickHandler = (e) => {
-            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 });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.payoutsTable = new table.Table(this.payouts, this.columns, payoutsTable.payoutTableColumns, payoutsTable.payoutTableCells(this.downloadCSV));
-        if (this.getPayouts && this.getSubAccounts) {
-            this.fetchData();
-        }
-        payoutsListParamsState.onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-        });
-        payoutsListParamsState.onQueryParamsChange('reset', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayouts({
-            params: this.payoutParams,
-            onSuccess: ({ payouts, pagingInfo }) => {
-                this.payouts = payouts;
-                this.paging = pagingInfo;
-                this.payoutsTable.collectionData = this.payouts;
-                const shouldFetchSubAccounts = this.payoutsTable.columnKeys.includes('sub_account_name');
-                if (shouldFetchSubAccounts) {
-                    this.fetchSubAccounts();
-                }
-                else {
-                    this.loading = false;
-                }
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    async fetchSubAccounts() {
-        this.getSubAccounts({
-            params: this.subAccountParams,
-            onSuccess: ({ subAccounts }) => {
-                this.subAccounts = subAccounts;
-                this.payouts = this.payouts.map((payout) => {
-                    var _a;
-                    payout.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === payout.account_id)) === null || _a === void 0 ? void 0 : _a.name;
-                    return payout;
-                });
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    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);
-        let uniqueAccountIds = [...new Set(accountIdNumbers)];
-        let accountIdString = uniqueAccountIds.join(',');
-        return { sub_account_id: accountIdString };
-    }
-    get entityId() {
-        return this.payouts.map((payout) => payout.id);
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.payoutsTable.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState && !this.loading;
-    }
-    render() {
-        return (index.h(table.TableWrapper, { key: '80772a12f138c9906749887058f49079ab857b6a' }, index.h(table.TableComponent, { key: '4ed3a5f0773518df02e003790885825e6c8bf0bd' }, index.h(table.TableHead, { key: 'a3ae17b83b6e90b6dc7558a45983550b2fb674f2' }, index.h(table.TableHeadRow, { key: '5bda85f446fb33e71c2982722162ac46547bb5f3' }, this.payoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '4188485efb53c82422c23d11aa133a071d5d9bfe' }, index.h(table.TableLoadingState, { key: '27aa3602348859491c7badcceb031176a35fa0c9', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: 'f2b225ebe95336f28d6782e18840a94434231ecf', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'ac5cc1731b9e08ef3d636ec24a47e64b34e3469e', 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: '2dc513bfc54becb7e9ce21bed9380271a8b7ee40' }, index.h(table.TableFootRow, { key: 'e6b3e957d63914752853bacfd78a18e5edd50eb9' }, index.h(table.TableFootCell, { key: 'd1821d41d39bbccc0c0b535a02c490f81c91c634', colSpan: this.payoutsTable.columnData.length }, index.h("pagination-menu", { key: 'f5e770c21ebfc032d6147d7a49cfaad1cae053a9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
-    }
-    static get watchers() { return {
-        "pagingParams": ["updateOnPropChange"],
-        "getPayouts": ["updateOnPropChange"],
-        "getSubAccounts": ["updateOnPropChange"]
-    }; }
-};
-
-exports.payouts_list_core = PayoutsListCore;

package/dist/cjs/payouts-table-Dex2W8r1.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-var utils = require('./utils-BHi4j5rB.js');
-var payoutsStatus = require('./payouts-status-DXZ5fl4v.js');
-var parts = require('./parts-BXshb_S-.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: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, index.h("div", { class: "fw-bold" }, utils.convertToLocal(payout.created_at, { showDisplayDate: true })))),
-    sub_account_name: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payout.sub_account_name)),
-    payments_total: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payout.formattedPaymentAmount(payout.payments_total))),
-    refunds_total: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payout.formattedPaymentAmount(payout.refunds_total))),
-    fees_total: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payout.formattedPaymentAmount(payout.fees_total))),
-    other_total: (payout, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, payout.formattedPaymentAmount(payout.other_total))),
-    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.id); } }, "CSV"))),
-});
-
-exports.defaultColumnsKeys = defaultColumnsKeys;
-exports.payoutTableCells = payoutTableCells;
-exports.payoutTableColumns = payoutTableColumns;

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

@@ -1,146 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-require('./config-state-BIgGhhe9.js');
-require('./dinero-BwNN_k7x.js');
-require('./Plaid-DAigb4JE.js');
-var Pagination = require('./Pagination-Dediz133.js');
-require('./Business-oBifyXkW.js');
-require('./Dispute-CruQTF6_.js');
-var table = require('./table-DjbNv28p.js');
-var eventTypes = require('./event-types-YOY5TKUN.js');
-var terminalsTable = require('./terminals-table-DmnAuog5.js');
-var terminalsListParamsState = require('./terminals-list-params-state-vGJZ6Oe2.js');
-require('./index-W-zoNiyM.js');
-require('./utils-BHi4j5rB.js');
-require('./parts-BXshb_S-.js');
-require('./spinner-C6ZGOB2P.js');
-require('./badge-GBNtUypt.js');
-
-const TerminalsListCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.terminals = [];
-        this.subAccounts = [];
-        this.loading = true;
-        this.paging = Pagination.pagingDefaults;
-        this.pagingParams = {};
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.next });
-        };
-        this.rowClickHandler = (e) => {
-            const clickedTerminalID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedTerminalID)
-                return;
-            const terminalData = this.terminals.find((terminal) => terminal.id === clickedTerminalID);
-            this.clickEvent.emit({ name: eventTypes.TableClickActions.row, data: terminalData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.terminalsTable = new table.Table(this.terminals, this.columns, terminalsTable.terminalTableColumns, terminalsTable.terminalTableCells);
-        if (this.getTerminals && this.getSubAccounts) {
-            this.fetchData();
-        }
-        terminalsListParamsState.onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-        });
-        terminalsListParamsState.onQueryParamsChange('reset', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-    }
-    fetchData() {
-        this.loading = true;
-        this.getTerminals({
-            params: this.terminalParams,
-            onSuccess: async ({ terminals, pagingInfo }) => {
-                this.terminals = terminals;
-                this.paging = pagingInfo;
-                this.terminalsTable.collectionData = this.terminals;
-                const shouldFetchSubAccounts = this.terminalsTable.columnKeys.includes('sub_account_name');
-                if (shouldFetchSubAccounts) {
-                    await this.fetchSubAccounts();
-                }
-                else {
-                    this.loading = false;
-                }
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    async fetchSubAccounts() {
-        this.getSubAccounts({
-            params: this.subAccountParams,
-            onSuccess: ({ subAccounts }) => {
-                this.subAccounts = subAccounts;
-                this.terminals = this.terminals.map((terminal) => {
-                    var _a;
-                    terminal.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === terminal.account_id)) === null || _a === void 0 ? void 0 : _a.name;
-                    return terminal;
-                });
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    get terminalParams() {
-        const requestParams = terminalsListParamsState.getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
-    get subAccountParams() {
-        let accountIdNumbers = this.terminals.map((terminal) => terminal.account_id);
-        let uniqueAccountIds = [...new Set(accountIdNumbers)];
-        let accountIdString = uniqueAccountIds.join(',');
-        return { sub_account_id: accountIdString };
-    }
-    get entityId() {
-        return this.terminals.map((terminal) => terminal.id);
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.terminalsTable.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState && !this.loading;
-    }
-    render() {
-        return (index.h(table.TableWrapper, { key: '247655a3f6f3e1f0065bfca813db88febceefad7' }, index.h(table.TableComponent, { key: '4ba562f1862cb5ae9cb9a0f2be29d9ddff3f45d8' }, index.h(table.TableHead, { key: 'e47c7f2b007075105454c200b80d5263fcbab1fd' }, index.h(table.TableHeadRow, { key: '448803e4554e98be3edb30f52fd136a693e536c6' }, this.terminalsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '73923048cf5607aa1fcb9f43b93b76fda3077d71' }, index.h(table.TableLoadingState, { key: '3b09f705def14b2c145f14d0d692358431b1f98f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '4386cd03124e4c0274e5121c09888e988dfd30c8', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a933699155dd46b837a0ceabf7aba828d057a240', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '0c3549e13b76ea577cabcb84628d593a720b2bf4' }, index.h(table.TableFootRow, { key: '360fd35d69ba096577e6ba017c7d8b50934cf405' }, index.h(table.TableFootCell, { key: 'a563dd980e687fb35fe59c7102dcc3c56c0c69fa', colSpan: this.terminalsTable.columnData.length }, index.h("pagination-menu", { key: 'db86ccf6bfde5279491631e3e1a0ed2bea28d41d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
-    }
-    static get watchers() { return {
-        "pagingParams": ["updateOnPropChange"],
-        "getTerminals": ["updateOnPropChange"],
-        "getSubAccounts": ["updateOnPropChange"],
-        "columns": ["updateOnPropChange"]
-    }; }
-};
-
-exports.terminals_list_core = TerminalsListCore;