@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/cjs/form-control-date.cjs.entry.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-
-const DateInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    updateInput(value) {
-        this.dateInput.value = value;
-    }
-    render() {
-        return (index.h(index.Host, { key: '477163306527f6b607c43e63ec4a38aaac5a4780', exportparts: "label,input,input-invalid" }, index.h("label", { key: '3174cbb24f2bd74e59e28dc6a31e224a0e2ab47d', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'de908daeee9db445c1369b75c536bcf33cb9f4e9', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: 'ea51242481f4a9894d55871d23aeaf4013112e24', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '2db99a325bd6d691c0fdcbf3965535266329506f', errorText: this.errorText, name: this.name })));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-exports.form_control_date = DateInput;

package/dist/cjs/form-control-error-text_2.cjs.entry.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-
-const FormControlErrorText = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errorText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.errorText) {
-            return null;
-        }
-        return (index.h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
-    }
-};
-
-const FormControlHelpText = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.helpText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (index.h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
-    }
-};
-
-exports.form_control_error_text = FormControlErrorText;
-exports.form_control_help_text = FormControlHelpText;

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

@@ -1,110 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const Api = require('./Api-3bc6e43f.js');
-const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-24f22eca.js');
-require('./Payout-a2dd7b01.js');
-const Business = require('./Business-aacbe893.js');
-const utils = require('./utils-80191fbe.js');
-const config = require('./config-ff2dda66.js');
-const styledHost = require('./styled-host-b8bed12a.js');
-require('./helpers-602962eb.js');
-require('./state-options-4fbcb48a.js');
-
-const BusinessList = class {
-    constructor(hostRef) {
-        index.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 = Pagination.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.Api({ authToken: this.authToken, apiOrigin: config.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.Business(dataItem));
-            this.businesses = data;
-        }
-        else {
-            this.errorMessage =
-                typeof response.error === 'string'
-                    ? response.error
-                    : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: '7543ea36d336e7ca0e7450d4aee10698e22207f8' }, index.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,
-                utils.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>
-                  `,
-                },
-                utils.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"]
-    }; }
-};
-
-exports.justifi_business_list = BusinessList;

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

@@ -1,86 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const Api = require('./Api-3bc6e43f.js');
-const Pagination = require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-24f22eca.js');
-require('./Payout-a2dd7b01.js');
-const utils = require('./utils-80191fbe.js');
-const config = require('./config-ff2dda66.js');
-const styledHost = require('./styled-host-b8bed12a.js');
-
-const PaymentBalanceTransactions = class {
-    constructor(hostRef) {
-        index.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 = Pagination.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.Api({ authToken: this.authToken, apiOrigin: config.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 Payment.PaymentBalanceTransaction(dataItem));
-        }
-        else {
-            this.errorMessage =
-                typeof response.error === 'string'
-                    ? response.error
-                    : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (index.h(styledHost.StyledHost, { key: 'ec76a5bb9d5222491facd9bea6bf5f3c404bb5c4' }, index.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 => [
-                index.h("div", null, index.h("div", null, utils.formatDate(balanceTransaction.created_at)), index.h("div", null, utils.formatTime(balanceTransaction.created_at))),
-                utils.snakeCaseToHumanReadable(balanceTransaction.payment_balance_txn_type),
-                balanceTransaction.payment_id,
-                utils.formatCurrency(balanceTransaction.amount),
-                utils.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"]
-    }; }
-};
-
-exports.justifi_payment_balance_transactions = PaymentBalanceTransactions;

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

@@ -1,159 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const Api = require('./Api-3bc6e43f.js');
-const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-24f22eca.js');
-require('./Payout-a2dd7b01.js');
-const utils = require('./utils-80191fbe.js');
-const config = require('./config-ff2dda66.js');
-const styledHost = require('./styled-host-b8bed12a.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) {
-        index.registerInstance(this, hostRef);
-        this.rowClicked = index.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 = Pagination.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.Api({ authToken: this.authToken, apiOrigin: config.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 (index.h(styledHost.StyledHost, { key: 'ea9ee482e1b439490ed258c37e75c47e5dc5f3bf' }, index.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: utils.formatDate(proceed.deposits_at),
-                },
-                proceed.bank_account.full_name,
-                utils.formatCurrency(proceed.payments_total),
-                utils.formatCurrency(proceed.refunds_total),
-                utils.formatCurrency(proceed.other_total),
-                utils.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"]
-    }; }
-};
-
-exports.justifi_proceeds_list = ProceedsList;

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

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.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) {
-        index.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 (index.h(index.Host, { key: '26efc1854b82225ebde973c9753c856b5021730c' }, index.h(TagType, { key: '81a6b8097f3b712eadc111a8d402632d058efe69', class: this.componentClassName, style: combinedStyle })));
-    }
-};
-Skeleton.style = JustifiSkeletonStyle0;
-
-exports.justifi_skeleton = Skeleton;

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

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const Api = require('./Api-3bc6e43f.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-24f22eca.js');
-require('./Payout-a2dd7b01.js');
-const SubAccount = require('./SubAccount-135ff8c8.js');
-const utils = require('./utils-c1d2e426.js');
-const utils$1 = require('./utils-80191fbe.js');
-const config = require('./config-ff2dda66.js');
-const styledHost = require('./styled-host-b8bed12a.js');
-
-const SubaccountDetails = class {
-    constructor(hostRef) {
-        index.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.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.Api({ authToken: this.authToken, apiOrigin: config.config.privateApiOrigin });
-        const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;
-        const response = await api.get(endpoint);
-        if (!response.error) {
-            const data = new SubAccount.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 (index.h(styledHost.StyledHost, { key: 'c32b7102406ae9d7f937c3cd9c2e6f213f06aa20' }, this.loading && utils.LoadingState, !this.loading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.loading && this.subaccount && this.onboardingData && (index.h("justifi-details", { key: '47332420860cecc98cee20a35125834b694306ed' }, index.h(utils.EntityHeadInfo, { key: '681379f90251d911b8728b79614fd756b4c29d95', slot: 'head-info', badge: index.h("span", { slot: 'badge', innerHTML: utils$1.MapSubAccountStatusToBadge(this.subaccount.status) }), title: this.subaccount.name }, index.h(utils.EntityHeadInfoItem, { key: '9fb12b0fef139e18003e4e7bbdb31c8b3bfce5d3', classes: "border-1 border-end", title: "Created At", value: `${utils$1.formatDate(this.subaccount.created_at)} ${utils$1.formatTime(this.subaccount.created_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'eaa99f0f68d768d47ad3df05452d23b6311c6d93', classes: "border-1 border-end", title: "Last Updated", value: `${utils$1.formatDate(this.subaccount.updated_at)} ${utils$1.formatTime(this.subaccount.updated_at)}` }), index.h(utils.EntityHeadInfoItem, { key: 'a819a2a46408cbe283b02c816765092ff502e85c', title: "ID", value: this.subaccount.id })), index.h("div", { key: '24c3c113b1a06f3f44a777aa69c622f6a5fc2655', slot: 'detail-sections' }, index.h("subaccount-account-details", { key: 'a953676a158a40a417285cab08ccfcdc7e3c7119', subaccount: this.subaccount, onboardingData: this.onboardingData }), index.h("subaccount-merchant-details", { key: '0a970cd5b4b29389becd1547cca981f50dc99210', onboardingData: this.onboardingData }), index.h("subaccount-representative-details", { key: 'f2d5286019bb1cad941282143b646bcbb6a7766b', data: (_a = this.onboardingData.payload) === null || _a === void 0 ? void 0 : _a.representative }), index.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"]
-    }; }
-};
-
-exports.justifi_subaccount_details = SubaccountDetails;