@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/module/justifi-proceeds-list.js

@@ -1,198 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as Api } from './Api.js';
-import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
-import './Payout.js';
-import { g as formatDate, a as formatCurrency } from './utils2.js';
-import { c as config } from './config.js';
-import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$3 } from './table.js';
-import { d as defineCustomElement$2 } from './pagination-menu2.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 = /*@__PURE__*/ proxyCustomElement(class ProceedsList extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        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"]
-    }; }
-}, [1, "justifi-proceeds-list", {
-        "accountId": [1, "account-id"],
-        "authToken": [1, "auth-token"],
-        "proceeds": [32],
-        "loading": [32],
-        "errorMessage": [32],
-        "paging": [32],
-        "params": [32]
-    }, undefined, {
-        "accountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"],
-        "params": ["updateOnPropChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-proceeds-list", "justifi-table", "pagination-menu"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-proceeds-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ProceedsList);
-            }
-            break;
-        case "justifi-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiProceedsList = ProceedsList;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiProceedsList, defineCustomElement };

package/dist/module/justifi-skeleton.js

@@ -1,6 +0,0 @@
-import { S as Skeleton, d as defineCustomElement$1 } from './skeleton.js';
-
-const JustifiSkeleton = Skeleton;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiSkeleton, defineCustomElement };

package/dist/module/justifi-subaccount-details.d.ts

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

package/dist/module/justifi-subaccount-details.js

@@ -1,133 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { A as Api } from './Api.js';
-import './Pagination.js';
-import './Payment.js';
-import './Payout.js';
-import { S as SubAccount } from './SubAccount.js';
-import { L as LoadingState, E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem } from './utils.js';
-import { n as MapSubAccountStatusToBadge, g as formatDate, k as formatTime } from './utils2.js';
-import { c as config } from './config.js';
-import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$6 } from './details.js';
-import { d as defineCustomElement$5 } from './subaccount-account-details2.js';
-import { d as defineCustomElement$4 } from './subaccount-merchant-details2.js';
-import { d as defineCustomElement$3 } from './subaccount-owners-details2.js';
-import { d as defineCustomElement$2 } from './subaccount-representative-details2.js';
-
-const SubaccountDetails = /*@__PURE__*/ proxyCustomElement(class SubaccountDetails extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        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"]
-    }; }
-}, [1, "justifi-subaccount-details", {
-        "accountId": [1, "account-id"],
-        "subaccountId": [1, "subaccount-id"],
-        "authToken": [1, "auth-token"],
-        "onboardingData": [32],
-        "subaccount": [32],
-        "loading": [32],
-        "errorMessage": [32]
-    }, undefined, {
-        "subaccountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-subaccount-details", "justifi-details", "subaccount-account-details", "subaccount-merchant-details", "subaccount-owners-details", "subaccount-representative-details"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-subaccount-details":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SubaccountDetails);
-            }
-            break;
-        case "justifi-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "subaccount-account-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "subaccount-merchant-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "subaccount-owners-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "subaccount-representative-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiSubaccountDetails = SubaccountDetails;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiSubaccountDetails, defineCustomElement };

package/dist/module/justifi-subaccounts-list.d.ts

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

package/dist/module/justifi-subaccounts-list.js

@@ -1,144 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { S as SubAccount } from './SubAccount.js';
-import { n as MapSubAccountStatusToBadge } from './utils2.js';
-import { A as Api } from './Api.js';
-import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
-import './Payout.js';
-import { c as config } from './config.js';
-import { d as defineCustomElement$3 } from './table.js';
-import { d as defineCustomElement$2 } from './pagination-menu2.js';
-
-const subaccountsListCss = ":host{display:block}";
-const JustifiSubaccountsListStyle0 = subaccountsListCss;
-
-const SubaccountsList = /*@__PURE__*/ proxyCustomElement(class SubaccountsList extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        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"]
-    }; }
-    static get style() { return JustifiSubaccountsListStyle0; }
-}, [1, "justifi-subaccounts-list", {
-        "accountId": [1, "account-id"],
-        "authToken": [1, "auth-token"],
-        "subaccounts": [32],
-        "loading": [32],
-        "errorMessage": [32],
-        "paging": [32],
-        "params": [32]
-    }, undefined, {
-        "accountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"],
-        "params": ["updateOnPropChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-subaccounts-list", "justifi-table", "pagination-menu"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-subaccounts-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SubaccountsList);
-            }
-            break;
-        case "justifi-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiSubaccountsList = SubaccountsList;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiSubaccountsList, defineCustomElement };

package/dist/module/justifi-table.js

@@ -1,6 +0,0 @@
-import { T as Table, d as defineCustomElement$1 } from './table.js';
-
-const JustifiTable = Table;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiTable, defineCustomElement };

package/dist/module/subaccount-account-details.d.ts

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

package/dist/module/subaccount-account-details.js

@@ -1,6 +0,0 @@
-import { S as SubaccountAccountDetails$1, d as defineCustomElement$1 } from './subaccount-account-details2.js';
-
-const SubaccountAccountDetails = SubaccountAccountDetails$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SubaccountAccountDetails, defineCustomElement };

package/dist/module/subaccount-account-details2.js

@@ -1,34 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-
-const SubaccountAccountDetails = /*@__PURE__*/ proxyCustomElement(class SubaccountAccountDetails extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.subaccount = undefined;
-        this.onboardingData = undefined;
-    }
-    render() {
-        var _a, _b, _c;
-        return (h(Host, { key: 'e1fb5d12ceaebcdf9645bb87d737140cf91284ef' }, h("div", { key: '8af4015b074993367606a1e2ac529c8550bbc417', class: 'p-2' }, h(DetailSectionTitle, { key: 'ef64ecc4fa8950199f79a278825ba8e637d0ae2f', sectionTitle: 'Account Details' }), h("div", { key: '75135c47d475634b1531813cf001996ca049827f', class: "d-table gap-2 w-100" }, h("div", { key: '244e128a9faf2efe03137491683fcec13b19b11c', class: "row gy-3" }, h("div", { key: '6e2cc578f6c88482612d10ecb237d50c95a5f8b2', class: "col-12 col-md-6" }, h(DetailItem, { key: '91e1203a0f54c0f6a031973639cc0b7ee067b616', title: 'Name', value: (_a = this.subaccount) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { key: '97294360161d70802588bf6b4ce551b9e9a38fda', title: 'Terms of Service Accepted', value: (_c = (_b = this.onboardingData) === null || _b === void 0 ? void 0 : _b.payload) === null || _c === void 0 ? void 0 : _c.terms_and_conditions.accepted.toString() }), h(DetailItem, { key: '0e81cf82f9e8c4bf12f816866775199a3b3f9ebd', title: 'Business Entity', value: 'something here' })))))));
-    }
-}, [0, "subaccount-account-details", {
-        "subaccount": [16],
-        "onboardingData": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["subaccount-account-details"];
-    components.forEach(tagName => { switch (tagName) {
-        case "subaccount-account-details":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SubaccountAccountDetails);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SubaccountAccountDetails as S, defineCustomElement as d };

package/dist/module/subaccount-bank-details.d.ts

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

package/dist/module/subaccount-bank-details.js

@@ -1,35 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
-
-const SubaccountBankDetails$1 = /*@__PURE__*/ proxyCustomElement(class SubaccountBankDetails extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.data = undefined;
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        return (h(Host, { key: 'acff32b2be7082d822aa91b10866bf8dec0b2c0b' }, h(DetailSectionTitle, { key: 'a292e06e625d2c4feb816b16ef59b7d35d619499', sectionTitle: 'Bank Account Details' }), h("div", { key: '58849047be2730d62dbfa66f00d7a941a54bcae2', class: "d-table gap-2 w-100" }, h("div", { key: '8ffc6377b1853f1502af07bfe0000d1431712fed', class: "row gy-3" }, h("div", { key: 'ac6c67db8beeefe14ae0f40e07b9bf01cb27228a', class: "col-12 col-md-6" }, h(DetailItem, { key: 'c2f63fa39c723ad3843b9cd49988f917a43f8420', title: "Bank Name", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.bank_name }), h(DetailItem, { key: 'ff0a37c2439f78a7c582ed885f7f17df0ac22a9e', title: "Account Type", value: (_b = this.data) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '18ce387aa03aa4b41e9676a4829ebb6f13adc024', title: "Account Number", value: (_c = this.data) === null || _c === void 0 ? void 0 : _c.account_number }), h(DetailItem, { key: 'ae8d33a05902d2f3a0ab0d711efe6832959897a4', title: "Routing Number", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '2829eece60a0956d8cba442e717b5f3cc3cfd5be', title: "Account Nickname", value: (_e = this.data) === null || _e === void 0 ? void 0 : _e.account_nickname }))))));
-    }
-}, [0, "subaccount-bank-details", {
-        "data": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["subaccount-bank-details"];
-    components.forEach(tagName => { switch (tagName) {
-        case "subaccount-bank-details":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SubaccountBankDetails$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const SubaccountBankDetails = SubaccountBankDetails$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SubaccountBankDetails, defineCustomElement };

package/dist/module/subaccount-merchant-details.d.ts

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

package/dist/module/subaccount-merchant-details.js

@@ -1,6 +0,0 @@
-import { S as SubaccountMerchantDetails$1, d as defineCustomElement$1 } from './subaccount-merchant-details2.js';
-
-const SubaccountMerchantDetails = SubaccountMerchantDetails$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SubaccountMerchantDetails, defineCustomElement };