@justifi/webcomponents 6.12.1-rc.5 → 6.12.2

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

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

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

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

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

@@ -1,109 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import './config-state.js';
-import { f as formatDate, a as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
-import { h as PaymentStatuses, d as DisputeStatus } from './Plaid.js';
-import './Pagination.js';
-import './Business.js';
-import './ApplePay.js';
-import { P as PaymentStatusBadge, M as MapPaymentStatusToBadge } from './payments-status.js';
-import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
-import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$1 } from './justifi-details2.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { S as Skeleton } from './skeleton.js';
-import { B as Badge, a as BadgeVariant } from './badge.js';
-
-const PaymentDetailsLoading = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "35%", height: "30px" })), h("div", { class: "col-12" }, h(Skeleton, { width: "70%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "80%" }))));
-
-const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetailsCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.loading = true;
-    }
-    componentWillLoad() {
-        if (this.getPaymentDetails) {
-            this.fetchData();
-        }
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPaymentDetails({
-            onSuccess: ({ payment }) => {
-                this.payment = payment;
-                this.errorMessage = null;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            },
-            final: () => {
-                this.loading = false;
-            },
-        });
-    }
-    get PaymentStatus() {
-        if (this.payment.status === PaymentStatuses.disputed) {
-            const disputeWasLost = this.payment.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
-            if (disputeWasLost) {
-                return PaymentStatusBadge.DISPUTE_LOST;
-            }
-        }
-        return this.payment.status;
-    }
-    render() {
-        return (h(StyledHost, { key: '92ef6c638768adc01e3682fb486dc2f988c677cd' }, this.loading && h(PaymentDetailsLoading, { key: '8fe108114498a6aa3c515f64bd1503b8bcd1bfb8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'a47c503739269d4c0f429540268e93eb3e4594b3', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '98b968f9568403995a6581d1504691707251a1cb', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '8269b38c09e7b0904d49cbecedede97fea33525e', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '4595b47217d10510b2999c1911d9705f7b9d2279', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd85ff59ce766dd40a852aca41554b67bc9399060', title: "ID", value: this.payment.id })), h("div", { key: 'f3d19819c8adf1c0fb22aaec41835b6591ddbb21', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '362ece2a9a5b7297e0c6f9e60f617146fab29ef8', sectionTitle: "Details" }), h("div", { key: '7d4f1ceeb5d2b76b1dff3be0e4931c1b184b4c64', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'addc59665a77d044f134627d79a0c1194cf462f0', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '17422ecc90e0847b6eb340d30c36299542f235da', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b51e5fdd7c166fcfa837776602d4de69785c89b7', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'd6d3155f1a874f65126211bcab62b81f24fd57f3', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '7e1598c0bf56a6edc90d180377f734aae586eca0', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'be12abf332c2e9f67623e63a517ea23f231289ca', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '3781968bb4c2a463623101007cefdf8c6ea6bcc4', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6ebe10c76ada3fe1dd5f05c58a52fa0604f185df', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'dc9df4e19723689e619a543815919e2044bd5511', title: "Description", value: this.payment.description }), h(DetailItem, { key: '52dcd8984dda1115b53a9567e79a0d86d8117f0a', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '0a5595ced3b093b930e262415592c373109a95dc', sectionTitle: "Payment Method" }),
-            h("div", { key: '0c8a056b36babb831b5d684ccf8d76a498878b16', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'e321d0b86c58fd62c7df5d12cb02a10f364058f7', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'fcabccc2c569dc9990d8f2c38853dedbe4a5f6e4', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '5aece8dd14247b1cf5dc6f42ae07c508df0509a6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'b31e5a5f532d128168f3ec7b394e853bad0d5a1f', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0527fd97d660f293d557ee89230e9f79a5565e44', title: "Cardholder", value: this.payment.payment_method.payersName }))
-        ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '9c7478beff791dcdd02744b83ae9d9f556e88133', sectionTitle: "Payment Method" }),
-            h("div", { key: '09057810c9c5a091c4bd2d4f44f4ba034aeacb5e', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b3a4d4e3404fbe85c27bfc1d00394ca87c668516', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'd1422c95907ef5a4889c2993db38b12ce0511435', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'b915ccece34ddb429c7f3809b7bd843f5cc85b5d', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '5cddb813c21797f33a2c50fd9d76c5e02823147f', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '75e1a474ef6d9290c8556345757ac5a69f72d615', sectionTitle: 'Metadata' }),
-            h("div", { key: '26482e1a90fa4b0e21fbefabd8c1d2d7a50d4e5a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2d1dd8a6d4fbb47c6dd13aa9c3f9508a984b3bf8', metadata: this.payment.metadata }))
-        ])))));
-    }
-    static get watchers() { return {
-        "getPaymentDetails": ["updateOnPropChange"]
-    }; }
-}, [256, "payment-details-core", {
-        "getPaymentDetails": [16],
-        "payment": [32],
-        "loading": [32],
-        "errorMessage": [32]
-    }, undefined, {
-        "getPaymentDetails": ["updateOnPropChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["payment-details-core", "justifi-details"];
-    components.forEach(tagName => { switch (tagName) {
-        case "payment-details-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentDetailsCore);
-            }
-            break;
-        case "justifi-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PaymentDetailsCore as P, defineCustomElement as d };

package/dist/module/payments-list-core.d.ts

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

package/dist/module/payments-list-core.js

@@ -1,6 +0,0 @@
-import { P as PaymentsListCore$1, d as defineCustomElement$1 } from './payments-list-core2.js';
-
-const PaymentsListCore = PaymentsListCore$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PaymentsListCore, defineCustomElement };

package/dist/module/payments-list-core2.js

@@ -1,184 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import './config-state.js';
-import './dinero.js';
-import './Plaid.js';
-import { p as pagingDefaults } from './Pagination.js';
-import './Business.js';
-import './ApplePay.js';
-import './justifi-details2.js';
-import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
-import { T as TableClickActions } from './event-types.js';
-import './justifi-radio-list-item2.js';
-import { M as MapPaymentStatusToBadge } from './payments-status.js';
-import { h as convertToLocal } from './utils2.js';
-import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
-import { d as defineCustomElement$1 } from './pagination-menu2.js';
-
-const mapCardBrandToDisplayName = (brand) => {
-    if (!brand)
-        return 'N/A';
-    const brandMap = {
-        'visa': 'VISA',
-        'mastercard': 'Mastercard',
-        'american_express': 'American Express',
-        'discover': 'Discover',
-        'diners_club': 'Diners Club',
-        'jcb': 'JCB',
-        'china_unionpay': 'China UnionPay',
-        'unknown': 'Unknown'
-    };
-    return brandMap[brand.toLowerCase()] || brand;
-};
-const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits,card_brand';
-const paymentTableColumns = {
-    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each payment was made" }, "Date")),
-    amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each payment" }, "Amount")),
-    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each payment" }, "Status")),
-    payment_type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of each payment" }, "Type")),
-    description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment description, if you provided one" }, "Description")),
-    payers_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The name associated with the payment method" }, "Account Holder")),
-    last_four_digits: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand and last 4 digits of the payment method" }, "Payment Method")),
-    card_brand: () => (h("th", { part: tableHeadCell, scope: "col", title: "The brand of the payment method" }, "Card Brand")),
-};
-const paymentTableCells = {
-    created_at: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(payment.created_at, { showTime: true })))),
-    amount: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.formattedPaymentAmount(payment.amount))),
-    status: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapPaymentStatusToBadge(payment.status))),
-    payment_type: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.payment_type)),
-    description: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.description)),
-    payers_name: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.payers_name)),
-    last_four_digits: (payment, index) => (h("td", { part: getAlternateTableCellPart(index) }, payment.last_four_digits)),
-    card_brand: (payment, index) => {
-        var _a, _b;
-        return (h("td", { part: getAlternateTableCellPart(index) }, mapCardBrandToDisplayName(((_a = payment.payment_method.card) === null || _a === void 0 ? void 0 : _a.brand) || ((_b = payment.payment_method.bank_account) === null || _b === void 0 ? void 0 : _b.brand))));
-    },
-};
-
-const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.payments = [];
-        this.loading = true;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: TableClickActions.next });
-        };
-        this.rowClickHandler = (e) => {
-            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedPaymentID)
-                return;
-            const paymentData = this.payments.find((payment) => payment.id === clickedPaymentID);
-            this.clickEvent.emit({ name: TableClickActions.row, data: paymentData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.paymentsTable = new Table(this.payments, this.columns, paymentTableColumns, paymentTableCells);
-        if (this.getPayments) {
-            this.fetchData();
-        }
-        onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-        onQueryParamsChange('reset', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayments({
-            params: this.paymentParams,
-            onSuccess: ({ payments, pagingInfo }) => {
-                this.payments = payments;
-                this.paging = pagingInfo;
-                this.paymentsTable.collectionData = this.payments;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            },
-            final: () => {
-                this.loading = false;
-            }
-        });
-    }
-    get paymentParams() {
-        const requestParams = getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
-    get entityId() {
-        return this.payments.map((payment) => payment.id);
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.paymentsTable.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState && !this.loading;
-    }
-    render() {
-        return (h(TableWrapper, { key: 'b582865a40c00ace45e5288f79f1a89afabb9eb7' }, h(TableComponent, { key: '399614aeac9d7daa7e91a6974ed36a22e9bfad7a' }, h(TableHead, { key: '41932e7e448c1826d1f994016cdcca83a845966d' }, h(TableHeadRow, { key: 'd1e28d54aff40b2c44ec25b89e7772eb6e2fd5f4' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '1b8ba62acf2c908ee52d3fbd1246dc0d71a4b927' }, h(TableLoadingState, { key: 'ee94ffebe89c0fd7e36660847462c74e019ece95', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c2cea2a7c73e5a846e1bfc0905d7da810b1af2e5', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'e0dec0ca5484e11265ebe86f95b268e1f59d73b9', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'dfd4f8411c7bb181444a9a8034ae19c6509e9972' }, h(TableFootRow, { key: 'f97f23407781f236b92714aeaa5f5dee3dd36743' }, h(TableFootCell, { key: '4b92b54e288bbb0f39b312ac7b0d88dd253add6b', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'e3ad51e4d4d96cf38eb4240c01f0077374861b6e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
-    }
-    static get watchers() { return {
-        "pagingParams": ["updateOnPropChange"],
-        "getPayments": ["updateOnPropChange"],
-        "columns": ["updateOnPropChange"]
-    }; }
-}, [256, "payments-list-core", {
-        "getPayments": [16],
-        "columns": [1],
-        "payments": [32],
-        "paymentsTable": [32],
-        "loading": [32],
-        "errorMessage": [32],
-        "paging": [32],
-        "pagingParams": [32]
-    }, undefined, {
-        "pagingParams": ["updateOnPropChange"],
-        "getPayments": ["updateOnPropChange"],
-        "columns": ["updateOnPropChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["payments-list-core", "pagination-menu"];
-    components.forEach(tagName => { switch (tagName) {
-        case "payments-list-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentsListCore);
-            }
-            break;
-        case "pagination-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PaymentsListCore as P, defaultColumnsKeys as a, defineCustomElement as d };

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

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

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

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

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

@@ -1,118 +0,0 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { j as capitalizeFirstLetter, f as formatDate, a as formatTime } from './utils2.js';
-import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
-import { B as Button } from './button.js';
-import { S as StyledHost } from './styled-host.js';
-import { d as defineCustomElement$1 } from './justifi-details2.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { S as Skeleton } from './skeleton.js';
-import { B as Badge, a as BadgeVariant } from './badge.js';
-
-const PayoutDetailsLoading = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "35%", height: "30px" })), h("div", { class: "col-12" }, h(Skeleton, { width: "70%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "40%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "80%" }))));
-
-const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.recordClickEvent = createEvent(this, "record-click-event", 7);
-        this.enableRecordClick = false;
-        this.loading = true;
-        this.errorMessage = null;
-        this.downloadCSV = () => {
-            this.getPayoutCSV({
-                payoutId: this.payout.id,
-                onError: ({ error, code, severity }) => {
-                    this.errorMessage = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity,
-                    });
-                },
-            });
-        };
-        this.handleRecordClick = (id) => {
-            this.recordClickEvent.emit({
-                id,
-                type: 'account'
-            });
-        };
-    }
-    componentWillLoad() {
-        if (this.getPayout) {
-            this.fetchData();
-        }
-    }
-    getPayoutWatcher() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayout({
-            onSuccess: (payout) => {
-                this.errorMessage = null;
-                this.payout = payout;
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    message: error,
-                    errorCode: code,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    formatMethod(deliveryMethod) {
-        if (deliveryMethod === "ach")
-            return "ACH";
-        return capitalizeFirstLetter(deliveryMethod);
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: '5331ce4651dd61c74b44010b88f272db42bbac16' }, this.loading && h(PayoutDetailsLoading, { key: '09f7bfcf6a4b9f34a9ef6f2600c4f3755b4abe84' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'd76eaca9611e7c03d6d7d90d5bfcdc951cc626da', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '099f51fbdb7a97e0d894437a945822d71973d322', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '214a3726416272452258345d04d05792ad90115c', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9b6354d8a9e4b0eeec25a98047a0ab0748a5a3a2', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '91a07437ba0c01c1ff8d65309bfac5d2376fd693', title: "ID", value: this.payout.id }), h("div", { key: 'e73f76a1d3c6027eefe17ab1312948cdd5e1a958', class: "m-4" }, h(Button, { key: 'e64df6ed69aa41984a42ceda86fa3636fd90c6e8', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'f95c3ab2d35aaf44577aafd63d8179e8de592b58', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'd0aae2552c2dc391d3b15971aa894a484fccbc2b', sectionTitle: "Details" }), h("div", { key: '22fee577f33a1e004d41ac81b478201637d96637', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'd9bec4d7732334c2434b1e22954f85ad4a7af5d3', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '9e5fed1e45d2a532102bd47209036faddd38158e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '5313693f696e36f850b9f606ab9de8e4d24a0372', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '101f2d983df8e548391dc762ea06ed0c5979e466', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '900b5dd485dd8b9ff6e5e49261afe742406c3f4c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'ba09532b05fe7c3ef19f80908966a2ed1aec753c', sectionTitle: "Account" }), h("div", { key: '1322b4fb4868fbbad73a23ac534a66848e34e135', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '87e877e09482023959e09fdb30e1c339ecc195ef', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '3457500267dc994aad32c675544fe6adc599c114', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '32204b3a5448f2ad9c6cc3cfd621fe8076051f4b', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '87d31d5a177a5da328e653ea036ae16ec66838e3', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '12b7c34a74afe9e54516f19d6ec5b344bf84b74f', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '73d264aa4b0e2fe8d980246dc35d78c350cf1c85', sectionTitle: 'Metadata' }),
-            h("div", { key: 'c405ec9594ddc8eb474f75837e4d5ef1b81f786b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'bfff7ebf154e20f3c35fb415de21ed80eb6f4ae9', metadata: this.payout.metadata }))
-        ])))));
-    }
-    static get watchers() { return {
-        "getPayout": ["getPayoutWatcher"]
-    }; }
-}, [256, "payout-details-core", {
-        "getPayout": [16],
-        "getPayoutCSV": [16],
-        "enableRecordClick": [4, "enable-record-click"],
-        "payout": [32],
-        "loading": [32],
-        "errorMessage": [32]
-    }, undefined, {
-        "getPayout": ["getPayoutWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["payout-details-core", "justifi-details"];
-    components.forEach(tagName => { switch (tagName) {
-        case "payout-details-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PayoutDetailsCore);
-            }
-            break;
-        case "justifi-details":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PayoutDetailsCore as P, defineCustomElement as d };

package/dist/module/payouts-list-core.d.ts

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

package/dist/module/payouts-list-core.js

@@ -1,6 +0,0 @@
-import { P as PayoutsListCore$1, d as defineCustomElement$1 } from './payouts-list-core2.js';
-
-const PayoutsListCore = PayoutsListCore$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PayoutsListCore, defineCustomElement };