@justifi/webcomponents 4.19.1-rc-6 → 4.19.1

package/dist/webcomponents/p-a5fb51dc.entry.js

@@ -1,131 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { p as pagingDefaults } from './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import './p-e3fab0e2.js';
-import { b as formatDate, c as formatTime, f as formatCurrency, M as MapPaymentStatusToBadge } from './p-83125497.js';
-import { t as tableExportedParts } from './p-2b6c9c4f.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './p-e333620e.js';
-
-const PaymentsListCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.rowClicked = createEvent(this, "payment-row-clicked", 7);
-        this.errorEvent = createEvent(this, "error-event", 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.rowClickHandler = (e) => {
-            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedPaymentID)
-                return;
-            this.rowClicked.emit(this.payments.find((payment) => payment.id === clickedPaymentID));
-        };
-        this.handleDateChange = (name, value) => {
-            this.params = Object.assign(Object.assign({}, this.params), { [name]: value });
-        };
-        this.getPayments = undefined;
-        this.payments = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        if (this.getPayments) {
-            this.fetchData();
-        }
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayments({
-            params: this.params,
-            onSuccess: ({ payments, pagingInfo }) => {
-                this.payments = payments;
-                this.paging = pagingInfo;
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    get entityId() {
-        return this.payments.map((payment) => payment.id);
-    }
-    get columnData() {
-        return [
-            ['Made On', 'The date and time each payment was made'],
-            ['Amount', 'The dollar amount of each payment'],
-            ['Description', 'The payment description, if you provided one'],
-            ['Cardholder', 'The name associated with the payment method'],
-            ['Payment Method', 'The brand and last 4 digits of the payment method'],
-            ['Status', 'The current status of each payment'],
-            ['Payment ID', 'The unique identifier of each payment'],
-        ];
-    }
-    get rowData() {
-        return this.payments.map((payment) => [
-            {
-                type: 'head',
-                value: `
-          <div class='fw-bold'>${formatDate(payment.created_at)}</div>
-          <div class='fw-bold'>${formatTime(payment.created_at)}</div>
-        `,
-            },
-            formatCurrency(payment.amount),
-            payment.description,
-            payment.payment_method.payersName,
-            payment.payment_method.lastFourDigits,
-            {
-                type: 'inner',
-                value: MapPaymentStatusToBadge(payment.status),
-            },
-            payment.id,
-        ]);
-    }
-    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(StyledHost, { key: 'e4a4b64b2927a009f7ad4e9e2ebb4c020401423c', exportparts: tableExportedParts }, h("div", { key: '6ac1c84338b84972ca9b001ecd2b90134c99de6b', class: "row gy-3 mb-4" }, h("div", { key: '1d279ec66bc0755b876e29f06ac24d51baa77caa', class: "col-2" }, h("form-control-date", { key: '65b29c031021f3f782c9a4597167dc5e3a44e7da', name: "created_after", label: "Start Date", inputHandler: this.handleDateChange })), h("div", { key: 'a032497a94cc8108fda6efbb741069407e1a5afe', class: "col-2" }, h("form-control-date", { key: '5dd62ebdbf3836567a9ccb03dec850ebe675cb79', name: "created_before", label: "End Date", inputHandler: this.handleDateChange }))), h("div", { key: 'be4094afd3aec1d742d9d3245c2f6fc50cb95fa0', class: "table-wrapper" }, h("table", { key: 'ed493e35f2bddd59d1034dffe2bcd8b54a6390d6', class: "table table-hover" }, h("thead", { key: 'fae77bda1ffc35ac5414743ab51c2fe1dfbbc29e', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '5be3b1e9883d337046c386046565fb6ac3366324', 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: 'ba950a1da1ec0dffd7bc8457cdb3ce65d0f8b69b', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '8d13d8f6b64377f560d06410c09d24293708b6a8', columnSpan: this.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c75d61977b26ca5d4aa3711bae1ce6e571b3e3b2', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), h(TableErrorState, { key: '08e3f88116de5783f018a0c06d21d0d9cc4f5feb', columnSpan: this.columnData.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, 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: '728f671ab03923c90e11901a0d3aac4bc30e72a7', class: "sticky-bottom" }, h("tr", { key: 'd0df9b7c857287eec9568157ecf8f547a01f2fc5', class: "table-light align-middle" }, h("td", { key: 'e0de54912240b3e812f37ea675b2eef50d9545c4', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, h("pagination-menu", { key: 'f2d7846030a5aaa0c2311cad61f4d5865440a904', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
-    }
-    static get watchers() { return {
-        "params": ["updateOnPropChange"],
-        "getPayments": ["updateOnPropChange"]
-    }; }
-};
-
-export { PaymentsListCore as payments_list_core };

package/dist/webcomponents/p-a64f0ebe.entry.js

@@ -1,117 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { c as create$3, F as FormController } from './p-2eab3c90.js';
-import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './p-3fd13ca3.js';
-import { a as addressSchema, i as identitySchema, p as parseBusiness } from './p-85fc69e5.js';
-import { A as Api } from './p-29c0b182.js';
-import './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import './p-e3fab0e2.js';
-import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './p-d89bad72.js';
-import { B as Business } from './p-af244664.js';
-import { J as JustifiAnalytics } from './p-20abace7.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-import './p-89887332.js';
-import './p-6078a370.js';
-import './p-ba5fae28.js';
-import './p-1ff8810b.js';
-import './p-1bbbf15d.js';
-
-const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
-
-const businessFormCss = ":host{display:block}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-checkbox){font-family:var(--jfi-layout-font-family);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);line-height:var(--jfi-form-control-line-height)}*::part(input-checkbox):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-checkbox-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-checkbox-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
-const JustifiBusinessFormStyle0 = businessFormCss;
-
-const BusinessForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.submitted = createEvent(this, "submitted", 7);
-        this.clickEventNew = createEvent(this, "click-event", 7);
-        this.clickEventOld = createEvent(this, "clickEvent", 7);
-        this.instantiateBusiness = (data) => {
-            const business = new Business(data);
-            this.formController.setInitialValues(Object.assign({}, business));
-        };
-        this.sendData = async () => {
-            this.isLoading = true;
-            try {
-                const values = this.formController.values.getValue();
-                const initialValues = this.formController.getInitialValues();
-                const payload = parseBusiness(values, initialValues);
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify(payload));
-                this.handleReponse(response);
-            }
-            catch (error) {
-                this.errorMessage = BusinessFormServerErrors.patchData;
-            }
-            finally {
-                this.isLoading = false;
-            }
-        };
-        this.fetchData = async () => {
-            this.isLoading = true;
-            try {
-                const response = await this.api.get(this.businessEndpoint);
-                this.instantiateBusiness(response.data);
-            }
-            catch (error) {
-                this.errorMessage = BusinessFormServerErrors.fetchData;
-            }
-            finally {
-                this.isLoading = false;
-            }
-        };
-        this.validateAndSubmit = (event) => {
-            event.preventDefault();
-            this.formController.validateAndSubmit(this.sendData);
-        };
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.hideErrors = false;
-        this.formTitle = 'Business Information';
-        this.removeTitle = false;
-        this.isLoading = false;
-        this.errorMessage = undefined;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        const missingAuthTokenMessage = 'Warning: Missing auth-token. The form will not be functional without it.';
-        const missingBusinessIdMessage = 'Warning: Missing business-id. The form requires an existing business-id to function.';
-        if (!this.authToken)
-            console.error(missingAuthTokenMessage);
-        if (!this.businessId)
-            console.error(missingBusinessIdMessage);
-        this.formController = new FormController(businessFormSchema);
-        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
-        this.fetchData();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    fireClickEvents(event) {
-        console.warn('`clickEvent` is deprecated and will be removed in the next major release. Please use `click-event` instead.');
-        this.clickEventNew.emit(event);
-        this.clickEventOld.emit(event);
-    }
-    get title() {
-        return this.removeTitle ? '' : this.formTitle;
-    }
-    get disabledState() {
-        return this.isLoading;
-    }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
-    }
-    handleReponse(response) {
-        if (response.error) {
-            this.errorMessage = BusinessFormServerErrors.patchData;
-        }
-        this.submitted.emit({ data: response });
-        this.instantiateBusiness(response.data);
-    }
-    render() {
-        return (h(StyledHost, { key: '8fb79d577c13246fcf3ec1ee8460713fee07d01a', exportparts: "label,input,input-invalid" }, h("form", { key: '1fe23a8cc8714aee257b6c73c6b7b096d684ea1c', onSubmit: this.validateAndSubmit }, h("div", { key: 'e501f6963ed5bfd9eb80f67df13108289db6eba7', class: "row gap-3" }, h("h1", { key: 'f81f22704bda1480c467b872cd3fd309505b0e94' }, this.title), h("form-alert", { key: '15b2ff75d4db6447bfd1892542e8e972ede0ac7e', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'fd6a375fd187426940df3f28262be7aec3fedbe5', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'd16818a2124cb04dd5a5e84ea40639991fb04a80', formController: this.formController })), h("div", { key: 'd48b04718cf938484cf65cc956bf798f44ed17a7', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3a2bc6babfe8a0a265b2a7f9e7bea1abebd3eb43', formController: this.formController })), h("div", { key: '5c4d5d1fa1e2aba32f42c2bb9e97c0d796ecf709', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'c888fb627380d05302cb106c5642e39b1f2652fa', formController: this.formController })), h("div", { key: '623e94d84976cfe29f4501a781c750d1bb537605', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '594c893c0976b58a309679a031f6f1c787e66f48', formController: this.formController })), h("div", { key: '9fbc36ed183b1ebf171da14276092195c7aaf3a9', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: 'a60da6fdda5193d3c41c589b00b040c05ae425ac', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
-    }
-};
-BusinessForm.style = JustifiBusinessFormStyle0;
-
-export { BusinessForm as justifi_business_form };

package/dist/webcomponents/p-a6d04afc.js

@@ -1,44 +0,0 @@
-import { A as Api } from './p-29c0b182.js';
-import './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import './p-e3fab0e2.js';
-import { C as ComponentErrorSeverity } from './p-14c91ffd.js';
-import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
-
-class PayoutService {
-    async fetchPayouts(accountId, authToken, params) {
-        const api = Api({ authToken, apiOrigin: undefined });
-        const endpoint = `account/${accountId}/payouts`;
-        return api.get(endpoint, params);
-    }
-    async fetchPayout(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: undefined });
-        const endpoint = `payouts/${payoutId}`;
-        return api.get(endpoint);
-    }
-    async fetchCSV(payoutId, authToken) {
-        const api = Api({ authToken, apiOrigin: undefined });
-        const endpoint = `reports/payouts/${payoutId}`;
-        return api.get(endpoint);
-    }
-}
-
-const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
-    try {
-        const { data } = await service.fetchCSV(payoutId, authToken);
-        const a = document.createElement('a');
-        a.href = data.csv_url;
-        a.click();
-    }
-    catch (error) {
-        const errorMessage = getErrorMessage(error);
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        onError({
-            error: errorMessage,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-export { PayoutService as P, makeGetPayoutCSV as m };

package/dist/webcomponents/p-ac086069.entry.js

@@ -1,58 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { M as MapPaymentStatusToBadge, f as formatCurrency, b as formatDate, c as formatTime, s as snakeCaseToHumanReadable } from './p-83125497.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState, L as LoadingState } from './p-dce846bf.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-
-const PaymentDetailsCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.getPaymentDetails = undefined;
-        this.payment = undefined;
-        this.loading = true;
-        this.errorMessage = undefined;
-    }
-    componentWillLoad() {
-        if (this.getPaymentDetails) {
-            this.fetchData();
-        }
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPaymentDetails({
-            onSuccess: ({ payment }) => {
-                this.payment = payment;
-                this.loading = false;
-                this.errorMessage = null;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: 'aaaea4076938af5a74197256dba1093265f0e2d6' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '12f06fa05915380403e244cbed053d0c04bfa1d4', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '4d496def6abfc728e6f184fb0729ac648fb2deaf', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPaymentStatusToBadge(this.payment.status) }), title: `${formatCurrency(this.payment.amount)} ${(_a = this.payment) === null || _a === void 0 ? void 0 : _a.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '78dcff13206646d594bdc80f6297d45dc9932694', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'dfa0de667ebd28efd217b6bdf548b9b1b728b57e', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b449b180034f28504007a9c2fb0598607dc00efb', title: "ID", value: this.payment.id })), h("div", { key: '62af84e244e38b24b32f791d13f1b21b49942597', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '0ddb0366b4ab737c7b08a37764b8ce2f7ec4a1e9', sectionTitle: "Details" }), h("div", { key: 'cb699194db16cb8608834779f560e882f6f9da7c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '3b6eb4a8b782668951bba90be3b5d522f3f7c69b', title: "Amount", value: formatCurrency(this.payment.amount) }), h(DetailItem, { key: '7a59ab0b12a263c38c40a98acbff6492d370b28b', title: "Fees", value: formatCurrency(this.payment.fee_amount) }), h(DetailItem, { key: 'a9eaa5d1959425205c144dc2aa7c7fad77014290', title: "Refunded", value: formatCurrency(this.payment.amount_refunded) }), h(DetailItem, { key: 'd70c3a4bf48c9c69625d5f27f1095f9b0744a71e', title: "Net", value: formatCurrency(this.payment.balance) }), h(DetailItem, { key: '28f526b1adcd475c2ae88a8bf09ae4aea7935df6', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '700f51d787f20f575e3e11aa72a8da29a9587c2a', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'ea72ecc9c2f5055d4b0f6b37cd16cb318f9a797c', title: "Processing Fees", value: formatCurrency(this.payment.fee_amount) }), h(DetailItem, { key: '9d66af2c0c0baef4e8b7b021daf0b4d6adb267d2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '3f21501c1e08feeee1e7427a42faf1c5d1d9c84d', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'b7767b93e090c0195aca6c99b66b48d61b6134b3', sectionTitle: "Payment Method" }),
-            h("div", { key: 'a363c7a7e69932a8ffeddb5e0d53f7df13119a9a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'fb0e1f64fcec23e513590b3048593565685d8400', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'bc181b1b94039e1aad341a8e563ba923976c806b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '88b21dd2368b88232cd0f464c381d4423fe3c774', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '040fd71315ead633f9c89e9a9dad906889759d77', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '35ebc74de2c5c8fafd95fc5b15ff4f2ca85220cc', title: "Cardholder", value: this.payment.payment_method.payersName }))
-        ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'f10eef0b4e4067fb78dbff16719a6f266f4e6bab', sectionTitle: "Payment Method" }),
-            h("div", { key: '6c1ef713b5dcabba5b516f3cbbd088d098873303', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8880fd0fb2b16ee6f177aba15d6f4485c95af252', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'baa70304d2972f69ce8a5d077a076b16f986745b', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'dcb63b9258bea698bf2d165c611dfa05cb320f30', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '806696c15aa5ef242c230d9c9aea642ddfdfd93d', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '83289d8f2cf57a624678260555f00af4ea96a566', sectionTitle: 'Metadata' }), h("div", { key: '02e248b962e0c06f4d83bae75a5759b234fea36b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '5d81879c7815102219ed010dab9f573ad6b7985d', metadata: this.payment.metadata })))))));
-    }
-    static get watchers() { return {
-        "getPaymentDetails": ["updateOnPropChange"]
-    }; }
-};
-
-export { PaymentDetailsCore as payment_details_core };

package/dist/webcomponents/p-b233d1e2.entry.js

@@ -1,74 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { J as JustifiAnalytics } from './p-20abace7.js';
-import './p-1bbbf15d.js';
-import './p-29c0b182.js';
-
-const BankAccountForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bankAccountFormReady = createEvent(this, "bankAccountFormReady", 7);
-        this.ready = createEvent(this, "ready", 7);
-        this.bankAccountFormTokenized = createEvent(this, "bankAccountFormTokenize", 7);
-        this.bankAccountFormValidated = createEvent(this, "bankAccountFormValidate", 7);
-        this.validationMode = undefined;
-        this.iframeOrigin = undefined;
-        this.internalStyleOverrides = undefined;
-    }
-    readyHandler(event) {
-        console.warn(`The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);
-        this.bankAccountFormReady.emit(event);
-        this.ready.emit(event);
-    }
-    tokenizeHandler(event) {
-        console.warn(`The 'bankAccountFormTokenized' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
-        this.bankAccountFormTokenized.emit(event);
-    }
-    validateHandler(event) {
-        console.warn(`The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
-        this.bankAccountFormValidated.emit(event);
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    /**
-     *  Makes a tokenization request to the iframe
-     */
-    async tokenize(...args) {
-        if (!this.childRef) {
-            throw new Error('Cannot call tokenize');
-        }
-        return this.childRef.tokenize(...args);
-    }
-    /**
-     *  Runs a validation on the form and shows errors if any
-     */
-    async validate() {
-        if (!this.childRef) {
-            throw new Error('Cannot call validate');
-        }
-        return this.childRef.validate();
-    }
-    /**
-     *  Manually resizes the iframe to fit the contents of the iframe
-     *  @deprecated This method will be removed in future releases.
-     */
-    async resize() {
-        console.warn(`The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`);
-        if (!this.childRef) {
-            throw new Error('Cannot call validate');
-        }
-        return this.childRef.resize();
-    }
-    render() {
-        return (h("justifi-payment-method-form", { key: '646e392c1a9ed38e73780ed6a01b6f019767794c', ref: el => {
-                if (el) {
-                    this.childRef = el;
-                }
-            }, "iframe-origin": this.iframeOrigin, "payment-method-form-type": "bankAccount", "payment-method-form-ready": this.bankAccountFormReady, "payment-method-form-validated": this.bankAccountFormValidated, "payment-method-form-tokenize": this.bankAccountFormTokenized, "payment-method-form-validation-mode": this.validationMode || 'onSubmit' }));
-    }
-};
-
-export { BankAccountForm as justifi_bank_account_form };

package/dist/webcomponents/p-b82c146f.entry.js

@@ -1,111 +0,0 @@
-import { r as registerInstance, h, c as createEvent, H as Host, g as getElement } from './p-fad19d75.js';
-
-const FormControlErrorText = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.errorText) {
-            return null;
-        }
-        return (h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
-    }
-};
-
-const FormControlHelpText = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.helpText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
-    }
-};
-
-const SelectInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit(target.value);
-        };
-        this.updateInput = (newValue) => {
-            this.selectElement.value = newValue;
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.options = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '99449e3724103b12af7f2a4573831961074a484a', exportparts: "label,input,input-invalid" }, h("div", { key: 'd73e89d43da9968b687afece24794d9472fec6b5', class: "form-group d-flex flex-column" }, h("label", { key: '6964c55858fc3cf96a137e1061c7f66831105348', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: '5b1a09a607ad9638915f5e70f2164f6010020438', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-help-text", { key: '62d862921d463c98e56888293c878624f7311548', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0b1c4d4752965fb058208c72c7f1c3872d1e0561', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TextInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = 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.updateInput = (newValue) => {
-            const inputElement = this.el.querySelector('input');
-            if (inputElement) {
-                inputElement.value = newValue || '';
-            }
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.maxLength = undefined;
-        this.inputHandler = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    render() {
-        return (h(Host, { key: '1194532f81831734543bad80860da14f8a5ad856', exportparts: "label,input,input-invalid" }, h("div", { key: '296538cf90b62f8041e21620aa06b4074f68b71a', class: "form-group d-flex flex-column" }, h("label", { key: '7c009ce96124e58f9657dba2565ef298225f10f7', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4b33cb700aecf4d0a359366ba2e0d248c602d904', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '7a279d72bb262fcb044b5b0cc31703878ce9f444', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '00bea288a99f626806697a98b6dca3f3298dc0b3', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-export { FormControlErrorText as form_control_error_text, FormControlHelpText as form_control_help_text, SelectInput as form_control_select, TextInput as form_control_text };

package/dist/webcomponents/p-ba5fae28.js

@@ -1,90 +0,0 @@
-import { a as BusinessClassification } from './p-af244664.js';
-
-const businessClassificationOptions = [
-    {
-        label: 'Choose business classification',
-        value: '',
-    },
-    {
-        label: 'Sole Proprietor',
-        value: BusinessClassification.sole_proprietor,
-    },
-    {
-        label: 'Partnership',
-        value: BusinessClassification.partnership,
-    },
-    {
-        label: 'Corporation',
-        value: BusinessClassification.corporation,
-    },
-    {
-        label: 'Public Company',
-        value: BusinessClassification.public_company,
-    },
-    {
-        label: 'Limited',
-        value: BusinessClassification.limited,
-    },
-    {
-        label: 'Non Profit',
-        value: BusinessClassification.non_profit,
-    },
-    {
-        label: 'Government',
-        value: BusinessClassification.government,
-    },
-];
-const businessServiceReceivedOptions = [
-    {
-        label: 'Within 7 days',
-        value: 'Within 7 days',
-    },
-    {
-        label: 'Within 30 days',
-        value: 'Within 30 days',
-    },
-    {
-        label: 'Within 90 days',
-        value: 'Within 90 days',
-    },
-    {
-        label: 'Within 120 days',
-        value: 'Within 120 days',
-    },
-    {
-        label: 'More than 120 days',
-        value: 'More than 120 days',
-    }
-];
-const recurringPaymentsOptions = [
-    {
-        label: 'Yes',
-        value: 'Yes',
-    },
-    {
-        label: 'No',
-        value: 'No',
-    }
-];
-const seasonalBusinessOptions = [
-    {
-        label: 'Yes. The majority of the business revenue is generated in 3-6 months.',
-        value: 'Yes',
-    },
-    {
-        label: 'No. The business revenue is generated evenly throughout the year.',
-        value: 'No',
-    }
-];
-const bankAccountTypeOptions = [
-    {
-        label: 'Checking',
-        value: 'checking',
-    },
-    {
-        label: 'Savings',
-        value: 'savings',
-    }
-];
-
-export { businessServiceReceivedOptions as a, businessClassificationOptions as b, bankAccountTypeOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };