@justifi/webcomponents 4.19.1-rc-6 → 4.19.1

package/dist/webcomponents/p-70a2aa74.entry.js

@@ -1,76 +0,0 @@
-import { r as registerInstance, h, c as createEvent } from './p-fad19d75.js';
-import { c as create$3, F as FormController } from './p-2eab3c90.js';
-import { i as identityNameValidation, l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation } from './p-89887332.js';
-import { S as StateOptions } from './p-6078a370.js';
-import { n as numberOnlyHandler } from './p-8df7bde8.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-import './p-ba5fae28.js';
-import './p-af244664.js';
-import './p-1ff8810b.js';
-
-const BillingFormSchema = create$3({
-    name: identityNameValidation.required('Enter full name'),
-    address_line1: lineOneValidation.required('Enter street address'),
-    address_line2: lineTwoValidation.nullable(),
-    address_city: cityValidation.required('Enter city'),
-    address_state: stateValidation.required('Select state'),
-    address_postal_code: postalValidation.required('Enter postal code'),
-});
-
-const billingFormCss = ":host{display:block}justifi-billing-form{margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::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){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-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)}";
-const JustifiBillingFormStyle0 = billingFormCss;
-
-const BillingForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.legend = undefined;
-        this.formController = undefined;
-        this.billingInfo = undefined;
-        this.errors = {};
-    }
-    componentWillLoad() {
-        this.formController = new FormController(BillingFormSchema);
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'b08094d3c44d35cdb3c21b4bc360dbbee19d7d15', exportparts: "label,input,input-invalid" }, h("form", { key: '392538a781ffa2ac299cbc4203bab5efd10e77cc' }, h("fieldset", { key: 'f4b5a5ec9a91e9f50a3847c5eb16635c4f9d569a' }, this.legend && h("legend", { key: 'eb75e22f9df33c13e3851ece784d237b8973e2c5' }, this.legend), h("div", { key: 'd7ffdc1cfeda5568ad003a4d3bbe94765de04605', class: "row gy-3" }, h("div", { key: 'c22f9e7b2f33b5c298bb5f0a5c7bcaa709c231a0', class: "col-12" }, h("form-control-text", { key: 'd6eb4d2f4d1a2a709e0f29bf18b5d9700bd91a13', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '8494ee3c14f8923d18d8708077e030c2f141a251', class: "col-12" }, h("form-control-text", { key: '63266eb0e2b2b006a3c914a68703ee1cdf848f83', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '0a19fcf5c172d2539f23e147f39461d84dfd9d37', class: "col-12" }, h("form-control-text", { key: '0e5fae5d65d5ea195de0227d1e4f79cee7c7a0fb', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '13104554e8247cb0534c3dc9e6a16b2f44397795', class: "col-12" }, h("form-control-text", { key: '430e59713ec66ff7a6f735ca24640c27b05cbeee', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5b81499717f67d5f499f4ebfc585056ef5bd3d56', class: "col-12" }, h("form-control-select", { key: '726c724eda5f25a92bad7e549ff7845ece7b41e1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5d5a6e0949c5ad93da5bc1837dadf88c2128212d', class: "col-12" }, h("form-control-text", { key: 'ebb4e77126d86011d9a1ed5d118461198b399092', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
-    }
-};
-BillingForm.style = JustifiBillingFormStyle0;
-
-const SaveNewPaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
-        this.isChecked = false;
-    }
-    handleCheckboxChange(event) {
-        const target = event.target;
-        this.isChecked = target.checked;
-        this.checkboxChanged.emit(this.isChecked);
-    }
-    render() {
-        return (h("div", { key: 'f22a132a518a98786c8486e08c9a65050f3c5ea0', class: "mt-4 form-check" }, h("input", { key: '6f1392f9dd29a9761f5942b0a40e05a899858ada', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: 'e6e5908ba70ece8ea19370a04104d88d17237fc7', class: "form-check-label" }, "Save new payment method")));
-    }
-};
-
-export { BillingForm as justifi_billing_form, SaveNewPaymentMethod as justifi_save_new_payment_method };

package/dist/webcomponents/p-73210c03.entry.js

@@ -1,75 +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 CardForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.cardFormReady = createEvent(this, "cardFormReady", 7);
-        this.ready = createEvent(this, "ready", 7);
-        this.cardFormTokenized = createEvent(this, "cardFormTokenize", 7);
-        this.cardFormValidated = createEvent(this, "cardFormValidate", 7);
-        this.validationMode = undefined;
-        this.iframeOrigin = undefined;
-        this.singleLine = false;
-        this.internalStyleOverrides = undefined;
-    }
-    readyHandler(event) {
-        console.warn(`The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);
-        this.cardFormReady.emit(event);
-        this.ready.emit(event);
-    }
-    tokenizeHandler(event) {
-        console.warn(`The 'cardFormTokenize' 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.cardFormTokenized.emit(event);
-    }
-    validateHandler(event) {
-        console.warn(`The 'cardFormValidate' 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.cardFormValidated.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: 'cc0ad5d8a262ff5c8422d247caed469a8dea3488', ref: el => {
-                if (el) {
-                    this.childRef = el;
-                }
-            }, "iframe-origin": this.iframeOrigin, "payment-method-form-type": "card", "single-line": this.singleLine, "payment-method-form-ready": this.cardFormReady, "payment-method-form-validate": this.cardFormValidated, "payment-method-form-tokenize": this.cardFormTokenized, "payment-method-form-validation-mode": this.validationMode || 'onSubmit' }));
-    }
-};
-
-export { CardForm as justifi_card_form };

package/dist/webcomponents/p-7582b554.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, h } from './p-fad19d75.js';
-import { E as ErrorState } from './p-dce846bf.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-
-const Details = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorMessage = undefined;
-    }
-    render() {
-        return (h(StyledHost, { key: '00b10fc4e459688ae06147ef1535f03609ec35e4', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
-            ErrorState(this.errorMessage)
-            :
-                h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
-    }
-};
-
-export { Details as justifi_details };

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

@@ -1,61 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
-import { I as IMask } from './p-1ad5995e.js';
-import { C as CURRENCY_MASK } from './p-525db3e8.js';
-
-const MonetaryInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.imask = null;
-        this.initializeIMask = () => {
-            if (!this.textInput)
-                return;
-            this.imask = IMask(this.textInput, this.maskOptions);
-            this.imask.on('accept', () => {
-                const rawValue = this.imask.unmaskedValue;
-                this.inputHandler(this.name, rawValue);
-                this.formControlInput.emit({ name: this.name, value: rawValue });
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
-        };
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            const rawValue = this.imask.unmaskedValue;
-            this.formControlInput.emit({ name: name, value: rawValue });
-        };
-        this.updateInput = (newValue) => {
-            if (this.imask) {
-                this.imask.value = String(newValue);
-            }
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.maskOptions = CURRENCY_MASK.DECIMAL;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.initializeIMask();
-        this.updateInput(this.defaultValue);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    render() {
-        return (h(Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: 'b8c655c0b8eeb6ec328eeaed651773c293aa3100', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-export { MonetaryInput as form_control_monetary };

package/dist/webcomponents/p-800d31fe.entry.js

@@ -1,162 +0,0 @@
-import { h, r as registerInstance, c as createEvent } from './p-fad19d75.js';
-import { p as pagingDefaults } from './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import { a as PayoutStatuses, b as PayoutStatusesSafeNames } from './p-e3fab0e2.js';
-import { b as formatDate, c as formatTime, f as formatCurrency } from './p-83125497.js';
-import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './p-14c91ffd.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 DownloadIcon = (props) => (h("svg", Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24' }, props),
-    h("path", { d: 'M12 15.5l-5-5 1.41-1.41L12 12.67l3.59-3.58L17 10.5l-5 5z' }),
-    h("path", { d: 'M11 4h2v9h-2z' }),
-    h("path", { d: 'M5 18h14v2H5z' })));
-
-const PayoutsListCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.rowClicked = createEvent(this, "payout-row-clicked", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.downloadCSV = (payoutId) => {
-            this.getPayoutCSV({
-                payoutId,
-                onError: () => {
-                    this.errorEvent.emit({
-                        errorCode: ComponentErrorCodes.FETCH_ERROR,
-                        message: 'Failed to download CSV',
-                        severity: ComponentErrorSeverity.ERROR,
-                    });
-                },
-            });
-        };
-        this.handleDateChange = (name, value) => {
-            this.params = Object.assign(Object.assign({}, this.params), { [name]: value });
-        };
-        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.mapStatusToBadge = (status) => {
-            switch (status) {
-                case PayoutStatuses.scheduled:
-                    return `<span class="badge bg-primary" title='Batched and scheduled to be transferred'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.in_transit:
-                    return `<span class="badge bg-primary" title='Transfer to your bank account has been initiated'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.failed:
-                    return `<span class="badge bg-danger" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.canceled:
-                    return `<span class="badge bg-danger" title='Transfer to your bank account failed'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.forwarded:
-                    return `<span class="badge bg-secondary" title='The funds have been forwarded to your next successful payout'>${PayoutStatusesSafeNames[status]}</span>`;
-                case PayoutStatuses.paid:
-                    return `<span class="badge bg-success" title='Successfully deposited into your bank account'>${PayoutStatusesSafeNames[status]}</span>`;
-            }
-        };
-        this.rowClickHandler = (e) => {
-            const clickedPayoutID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedPayoutID)
-                return;
-            this.rowClicked.emit(this.payouts.find((payout) => payout.id === clickedPayoutID));
-        };
-        this.getPayouts = undefined;
-        this.getPayoutCSV = undefined;
-        this.payouts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        if (this.getPayouts) {
-            this.fetchData();
-        }
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayouts({
-            params: this.params,
-            onSuccess: ({ payouts, pagingInfo }) => {
-                this.payouts = payouts;
-                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.payouts.map((payout) => payout.id);
-    }
-    get columnData() {
-        return [
-            ['Paid Out On', 'The date each transaction occurred'],
-            ['Type', 'The type of each transaction'],
-            ['Account', 'The ID of the account associated with each payout'],
-            ['Paid Out To', 'The bank account to which each payout was transferred'],
-            ['Payments', 'Sum of payments in each payout'],
-            ['Refunds', 'Sum of refunds in each payout'],
-            ['Fees', 'Sum of fees in each payout'],
-            ['Other', 'Sum of less common transactions in each payout'],
-            ['Payout Amount', 'The net sum of all transactions in each payout'],
-            ['Status', 'The real-time status of each payout'],
-            ['Actions', ''],
-        ];
-    }
-    get rowData() {
-        return this.payouts.map((payout) => [
-            {
-                type: 'head',
-                value: `
-          <div class='fw-bold'>${formatDate(payout.created_at)}</div>
-          <div class='fw-bold'>${formatTime(payout.created_at)}</div>
-        `,
-            },
-            payout.payout_type,
-            payout.account_id,
-            `${payout.bank_account.full_name} ${payout.bank_account.account_number_last4}`,
-            formatCurrency(payout.payments_total),
-            formatCurrency(payout.refunds_total),
-            formatCurrency(payout.fees_total),
-            formatCurrency(payout.other_total),
-            formatCurrency(payout.amount),
-            { type: 'inner', value: this.mapStatusToBadge(payout.status) },
-            (h(DownloadIcon, { title: "Export CSV", onClick: () => this.downloadCSV(payout.id), style: { height: '24px', width: '24px', cursor: 'pointer' } })),
-        ]);
-    }
-    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() {
-        return (h(StyledHost, { key: '594c52003f897f4c50f79935e42a7042fb5ec168', exportedparts: tableExportedParts }, h("div", { key: 'f2b1d971e1e7bc5596459c071c3aa931ba4cb4b9', class: "row gy-3 mb-4" }, h("div", { key: 'd98e3ed56421493a60bd0a285079aa99ae705506', class: "col-2" }, h("form-control-date", { key: 'c9c899884bcc6fa6d306b95473ef0a7354e57bd5', name: "created_after", label: "Date from:", inputHandler: this.handleDateChange })), h("div", { key: '0059a75bf2f478b107d59bd9d7cc29de10dffe57', class: "col-2" }, h("form-control-date", { key: 'ef9a31ac8a8e7336386664b70289ee34677152a4', name: "created_before", label: "Date to:", inputHandler: this.handleDateChange }))), h("div", { key: '65da1114a66ac4cdf8d6ec012a42b2f760af5c76', class: "table-wrapper" }, h("table", { key: 'd68d8f61835cc4dc5dc988ff61843e6254494ace', class: "table table-hover" }, h("thead", { key: 'aa691db8fbfbcdad59acbdc1ef38497b552928ab', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'aa9f61cbf05b9420026861cb14e6a30a6c9e347e', class: "table-light text-nowrap", part: "table-head-row" }, this.columnData.map((column) => (h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, Array.isArray(column) ? column[0] : column))))), h("tbody", { key: 'cf0127f26e8bc5b7afbbfc4a36fab4de948d1727', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'd6b832786c4959176974c7a343442c8d1c50b5c2', columnSpan: this.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '398a20957f76ba14e1b0677fbd6fbfbacce61fbb', isEmpty: this.showEmptyState, columnSpan: this.columnData.length }), h(TableErrorState, { key: 'd9f755a07a6f8cd4967eac60beff92f36322dcdd', 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) => ((dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type) ? (h("td", { part: "table-cell", innerHTML: dataEntry.value })) : (h("td", { part: "table-cell" }, dataEntry)))))))), this.paging && (h("tfoot", { key: '503fa3a3a7ffe5d52b614153b286dd0326c02091', class: "sticky-bottom" }, h("tr", { key: 'e3af74b96bfc1f5ac1f0f0655eaed096102d0e89', class: "table-light align-middle" }, h("td", { key: 'a53f9d37181ea29a9fcb6ab46b2daf7cc66509be', part: "pagination-bar", colSpan: this.columnData.length }, h("pagination-menu", { key: 'b0779289444747e0b18bb63e6a17cdc89bd390ca', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
-    }
-    static get watchers() { return {
-        "params": ["updateOnPropChange"],
-        "getPayouts": ["updateOnPropChange"]
-    }; }
-};
-
-export { PayoutsListCore as payouts_list_core };

package/dist/webcomponents/p-8371f61c.entry.js

@@ -1,94 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { P as PaymentService } from './p-cb26f708.js';
-import './p-56f6ce4c.js';
-import { P as Payment } from './p-df21aaad.js';
-import './p-e3fab0e2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
-import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
-import { E as ErrorState } from './p-dce846bf.js';
-import { J as JustifiAnalytics } from './p-20abace7.js';
-import './p-29c0b182.js';
-import './p-1bbbf15d.js';
-
-const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchPayment(id, authToken);
-        if (!response.error) {
-            onSuccess({ payment: new Payment(response.data) });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        onError({
-            error: getErrorMessage(error),
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-const PaymentDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.paymentService = new PaymentService();
-        this.handleErrorEvent = event => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
-        this.paymentId = undefined;
-        this.authToken = undefined;
-        this.getPaymentDetails = undefined;
-        this.errorMessage = null;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeGetPaymentDetails();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    ;
-    propChanged() {
-        this.initializeGetPaymentDetails();
-    }
-    initializeGetPaymentDetails() {
-        if (this.paymentId && this.authToken) {
-            this.getPaymentDetails = makeGetPaymentDetails({
-                id: this.paymentId,
-                authToken: this.authToken,
-                service: new PaymentService(),
-            });
-        }
-        else {
-            this.errorMessage = 'Payment ID and Auth Token are required';
-            this.errorEvent.emit({
-                message: this.errorMessage,
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent }));
-    }
-    static get watchers() { return {
-        "paymentId": ["propChanged"],
-        "authToken": ["propChanged"]
-    }; }
-};
-
-export { PaymentDetails as justifi_payment_details };

package/dist/webcomponents/p-85fc69e5.js

@@ -1,90 +0,0 @@
-import { c as create$3, a as create$6 } from './p-2eab3c90.js';
-import { l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation, i as identityNameValidation, b as identityTitleValidation, e as emailValidation, d as phoneValidation, f as dobValidation, g as ssnValidation } from './p-89887332.js';
-
-const addressSchema = (allowOptionalFields) => {
-    const schema = create$3({
-        line1: lineOneValidation.required('Enter street address'),
-        line2: lineTwoValidation.nullable(),
-        city: cityValidation.required('Enter city'),
-        state: stateValidation.required('Select state'),
-        postal_code: postalValidation.required('Enter postal code'),
-        country: create$6().required('Select country')
-    });
-    const easySchema = create$3({
-        line1: lineOneValidation.nullable(),
-        line2: lineTwoValidation.nullable(),
-        city: cityValidation.nullable(),
-        state: stateValidation.nullable(),
-        postal_code: postalValidation.nullable(),
-        country: create$6().required('Select country')
-    });
-    return allowOptionalFields ? easySchema : schema;
-};
-
-const identitySchema = (role, allowOptionalFields) => {
-    const schema = create$3({
-        name: identityNameValidation.required(`Enter ${role} name`),
-        title: identityTitleValidation.required(`Enter ${role} title`),
-        email: emailValidation.required(`Enter ${role} email`),
-        phone: phoneValidation.required('Enter phone number'),
-        dob_full: dobValidation(role).required('Enter date of birth'),
-        ssn_last4: create$6().nullable(),
-        identification_number: ssnValidation,
-        address: addressSchema(allowOptionalFields),
-    });
-    const easySchema = create$3({
-        name: identityNameValidation.required(`Enter ${role} name`),
-        title: identityTitleValidation.nullable(),
-        email: emailValidation.nullable(),
-        phone: phoneValidation.nullable(),
-        dob_full: dobValidation(role).nullable(),
-        ssn_last4: create$6().nullable(),
-        identification_number: ssnValidation.nullable(),
-        address: addressSchema(allowOptionalFields),
-    });
-    return allowOptionalFields ? easySchema : schema;
-};
-
-// These props should not be sent to the server
-// This function is for the larger business form. 
-const parseBusiness = (values, initialValues) => {
-    var _a;
-    parseCoreInfo(values);
-    parseAddressInfo(values.legal_address);
-    parseIdentityInfo(values.representative);
-    ((_a = initialValues.owners) === null || _a === void 0 ? void 0 : _a.length) && delete values.owners;
-    return values;
-};
-// These functions are for the stepped business form.
-const parseCoreInfo = (values) => {
-    delete values.id;
-    delete values.documents;
-    delete values.bank_accounts;
-    delete values.product_categories;
-    delete values.created_at;
-    delete values.updated_at;
-    delete values.associated_accounts;
-    delete values.terms_conditions_accepted;
-    return values;
-};
-const parseAddressInfo = (values) => {
-    delete values.id;
-    delete values.created_at;
-    delete values.updated_at;
-    return values;
-};
-const parseIdentityInfo = (values) => {
-    delete values.id;
-    delete values.documents;
-    delete values.created_at;
-    delete values.updated_at;
-    delete values.address.id;
-    delete values.address.created_at;
-    delete values.address.updated_at;
-    delete values.business_id;
-    delete values.dob_full;
-    delete values.ssn_last4;
-    return values;
-};
-
-export { addressSchema as a, parseCoreInfo as b, parseIdentityInfo as c, parseAddressInfo as d, identitySchema as i, parseBusiness as p };