@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/esm/justifi-business-list.entry.js

@@ -1,106 +0,0 @@
-import { r as registerInstance, h } from './index-57431c24.js';
-import { A as Api } from './Api-b09a2f6a.js';
-import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-3e94da9c.js';
-import './Payout-dfe15b00.js';
-import { B as Business } from './Business-e218b4f4.js';
-import { s as snakeCaseToHumanReadable, f as formatDate } from './utils-5f4c4faa.js';
-import { c as config } from './config-476c7241.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
-import './helpers-96ea3464.js';
-import './state-options-a356fb11.js';
-
-const BusinessList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mapProductStatusToBadge = (status) => {
-            return (status && 'bg-success') || 'bg-secondary';
-        };
-        this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor }));
-        };
-        this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor }));
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.businesses = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        var _a;
-        if (!this.accountId || !this.authToken) {
-            this.errorMessage =
-                'Can not fetch any data without an AccountID and an AuthToken';
-            this.loading = false;
-            return;
-        }
-        this.loading = true;
-        const endpoint = `entities/business`;
-        let accountIDParam = { account_id: this.accountId };
-        const response = await Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin })
-            .get(endpoint, Object.assign(Object.assign({}, accountIDParam), this.params));
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Business(dataItem));
-            this.businesses = data;
-        }
-        else {
-            this.errorMessage =
-                typeof response.error === 'string'
-                    ? response.error
-                    : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (h(StyledHost, { key: '7543ea36d336e7ca0e7450d4aee10698e22207f8' }, h("justifi-table", { key: '893dfb6cf957da857bd1290796cc6bbd9e7f1555', columnData: [
-                ['Legal Name', 'The name associated with this Business'],
-                ['Business Classification', 'The business classification'],
-                ['Tax ID', 'The tax ID associated with this business'],
-                ['Industry', 'The industry this business participates in'],
-                [
-                    'Product Ready',
-                    'List of our products that are used by this business',
-                ],
-                ['Created at', 'Date this business was created'],
-            ], rowData: this.businesses.map((business) => [
-                business.legal_name,
-                snakeCaseToHumanReadable(business.classification),
-                business.tax_id,
-                business.industry,
-                {
-                    type: 'inner',
-                    value: `
-                    <div class="d-flex flex-nowrap gap-1">
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.credit)}">Credit</span>
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.insurance)}">Insurance</span>
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.lending)}">Lending</span>
-                      <span class="badge ${this.mapProductStatusToBadge(business.product_categories.payment)}">Payment</span>
-                    </div>
-                  `,
-                },
-                formatDate(business.created_at),
-            ]), loading: this.loading, "error-message": this.errorMessage, params: this.params, paging: Object.assign(Object.assign({}, this.paging), { handleClickNext: this.handleClickNext, handleClickPrevious: this.handleClickPrevious }) })));
-    }
-    static get watchers() { return {
-        "accountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"],
-        "params": ["updateOnPropChange"]
-    }; }
-};
-
-export { BusinessList as justifi_business_list };

package/dist/esm/justifi-payment-balance-transactions.entry.js

@@ -1,82 +0,0 @@
-import { r as registerInstance, h } from './index-57431c24.js';
-import { A as Api } from './Api-b09a2f6a.js';
-import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import { P as PaymentBalanceTransaction } from './Payment-3e94da9c.js';
-import './Payout-dfe15b00.js';
-import { f as formatDate, a as formatTime, s as snakeCaseToHumanReadable, b as formatCurrency } from './utils-5f4c4faa.js';
-import { c as config } from './config-476c7241.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
-
-const PaymentBalanceTransactions = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor }));
-        };
-        this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor }));
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.paymentId = undefined;
-        this.balanceTransactions = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        this.loading = true;
-        if (!this.accountId || !this.paymentId) {
-            this.errorMessage = 'Missing required props: accountId or paymentId';
-            this.loading = false;
-            return;
-        }
-        const endpoint = `account/${this.accountId}/payments/${this.paymentId}/payment_balance_transactions`;
-        const response = await Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint, this.params);
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            this.balanceTransactions = response.data.map(dataItem => new PaymentBalanceTransaction(dataItem));
-        }
-        else {
-            this.errorMessage =
-                typeof response.error === 'string'
-                    ? response.error
-                    : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (h(StyledHost, { key: 'ec76a5bb9d5222491facd9bea6bf5f3c404bb5c4' }, h("justifi-table", { key: 'bfecb9c52a10750e01b2cc82dd5d558cf4e83081', columnData: [
-                ['Processed On', 'The date each transaction occurred'],
-                ['Type', 'The type of each transaction'],
-                ['ID', 'The unique identifier of each transaction'],
-                ['Amout', 'The dollar amount of each transaction'],
-                [
-                    'Balance',
-                    'The running total amount of this payment that belongs to you',
-                ],
-            ], entityId: this.balanceTransactions.map(transaction => transaction.id), rowData: this.balanceTransactions.map(balanceTransaction => [
-                h("div", null, h("div", null, formatDate(balanceTransaction.created_at)), h("div", null, formatTime(balanceTransaction.created_at))),
-                snakeCaseToHumanReadable(balanceTransaction.payment_balance_txn_type),
-                balanceTransaction.payment_id,
-                formatCurrency(balanceTransaction.amount),
-                formatCurrency(balanceTransaction.balance),
-            ]), loading: this.loading, "error-message": this.errorMessage, params: this.params, paging: Object.assign(Object.assign({}, this.paging), { handleClickNext: this.handleClickNext, handleClickPrevious: this.handleClickPrevious }) })));
-    }
-    static get watchers() { return {
-        "params": ["updateOnPropChange"]
-    }; }
-};
-
-export { PaymentBalanceTransactions as justifi_payment_balance_transactions };

package/dist/esm/justifi-proceeds-list.entry.js

@@ -1,155 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { A as Api } from './Api-b09a2f6a.js';
-import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-3e94da9c.js';
-import './Payout-dfe15b00.js';
-import { f as formatDate, b as formatCurrency } from './utils-5f4c4faa.js';
-import { c as config } from './config-476c7241.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
-
-var ProceedStatuses;
-(function (ProceedStatuses) {
-    ProceedStatuses["paid"] = "paid";
-    ProceedStatuses["failed"] = "failed";
-    ProceedStatuses["forwarded"] = "forwarded";
-    ProceedStatuses["scheduled"] = "scheduled";
-    ProceedStatuses["in_transit"] = "in_transit";
-    ProceedStatuses["canceled"] = "canceled";
-})(ProceedStatuses || (ProceedStatuses = {}));
-var ProceedStatusesSafeNames;
-(function (ProceedStatusesSafeNames) {
-    ProceedStatusesSafeNames["paid"] = "Paid";
-    ProceedStatusesSafeNames["failed"] = "Failed";
-    ProceedStatusesSafeNames["forwarded"] = "Forwarded";
-    ProceedStatusesSafeNames["scheduled"] = "Scheduled";
-    ProceedStatusesSafeNames["in_transit"] = "In Transit";
-    ProceedStatusesSafeNames["canceled"] = "Canceled";
-})(ProceedStatusesSafeNames || (ProceedStatusesSafeNames = {}));
-class Proceed {
-    constructor(payout) {
-        this.id = payout.id;
-        this.account_id = payout.account_id;
-        this.amount = payout.amount;
-        this.bank_account = payout.bank_account;
-        this.currency = payout.currency;
-        this.delivery_method = payout.delivery_method || 'standard';
-        this.description = payout.description;
-        this.deposits_at = payout.deposits_at;
-        this.fees_total = payout.fees_total;
-        this.refunds_count = payout.refunds_count;
-        this.refunds_total = payout.refunds_total;
-        this.payments_count = payout.payments_count;
-        this.payments_total = payout.payments_total;
-        this.payout_type = payout.payout_type;
-        this.other_total = payout.other_total;
-        this.status = payout.status;
-        this.metadata = payout.metadata;
-        this.created_at = payout.created_at;
-        this.updated_at = payout.updated_at;
-    }
-}
-
-const ProceedsList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.rowClicked = createEvent(this, "proceed-row-clicked", 7);
-        this.mapStatusToBadge = (status) => {
-            switch (status) {
-                case ProceedStatuses.scheduled:
-                    return `<span class="badge bg-primary" title='Batched and scheduled to be transferred'>${ProceedStatusesSafeNames[status]}</span>`;
-                case ProceedStatuses.in_transit:
-                    return `<span class="badge bg-primary" title='Transfer to your bank account has been initiated'>${ProceedStatusesSafeNames[status]}</span>`;
-                case ProceedStatuses.failed:
-                    return `<span class="badge bg-danger" title='Transfer to your bank account failed'>${ProceedStatusesSafeNames[status]}</span>`;
-                case ProceedStatuses.canceled:
-                    return `<span class="badge bg-danger" title='Transfer to your bank account failed'>${ProceedStatusesSafeNames[status]}</span>`;
-                case ProceedStatuses.forwarded:
-                    return `<span class="badge bg-secondary" title='This payout initially failed; the funds have been forwarded to your next successful batch of proceeds'>${ProceedStatusesSafeNames[status]}</span>`;
-                case ProceedStatuses.paid:
-                    return `<span class="badge bg-success" title='Successfully deposited into your bank account'>${ProceedStatusesSafeNames[status]}</span>`;
-            }
-        };
-        this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor }));
-        };
-        this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor }));
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.proceeds = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        var _a;
-        if (!this.accountId || !this.authToken) {
-            this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
-            this.loading = false;
-            return;
-        }
-        this.loading = true;
-        const endpoint = `account/${this.accountId}/proceeds`;
-        const response = await Api({ authToken: this.authToken, apiOrigin: config.privateApiOrigin })
-            .get(endpoint, this.params);
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            const data = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.map(dataItem => new Proceed(dataItem));
-            this.proceeds = data;
-        }
-        else {
-            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (h(StyledHost, { key: 'ea9ee482e1b439490ed258c37e75c47e5dc5f3bf' }, h("justifi-table", { key: 'a26da8b6e884e00bc0a8eac24025397fdc925d14', rowClickHandler: (e) => {
-                const clickedProceedID = e.target.closest('tr').dataset.rowEntityId;
-                if (!clickedProceedID) {
-                    return;
-                }
-                this.rowClicked.emit(this.proceeds.find((proceed) => proceed.id === clickedProceedID));
-            }, entityId: this.proceeds.map((proceed) => proceed.id), columnData: [
-                ['Paid Out On', 'The date each batch of proceeds is transferred to your bank account'],
-                ['Paid Out To', 'The bank account to which each payout is sent'],
-                ['From Payments', 'The amount added related to payments in each payout'],
-                ['From Refunds', 'The amount deducted related to refunds in each payout'],
-                ['Other', 'The amount related to less common transactions in each payout (disputes, ACH returns, fee refunds, and forwarded balances due to failed payouts)'],
-                ['Proceeds Amount', 'The net sum of all transactions in each payout. This is the amount you\'ll see reflected on your bank statement.'],
-                ['Status', 'The real-time status of each payout'],
-            ], rowData: this.proceeds.map((proceed) => ([
-                {
-                    type: 'head',
-                    value: formatDate(proceed.deposits_at),
-                },
-                proceed.bank_account.full_name,
-                formatCurrency(proceed.payments_total),
-                formatCurrency(proceed.refunds_total),
-                formatCurrency(proceed.other_total),
-                formatCurrency(proceed.amount),
-                {
-                    type: 'inner',
-                    value: this.mapStatusToBadge(proceed.status)
-                }
-            ])), loading: this.loading, "error-message": this.errorMessage, params: this.params, paging: Object.assign(Object.assign({}, this.paging), { handleClickNext: this.handleClickNext, handleClickPrevious: this.handleClickPrevious }) })));
-    }
-    static get watchers() { return {
-        "accountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"],
-        "params": ["updateOnPropChange"]
-    }; }
-};
-
-export { ProceedsList as justifi_proceeds_list };

package/dist/esm/justifi-skeleton.entry.js

@@ -1,50 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-57431c24.js';
-
-const skeletonCss = "@keyframes pulseAnimation{0%{opacity:0.6}50%{opacity:0.4}100%{opacity:0.6}}";
-const JustifiSkeletonStyle0 = skeletonCss;
-
-const Skeleton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.component = 'div';
-        this.height = undefined;
-        this.width = undefined;
-        this.variant = 'text';
-        this.componentClassName = undefined;
-        this.styles = undefined;
-    }
-    getVariantStyle() {
-        if (this.variant === 'text') {
-            return {
-                marginTop: 0,
-                marginBottom: 0,
-                height: 'auto',
-                transformOrigin: '0 55%',
-                transform: 'scale(1, 0.60)',
-                borderRadius: '4px/6.67px',
-                '::before': {
-                    content: '"\\00a0"',
-                },
-            };
-        }
-        else if (this.variant === 'circular') {
-            return {
-                borderRadius: '50%',
-            };
-        }
-        else if (this.variant === 'rounded') {
-            return {
-                borderRadius: '4px',
-            };
-        }
-        return {};
-    }
-    render() {
-        const TagType = this.component;
-        const combinedStyle = Object.assign(Object.assign(Object.assign({}, this.styles), this.getVariantStyle()), { animation: `pulseAnimation 2s ease-in-out 0.5s infinite`, width: this.width, height: this.height, backgroundColor: 'var(--jfi-skeleton-waveAnimation-bg, #f5f5f5)' });
-        return (h(Host, { key: '26efc1854b82225ebde973c9753c856b5021730c' }, h(TagType, { key: '81a6b8097f3b712eadc111a8d402632d058efe69', class: this.componentClassName, style: combinedStyle })));
-    }
-};
-Skeleton.style = JustifiSkeletonStyle0;
-
-export { Skeleton as justifi_skeleton };

package/dist/esm/justifi-subaccount-details.entry.js

@@ -1,73 +0,0 @@
-import { r as registerInstance, h } from './index-57431c24.js';
-import { A as Api } from './Api-b09a2f6a.js';
-import './Pagination-afc8f96d.js';
-import './Payment-3e94da9c.js';
-import './Payout-dfe15b00.js';
-import { S as SubAccount } from './SubAccount-7fcb1450.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, E as ErrorState, L as LoadingState } from './utils-56719d07.js';
-import { M as MapSubAccountStatusToBadge, f as formatDate, a as formatTime } from './utils-5f4c4faa.js';
-import { c as config } from './config-476c7241.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
-
-const SubaccountDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.accountId = undefined;
-        this.subaccountId = undefined;
-        this.authToken = undefined;
-        this.onboardingData = undefined;
-        this.subaccount = undefined;
-        this.loading = true;
-        this.errorMessage = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchOnboardingData() {
-        const api = Api({ authToken: this.authToken, apiOrigin: '' });
-        const endpoint = `onboarding/${this.subaccountId}`;
-        const response = await api.get(endpoint);
-        if (!response.error) {
-            this.onboardingData = response.data;
-        }
-        else {
-            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
-        }
-    }
-    async fetchSubAccountData() {
-        const api = Api({ authToken: this.authToken, apiOrigin: config.privateApiOrigin });
-        const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;
-        const response = await api.get(endpoint);
-        if (!response.error) {
-            const data = new SubAccount(response.data);
-            this.subaccount = data;
-        }
-        else {
-            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
-        }
-    }
-    async fetchData() {
-        this.loading = true;
-        if (!this.accountId || !this.authToken) {
-            this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
-            this.loading = false;
-            return;
-        }
-        this.fetchSubAccountData();
-        this.fetchOnboardingData();
-        this.loading = false;
-    }
-    render() {
-        var _a, _b;
-        return (h(StyledHost, { key: 'c32b7102406ae9d7f937c3cd9c2e6f213f06aa20' }, this.loading && LoadingState, !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.subaccount && this.onboardingData && (h("justifi-details", { key: '47332420860cecc98cee20a35125834b694306ed' }, h(EntityHeadInfo, { key: '681379f90251d911b8728b79614fd756b4c29d95', slot: 'head-info', badge: h("span", { slot: 'badge', innerHTML: MapSubAccountStatusToBadge(this.subaccount.status) }), title: this.subaccount.name }, h(EntityHeadInfoItem, { key: '9fb12b0fef139e18003e4e7bbdb31c8b3bfce5d3', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}` }), h(EntityHeadInfoItem, { key: 'eaa99f0f68d768d47ad3df05452d23b6311c6d93', classes: "border-1 border-end", title: "Last Updated", value: `${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a819a2a46408cbe283b02c816765092ff502e85c', title: "ID", value: this.subaccount.id })), h("div", { key: '24c3c113b1a06f3f44a777aa69c622f6a5fc2655', slot: 'detail-sections' }, h("subaccount-account-details", { key: 'a953676a158a40a417285cab08ccfcdc7e3c7119', subaccount: this.subaccount, onboardingData: this.onboardingData }), h("subaccount-merchant-details", { key: '0a970cd5b4b29389becd1547cca981f50dc99210', onboardingData: this.onboardingData }), h("subaccount-representative-details", { key: 'f2d5286019bb1cad941282143b646bcbb6a7766b', data: (_a = this.onboardingData.payload) === null || _a === void 0 ? void 0 : _a.representative }), h("subaccount-owners-details", { key: '189ff0cb2fe761921c0e2001cf4eebea33072a73', data: (_b = this.onboardingData.payload) === null || _b === void 0 ? void 0 : _b.owners }))))));
-    }
-    static get watchers() { return {
-        "subaccountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"]
-    }; }
-};
-
-export { SubaccountDetails as justifi_subaccount_details };

package/dist/esm/justifi-subaccounts-list.entry.js

@@ -1,101 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
-import { S as SubAccount } from './SubAccount-7fcb1450.js';
-import { M as MapSubAccountStatusToBadge } from './utils-5f4c4faa.js';
-import { A as Api } from './Api-b09a2f6a.js';
-import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-3e94da9c.js';
-import './Payout-dfe15b00.js';
-import { c as config } from './config-476c7241.js';
-
-const subaccountsListCss = ":host{display:block}";
-const JustifiSubaccountsListStyle0 = subaccountsListCss;
-
-const SubaccountsList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.rowClicked = createEvent(this, "subaccount-row-clicked", 7);
-        this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor }));
-        };
-        this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor }));
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.subaccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        if (!this.accountId || !this.authToken) {
-            this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
-            this.loading = false;
-            return;
-        }
-        this.loading = true;
-        const api = Api({ authToken: this.authToken, apiOrigin: config.privateApiOrigin });
-        const endpoint = `account/${this.accountId}/seller_accounts`;
-        const response = await api.get(endpoint, this.params);
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            const data = response === null || response === void 0 ? void 0 : response.data.map(dataItem => new SubAccount(dataItem));
-            this.subaccounts = data;
-        }
-        else {
-            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (h(Host, { key: '6e2998b090853a420c34facb9b9de8631964c5f3' }, h("justifi-table", { key: '10c02a8d0911b316d96c128dcfb2d488d75e7808', rowClickHandler: e => {
-                const clickSubAccountId = e.target.closest('tr').dataset.rowEntityId;
-                if (!clickSubAccountId) {
-                    return;
-                }
-                this.rowClicked.emit(this.subaccounts.find((subaccount) => subaccount.id === clickSubAccountId));
-            }, entityId: this.subaccounts.map((subaccount) => subaccount.id), columnData: [
-                ['Created On', 'The date and time each sub account was created'],
-                ['Name', 'The name provided for each sub account'],
-                ['Account	', 'The unique live or test account ID for each sub account'],
-                ['Card Rate	', 'The rate that determines the fees charged per payment, when paid by card'],
-                ['ACH Rate	', 'The rate that determines the fees charged per payment, when paid by eCheck'],
-                ['Status', 'The onboarding status of each sub account']
-            ], rowData: this.subaccounts.map((subaccount) => ([
-                {
-                    type: 'head',
-                    value: `
-                    <div class='fw-bold'>${subaccount.dateString}</div>
-                    <div class='fw-bold'>${subaccount.timeString}</div>
-                  `,
-                },
-                subaccount.name,
-                subaccount.id,
-                subaccount.cardRate,
-                subaccount.achRate,
-                {
-                    type: 'inner',
-                    value: MapSubAccountStatusToBadge(subaccount.status)
-                }
-            ])), loading: this.loading, "error-message": this.errorMessage, params: this.params, paging: Object.assign(Object.assign({}, this.paging), { handleClickNext: this.handleClickNext, handleClickPrevious: this.handleClickPrevious }) })));
-    }
-    static get watchers() { return {
-        "accountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"],
-        "params": ["updateOnPropChange"]
-    }; }
-};
-SubaccountsList.style = JustifiSubaccountsListStyle0;
-
-export { SubaccountsList as justifi_subaccounts_list };

package/dist/esm/justifi-table_2.entry.js

@@ -1,75 +0,0 @@
-import { h, r as registerInstance, H as Host } from './index-57431c24.js';
-import { E as ExtendedPagingDefaults } from './Pagination-afc8f96d.js';
-import { t as tableExportedParts } from './exported-parts-abd4c027.js';
-
-const LoadingState = (columnSpan) => (h("tr", null,
-    h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
-        h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
-            h("span", { class: "visually-hidden" }, "Loading...")))));
-const EmptyState = (columnSpan) => (h("tr", null,
-    h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
-const ErrorState = (columnSpan, errorMessage) => (h("tr", null,
-    h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
-        "An unexpected error occurred: ",
-        errorMessage)));
-
-const tableCss = ":host{table-layout:fixed}.table-wrapper{overflow-x:scroll}";
-const JustifiTableStyle0 = tableCss;
-
-const Table = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.loading = true;
-        this.errorMessage = '';
-        this.rowData = [];
-        this.columnData = undefined;
-        this.paging = ExtendedPagingDefaults;
-        this.params = {};
-        this.entityId = undefined;
-        this.rowClickHandler = undefined;
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState;
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: '330ca720893ef70db96d4229c45a42f859567fd2', exportparts: tableExportedParts }, h("div", { key: '6a4aa680881ca619e88a1e505e9367f598633184', class: "table-wrapper" }, h("table", { key: '56129dafeccdda2e443f52d31efc7b68181988f7', class: "table table-hover" }, h("thead", { key: 'c3d407a15d350918df135f9e6f9f94d8ac751f65', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'a1a8b3e9141ee6ecf1312b5d6d50f4b1a0488d9f', class: "table-light text-nowrap", part: 'table-head-row' }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, !Array.isArray(column) ? column : column[0])))), h("tbody", { key: '232e450d33c1ea1088aab9a06ecb9a00d49788fd', class: "table-body", part: 'table-body' }, this.loading && LoadingState(this.columnData.length), this.showEmptyState && EmptyState(this.columnData.length), this.showErrorState && ErrorState(this.columnData.length, this.errorMessage), this.showRowData && (this.rowData.map((data, index) => {
-            return (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: e => this.rowClickHandler ? this.rowClickHandler(e) : null, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => {
-                let nestedHtml = dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type;
-                if (nestedHtml) {
-                    return (h("td", { part: "table-cell", innerHTML: dataEntry.value }));
-                }
-                else {
-                    return (h("td", { part: "table-cell" }, dataEntry));
-                }
-            })));
-        }))), this.paging &&
-            h("tfoot", { key: '35f0a88e934a2483df8b62b037d54c2408011c9d', class: "sticky-bottom" }, h("tr", { key: '708dba5501439a728596f6985cd4f02f7cad2eb4', class: "table-light align-middle" }, h("td", { key: '14ac6f8ec26a436c7c68391ab1c53ebdf9322d26', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, h("pagination-menu", { key: 'e52783c0e2a3b650f77a0bca0cc462b2f1942caf', paging: this.paging, params: this.params }))))))));
-    }
-};
-Table.style = JustifiTableStyle0;
-
-const PaginationMenu = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.paging = ExtendedPagingDefaults;
-        this.params = {};
-    }
-    render() {
-        return (h(Host, { key: 'e0211a01fc44ec29eec8085f31055c060f77f56f', exportparts: `page-arrow,page-button,page-button-disabled,page-button-text` }, h("nav", { key: '191b1603b6cc559d3ef0cf45a37074e41513ea5a', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '775613b2ce03a1bc6a8abf5c918d099e13ac06d2', class: "pagination m-0" }, h("li", { key: 'cf7fef25e80e446688f31f13236c3e71a1378aef', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("a", { key: 'bb671bda6ab5f6921d34c7fdf5b33a62bc076154', href: "#", class: "page-link", onClick: (e) => {
-                e.preventDefault();
-                this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: `page-button${this.paging.has_previous ? '' : ' page-button-disabled'}` }, h("span", { key: 'da88de236d134f950a48d9a1d2ebf70742e80788', class: "me-1", part: "page-arrow" }, "\u00AB"), h("span", { key: '9ae148f746d5d04fcaf4981b0f1aa3d7fc1b509d', part: "page-button-text" }, "Previous"))), h("li", { key: '7340b9d89574c9c95b15fd50f3444aacdbb4c496', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("a", { key: '827e68669eeb7b83a28185312108adde796a331e', href: "#", class: "page-link", onClick: (e) => {
-                e.preventDefault();
-                this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: `page-button${this.paging.has_next ? '' : ' page-button-disabled'}` }, h("span", { key: '29ce5f0e9ae4b19d3116ac6bd883c52168c5fbb8', part: "page-button-text" }, "Next"), h("span", { key: '2d58cffc46031c9db1ad7c4b061730bc083dded8', class: "ms-1", part: "page-arrow" }, "\u00BB")))))));
-    }
-};
-
-export { Table as justifi_table, PaginationMenu as pagination_menu };