@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

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

@@ -1,87 +0,0 @@
-import { h, r as registerInstance, c as createEvent } from './index-CV0Pyo1O.js';
-import { h as capitalizeFirstLetter, d as formatDate, b as formatTime } from './utils-De6tr4ug.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-DJOBwFeP.js';
-import { B as Button } from './button-B-Agn8yQ.js';
-import { S as StyledHost } from './styled-host-D6byRazK.js';
-import './event-types-CZfYo5-1.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-CGZRMu-q.js';
-import { S as Skeleton } from './skeleton-DV6yJalo.js';
-import { a as Badge, B as BadgeVariant } from './badge-B_DdhQ3Q.js';
-import './dinero-HXpYMWUU.js';
-import './parts-D50Rx76J.js';
-
-const PayoutDetailsLoading = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "35%", height: "30px" })), h("div", { class: "col-12" }, h(Skeleton, { width: "70%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "80%" }))));
-
-const PayoutDetailsCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.recordClickEvent = 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 capitalizeFirstLetter(deliveryMethod);
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: '5331ce4651dd61c74b44010b88f272db42bbac16' }, this.loading && h(PayoutDetailsLoading, { key: '09f7bfcf6a4b9f34a9ef6f2600c4f3755b4abe84' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'd76eaca9611e7c03d6d7d90d5bfcdc951cc626da', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '099f51fbdb7a97e0d894437a945822d71973d322', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '214a3726416272452258345d04d05792ad90115c', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9b6354d8a9e4b0eeec25a98047a0ab0748a5a3a2', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '91a07437ba0c01c1ff8d65309bfac5d2376fd693', title: "ID", value: this.payout.id }), h("div", { key: 'e73f76a1d3c6027eefe17ab1312948cdd5e1a958', class: "m-4" }, h(Button, { key: 'e64df6ed69aa41984a42ceda86fa3636fd90c6e8', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'f95c3ab2d35aaf44577aafd63d8179e8de592b58', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'd0aae2552c2dc391d3b15971aa894a484fccbc2b', sectionTitle: "Details" }), h("div", { key: '22fee577f33a1e004d41ac81b478201637d96637', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'd9bec4d7732334c2434b1e22954f85ad4a7af5d3', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '9e5fed1e45d2a532102bd47209036faddd38158e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '5313693f696e36f850b9f606ab9de8e4d24a0372', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '101f2d983df8e548391dc762ea06ed0c5979e466', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '900b5dd485dd8b9ff6e5e49261afe742406c3f4c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'ba09532b05fe7c3ef19f80908966a2ed1aec753c', sectionTitle: "Account" }), h("div", { key: '1322b4fb4868fbbad73a23ac534a66848e34e135', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '87e877e09482023959e09fdb30e1c339ecc195ef', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '3457500267dc994aad32c675544fe6adc599c114', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '32204b3a5448f2ad9c6cc3cfd621fe8076051f4b', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '87d31d5a177a5da328e653ea036ae16ec66838e3', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '12b7c34a74afe9e54516f19d6ec5b344bf84b74f', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '73d264aa4b0e2fe8d980246dc35d78c350cf1c85', sectionTitle: 'Metadata' }),
-            h("div", { key: 'c405ec9594ddc8eb474f75837e4d5ef1b81f786b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'bfff7ebf154e20f3c35fb415de21ed80eb6f4ae9', metadata: this.payout.metadata }))
-        ])))));
-    }
-    static get watchers() { return {
-        "getPayout": ["getPayoutWatcher"]
-    }; }
-};
-
-export { PayoutDetailsCore as payout_details_core };

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

@@ -1,160 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import './config-state-kKn89dp1.js';
-import './dinero-HXpYMWUU.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid-BMnuSHeX.js';
-import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-Deugl8h5.js';
-import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-CbzI90ci.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-CiGfmyWW.js';
-import './index-cDVGjRkU.js';
-import './utils-De6tr4ug.js';
-import './parts-D50Rx76J.js';
-import './spinner--fEgBBOG.js';
-import './payouts-status-CGZRMu-q.js';
-import './badge-B_DdhQ3Q.js';
-
-const PayoutsListCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.payouts = [];
-        this.subAccounts = [];
-        this.loading = true;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
-        this.downloadCSV = (payoutId) => {
-            this.getPayoutCSV({
-                payoutId,
-                onError: () => {
-                    this.errorEvent.emit({
-                        errorCode: ComponentErrorCodes.FETCH_ERROR,
-                        message: 'Failed to download CSV',
-                        severity: ComponentErrorSeverity.ERROR,
-                    });
-                },
-            });
-        };
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: 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: TableClickActions.row, data: payoutData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.payoutsTable = new Table(this.payouts, this.columns, payoutTableColumns, payoutTableCells(this.downloadCSV));
-        if (this.getPayouts && this.getSubAccounts) {
-            this.fetchData();
-        }
-        onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-        });
-        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 = 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 (h(TableWrapper, { key: '80772a12f138c9906749887058f49079ab857b6a' }, h(TableComponent, { key: '4ed3a5f0773518df02e003790885825e6c8bf0bd' }, h(TableHead, { key: 'a3ae17b83b6e90b6dc7558a45983550b2fb674f2' }, h(TableHeadRow, { key: '5bda85f446fb33e71c2982722162ac46547bb5f3' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '4188485efb53c82422c23d11aa133a071d5d9bfe' }, h(TableLoadingState, { key: '27aa3602348859491c7badcceb031176a35fa0c9', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f2b225ebe95336f28d6782e18840a94434231ecf', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ac5cc1731b9e08ef3d636ec24a47e64b34e3469e', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '2dc513bfc54becb7e9ce21bed9380271a8b7ee40' }, h(TableFootRow, { key: 'e6b3e957d63914752853bacfd78a18e5edd50eb9' }, h(TableFootCell, { key: 'd1821d41d39bbccc0c0b535a02c490f81c91c634', colSpan: this.payoutsTable.columnData.length }, 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"]
-    }; }
-};
-
-export { PayoutsListCore as payouts_list_core };

package/dist/esm/payouts-table-CbzI90ci.js

@@ -1,30 +0,0 @@
-import { h } from './index-CV0Pyo1O.js';
-import { a as convertToLocal } from './utils-De6tr4ug.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-CGZRMu-q.js';
-import { q as tableHeadCell, u as getAlternateTableCellPart } from './parts-D50Rx76J.js';
-
-const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
-const payoutTableColumns = {
-    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date the payout was deposited" }, "Created")),
-    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the payout" }, "Sub Account")),
-    payments_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total payments amount associated with the payout" }, "Payments")),
-    refunds_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total refunds amount associated with the payout" }, "Refunds")),
-    fees_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total fees amount associated with the payout" }, "Fees")),
-    other_total: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total other amount" }, "Other")),
-    amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The total amount of the payout" }, "Amount")),
-    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The real-time status of each payout" }, "Status")),
-    csv: () => (h("th", { part: tableHeadCell, scope: "col", title: "Export CSV" })),
-};
-const payoutTableCells = (downloadCSV) => ({
-    created_at: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(payout.created_at, { showDisplayDate: true })))),
-    sub_account_name: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.sub_account_name)),
-    payments_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.payments_total))),
-    refunds_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.refunds_total))),
-    fees_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.fees_total))),
-    other_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.other_total))),
-    amount: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.amount))),
-    status: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapPayoutStatusToBadge(payout.status))),
-    csv: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout.id); } }, "CSV"))),
-});
-
-export { payoutTableCells as a, defaultColumnsKeys as d, payoutTableColumns as p };

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

@@ -1,144 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import './config-state-kKn89dp1.js';
-import './dinero-HXpYMWUU.js';
-import './Plaid-BMnuSHeX.js';
-import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-Deugl8h5.js';
-import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-Bja7MP5H.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state-CiGfmyWW.js';
-import './index-cDVGjRkU.js';
-import './utils-De6tr4ug.js';
-import './parts-D50Rx76J.js';
-import './spinner--fEgBBOG.js';
-import './badge-B_DdhQ3Q.js';
-
-const TerminalsListCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.terminals = [];
-        this.subAccounts = [];
-        this.loading = true;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: 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: TableClickActions.row, data: terminalData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
-        if (this.getTerminals && this.getSubAccounts) {
-            this.fetchData();
-        }
-        onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-        });
-        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 = 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 (h(TableWrapper, { key: '247655a3f6f3e1f0065bfca813db88febceefad7' }, h(TableComponent, { key: '4ba562f1862cb5ae9cb9a0f2be29d9ddff3f45d8' }, h(TableHead, { key: 'e47c7f2b007075105454c200b80d5263fcbab1fd' }, h(TableHeadRow, { key: '448803e4554e98be3edb30f52fd136a693e536c6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '73923048cf5607aa1fcb9f43b93b76fda3077d71' }, h(TableLoadingState, { key: '3b09f705def14b2c145f14d0d692358431b1f98f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4386cd03124e4c0274e5121c09888e988dfd30c8', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'a933699155dd46b837a0ceabf7aba828d057a240', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '0c3549e13b76ea577cabcb84628d593a720b2bf4' }, h(TableFootRow, { key: '360fd35d69ba096577e6ba017c7d8b50934cf405' }, h(TableFootCell, { key: 'a563dd980e687fb35fe59c7102dcc3c56c0c69fa', colSpan: this.terminalsTable.columnData.length }, 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"]
-    }; }
-};
-
-export { TerminalsListCore as terminals_list_core };

package/dist/esm/terminals-table-Bja7MP5H.js

@@ -1,60 +0,0 @@
-import { h } from './index-CV0Pyo1O.js';
-import { B as BadgeVariant, a as Badge } from './badge-B_DdhQ3Q.js';
-import { q as tableHeadCell, u as getAlternateTableCellPart } from './parts-D50Rx76J.js';
-import { e as capitalFirstLetter } from './utils-De6tr4ug.js';
-
-const MapTerminalStatusToBadge = (status) => {
-    const statusToBadgeProps = {
-        connected: {
-            variant: BadgeVariant.SUCCESS,
-            title: 'This terminal is connected',
-            text: 'Connected',
-        },
-        disconnected: {
-            variant: BadgeVariant.DANGER,
-            title: 'This terminal is disconnected',
-            text: 'Disconnected',
-        },
-        unknown: {
-            variant: BadgeVariant.SECONDARY,
-            title: 'The status of this terminal is unknown',
-            text: 'Unknown',
-        },
-        pending_configuration: {
-            variant: BadgeVariant.WARNING,
-            title: 'This terminal is pending configuration',
-            text: 'Pending configuration',
-        },
-        archived: {
-            variant: BadgeVariant.SECONDARY,
-            title: 'This terminal is archived',
-            text: 'Archived',
-        }
-    };
-    const badgeProps = statusToBadgeProps[status];
-    return h(Badge, Object.assign({}, badgeProps));
-};
-
-const defaultColumnsKeys = 'nickname,provider_serial_number,status';
-const terminalTableColumns = {
-    nickname: () => (h("th", { part: tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    model_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The model name of the terminal" }, "Model Name")),
-    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The ID of the terminal" }, "ID")),
-    provider: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider of the terminal" }, "Provider")),
-    provider_serial_number: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number of the terminal" }, "Serial Number")),
-    device_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The device/provider ID of the terminal" }, "Device ID")),
-    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
-    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
-};
-const terminalTableCells = {
-    nickname: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.nickname)),
-    model_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.model_name)),
-    id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.id)),
-    provider: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, capitalFirstLetter(terminal.provider))),
-    provider_serial_number: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_serial_number)),
-    device_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
-    sub_account_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.sub_account_name)),
-    status: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalStatusToBadge(terminal.status))),
-};
-
-export { terminalTableCells as a, defaultColumnsKeys as d, terminalTableColumns as t };

package/dist/module/business-details-core.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BusinessDetailsCore extends Components.BusinessDetailsCore, HTMLElement {}
-export const BusinessDetailsCore: {
-    prototype: BusinessDetailsCore;
-    new (): BusinessDetailsCore;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/module/business-details-core.js

@@ -1,6 +0,0 @@
-import { B as BusinessDetailsCore$1, d as defineCustomElement$1 } from './business-details-core2.js';
-
-const BusinessDetailsCore = BusinessDetailsCore$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BusinessDetailsCore, defineCustomElement };

package/dist/module/business-details-core2.js

@@ -1,117 +0,0 @@
-import { h, Fragment, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { E as ErrorState } from './utils.js';
-import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$4 } from './justifi-details2.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { S as Skeleton } from './skeleton.js';
-import { d as defineCustomElement$6 } from './additional-questions-details2.js';
-import { d as defineCustomElement$5 } from './core-info-details2.js';
-import { d as defineCustomElement$3 } from './legal-address-details2.js';
-import { d as defineCustomElement$2 } from './owner-details2.js';
-import { d as defineCustomElement$1 } from './representative-details2.js';
-
-const BusinessDetailsLoading = () => {
-    const Block = () => (h("div", { class: "mt-5" }, h(Skeleton, { width: "40%", height: "1.5rem" }), h("hr", null), h("div", { class: "row g-3" }, h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)), h("div", { class: "col-12 col-md-6" }, h(Skeleton, null), h(Skeleton, null), h(Skeleton, null)))));
-    return (h(Fragment, null, h(Block, null), h(Block, null), h(Block, null), h(Block, null)));
-};
-
-var RENDER_STATES;
-(function (RENDER_STATES) {
-    RENDER_STATES["LOADING"] = "loading";
-    RENDER_STATES["READY"] = "ready";
-    RENDER_STATES["ERROR"] = "error";
-})(RENDER_STATES || (RENDER_STATES = {}));
-const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetailsCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.renderState = RENDER_STATES.LOADING;
-    }
-    async componentWillLoad() {
-        if (this.getBusiness) {
-            this.fetchData();
-        }
-    }
-    fetchData() {
-        this.renderState = RENDER_STATES.LOADING;
-        this.getBusiness({
-            onSuccess: ({ business }) => {
-                this.business = business;
-                this.renderState = RENDER_STATES.READY;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.renderState = RENDER_STATES.ERROR;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    render() {
-        if (this.renderState === RENDER_STATES.LOADING) {
-            return (h(StyledHost, null, h(BusinessDetailsLoading, null)));
-        }
-        if (this.renderState === RENDER_STATES.ERROR) {
-            return h(StyledHost, null, ErrorState(this.errorMessage));
-        }
-        return (h(StyledHost, null, h("justifi-details", { errorMessage: this.errorMessage }, h("div", { slot: 'detail-sections' }, h("core-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })))));
-    }
-}, [256, "business-details-core", {
-        "getBusiness": [16],
-        "business": [32],
-        "renderState": [32],
-        "errorMessage": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["business-details-core", "additional-questions-details", "core-info-details", "justifi-details", "legal-address-details", "owner-details", "representative-details"];
-    components.forEach(tagName => { switch (tagName) {
-        case "business-details-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessDetailsCore);
-            }
-            break;
-        case "additional-questions-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "core-info-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "legal-address-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "owner-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "representative-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { BusinessDetailsCore as B, defineCustomElement as d };

package/dist/module/get-payout-csv.js

@@ -1,22 +0,0 @@
-import { C as ComponentErrorSeverity } from './Plaid.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
-
-const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
-    try {
-        const { data } = await service.fetchCSV(payoutId, authToken);
-        const a = document.createElement('a');
-        a.href = data.csv_url;
-        a.click();
-    }
-    catch (error) {
-        const errorMessage = getErrorMessage(error);
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        onError({
-            error: errorMessage,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-export { makeGetPayoutCSV as m };