@justifi/webcomponents 4.19.3-rc-2 → 4.20.0

package/dist/webcomponents/p-6124b1b3.entry.js

@@ -1,80 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
-import { E as ErrorState } from './p-dce846bf.js';
-import { B as BusinessService } from './p-0e1bc91e.js';
-import { B as Business } from './p-af244664.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
-import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
-import { J as JustifiAnalytics } from './p-15eafa87.js';
-import './p-29c0b182.js';
-import './p-1ff8810b.js';
-import './p-6078a370.js';
-import './p-2e8f4937.js';
-
-const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
-    var _a;
-    try {
-        const response = await service.fetchBusiness(id, authToken);
-        if (!response.error) {
-            onSuccess({ business: new Business(response.data) });
-        }
-        else {
-            const responseError = getErrorMessage(response.error);
-            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
-            return onError({
-                error: responseError,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: error.message || error,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-const BusinessDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.errorMessage = undefined;
-        this.getBusiness = undefined;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeGetBusiness();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    initializeGetBusiness() {
-        if (!this.businessId || !this.authToken) {
-            this.errorMessage = 'Invalid business id or auth token';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: this.errorMessage,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        this.getBusiness = makeGetBusiness({
-            id: this.businessId,
-            authToken: this.authToken,
-            service: new BusinessService(),
-        });
-    }
-    render() {
-        if (this.errorMessage) {
-            return h(Host, null, ErrorState(this.errorMessage));
-        }
-        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
-    }
-};
-
-export { BusinessDetails as justifi_business_details };

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-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-75fd6367.entry.js

@@ -1,149 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { f as formatCurrency } from './p-83125497.js';
-import { C as ComponentErrorSeverity } from './p-14c91ffd.js';
-import { i as insuranceValuesOn, v as validateInsuranceValues, a as insuranceValues } from './p-2338affa.js';
-import { B as Button } from './p-9c9c7dac.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-import { S as Skeleton } from './p-08b0fb31.js';
-
-class Checkout {
-    constructor(data) {
-        Object.assign(this, data);
-    }
-}
-
-const checkoutCoreCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}.jfi-checkout-core{color:var(--jfi-body-color)}*::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-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)}*::part(invalid-feedback){color:var(--jfi-error-message-color);font-size:var(--jfi-error-message-font-size);margin:var(--jfi-error-message-margin);line-height:normal}.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);line-height:var(--jfi-submit-button-line-height);text-transform:var(--jfi-submit-button-text-transform)}.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 JustifiCheckoutCoreStyle0 = checkoutCoreCss;
-
-const headerCss = ".jfi-header{color:var(--jfi-header-color);border-bottom:var(--jfi-header-border)}";
-const JustifiCheckoutCoreStyle1 = headerCss;
-
-const CheckoutCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.submitted = createEvent(this, "submitted", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.loaded = createEvent(this, "loaded", 7);
-        this.completeCheckout = async (payment) => {
-            this.complete({
-                payment,
-                onSuccess: this.onSubmitted,
-                onError: this.onError,
-            });
-        };
-        this.onSubmitted = (data) => {
-            this.submitted.emit(data);
-            this.renderState = 'success';
-        };
-        this.onError = ({ error, code, severity }) => {
-            this.serverError = error;
-            this.errorEvent.emit({
-                errorCode: code,
-                message: error,
-                severity,
-            });
-            this.renderState = 'error';
-        };
-        this.iframeOrigin = "";
-        this.authToken = undefined;
-        this.getCheckout = undefined;
-        this.complete = undefined;
-        this.checkoutId = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.disableBnpl = undefined;
-        this.disablePaymentMethodGroup = undefined;
-        this.hasLoadedFonts = false;
-        this.checkout = undefined;
-        this.serverError = undefined;
-        this.renderState = 'loading';
-        this.creatingNewPaymentMethod = false;
-        this.insuranceToggled = false;
-    }
-    async fillBillingForm(fields) {
-        this.paymentMethodOptionsRef.fillBillingForm(fields);
-    }
-    componentWillLoad() {
-        console.log('CheckoutCore: componentWillLoad iframeOrigin', this, this.iframeOrigin);
-        if (this.getCheckout) {
-            this.fetchData();
-            // Refresh the checkout data when insurance is added or removed
-            insuranceValuesOn('set', (key) => {
-                const value = insuranceValues[key];
-                if (value !== undefined) {
-                    this.insuranceToggled = value;
-                    this.fetchData();
-                }
-            });
-        }
-    }
-    fetchData() {
-        this.renderState = 'loading';
-        this.getCheckout({
-            onSuccess: ({ checkout }) => {
-                this.checkout = new Checkout(checkout);
-                const { status } = this.checkout;
-                this.loaded.emit({ checkout_status: status });
-                this.renderState = 'success';
-            },
-            onError: ({ error, code, severity }) => {
-                this.serverError = error;
-                this.renderState = 'error';
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    ;
-    async submit(event) {
-        var _a;
-        event.preventDefault();
-        this.renderState = 'loading';
-        const insuranceValidation = validateInsuranceValues();
-        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
-        if (payload.validationError) {
-            this.renderState = 'error';
-        }
-        else if (payload.error) {
-            this.renderState = 'error';
-            this.serverError = payload.error.message;
-            this.onError({
-                code: payload.error.code,
-                error: payload.error.message,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-        else if (payload.token) {
-            this.completeCheckout({ payment_mode: 'ecom', payment_token: payload.token });
-        }
-        else if (((_a = payload.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
-            this.completeCheckout({ payment_mode: 'bnpl' });
-        }
-        else {
-            this.renderState = 'error';
-        }
-    }
-    get isLoading() {
-        return this.renderState === 'loading';
-    }
-    get isError() {
-        return this.renderState === 'error';
-    }
-    get paymentType() {
-        var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { variant: "rounded", height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
-    }
-    get summary() {
-        var _a, _b;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
-    }
-    render() {
-        return (h(StyledHost, { key: '991ae6970e426028ace0d1e8327119bc197639b0' }, h("div", { key: '1e57ee21429b494240e644235a2d5815ced99d43', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '70023ce10dea6ff8d5bd8e30c7d474f774682c65', class: "col-12" }, h("h2", { key: '8b09b03c1998e4d60e174fefb3d196e48d50b84a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'e3bbdaaaf010451a31fe9c60bdf81e89bdd142f2', class: "col-12" }, h("slot", { key: '442a01184960f42b5e1f6694798633d3e7219bf5', name: "insurance" })), h("div", { key: '716e26e3dc675e9d72a3a992b1cb212ce48ffb1a', class: "col-12 mt-4" }, h("h2", { key: '762cfc8549b20d16583d0fd8748bde8035042c00', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'f07d716a87f3e2bd44471f7e93f7af5f5d20440e', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '1156291dd748b90d64a08916ffb98c3123132175', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a5bd142a1c72c5abb29338a2cf24c180119d4ea7', class: "col-12" }, h("div", { key: '5a94ed9d54fd3dd24cfe3e34c23ee3c4995eca6d', class: "d-flex justify-content-end" }, h(Button, { key: '7fce3940d8fe562aa7c23e38201b5d2924157288', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
-    }
-};
-CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;
-
-export { CheckoutCore as justifi_checkout_core };

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-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 };