@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/dist/esm/justifi-business-representative-form-inputs.entry.js

@@ -1,32 +0,0 @@
-import { r as registerInstance, h } from './index-DwYM91AU.js';
-import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-D3y0TzH9.js';
-import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { G as heading2, l as label, U as inputDisabled, _ as buttonSecondary } from './parts-wtuY7MT2.js';
-import { c as countryLabels } from './country-config-BQ4D46Lb.js';
-import './Business-B5rtFhtR.js';
-
-const RepresentativeFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isEditingIdentification = false;
-        this.inputHandler = (name, value) => {
-            updateFormValues(this.formController, { [name]: value });
-        };
-        this.onAddressFormUpdate = (values) => {
-            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear current value to force validation
-                updateFormValues(this.formController, {
-                    identification_number: '',
-                    ssn_last4: null
-                });
-            } }, "Change"))))), h("div", { key: 'dd27d90284c7eac1ec619622bf3e25b28360fe4c', class: "col-12" }, h("justifi-identity-address-form", { key: 'fa011614b624b6ad395f304552ff334d64d2c048', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
-    }
-};
-
-export { RepresentativeFormInputs as justifi_business_representative_form_inputs };

package/dist/module/business-additional-questions-form-step-core.js

@@ -1,167 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
-import { F as FormController } from './form.js';
-import { A as AdditionalQuestions } from './Business.js';
-import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { h as heading2 } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions } from './business-form-options.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$3 } from './form-control-select2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
-import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
-
-const AdditionalQuestionsFormStepCore = /*@__PURE__*/ proxyCustomElement(class AdditionalQuestionsFormStepCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.errors = {};
-        this.additional_questions = {};
-        this.recurringPayments = false;
-        this.isLoading = false;
-        this.getData = () => {
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.additional_questions = new AdditionalQuestions(response.data.additional_questions || {});
-                    this.formController.setInitialValues(Object.assign({}, this.additional_questions));
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.formLoading.emit(false);
-                    this.isLoading = false;
-                }
-            });
-        };
-        this.sendData = (onSuccess) => {
-            let submittedData;
-            this.formLoading.emit(true);
-            this.patchBusiness({
-                payload: this.patchPayload,
-                onSuccess: (response) => {
-                    submittedData = response;
-                    onSuccess();
-                },
-                onError: ({ error, code, severity }) => {
-                    submittedData = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.additionalQuestions });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-            this.additional_questions = new AdditionalQuestions(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    recurringPaymentsWatcher(newValue) {
-        if ((newValue === null || newValue === void 0 ? void 0 : newValue.business_recurring_payments) === 'Yes') {
-            this.recurringPayments = true;
-        }
-        else {
-            this.recurringPayments = false;
-        }
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    ;
-    get patchPayload() {
-        let formValues = new AdditionalQuestions(this.formController.values.getValue()).payload;
-        return { additional_questions: formValues };
-    }
-    componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new FormController(additionalQuestionsSchema(this.allowOptionalFields));
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
-    }
-    static get watchers() { return {
-        "additional_questions": ["recurringPaymentsWatcher"]
-    }; }
-}, [256, "justifi-additional-questions-form-step-core", {
-        "getBusiness": [16],
-        "patchBusiness": [16],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "formController": [32],
-        "errors": [32],
-        "additional_questions": [32],
-        "recurringPayments": [32],
-        "isLoading": [32],
-        "validateAndSubmit": [64]
-    }, undefined, {
-        "additional_questions": ["recurringPaymentsWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-additional-questions-form-step-core", "custom-popper", "form-control-monetary-provisioning", "form-control-select", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-additional-questions-form-step-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AdditionalQuestionsFormStepCore);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-monetary-provisioning":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { AdditionalQuestionsFormStepCore as A, defineCustomElement as d };

package/dist/module/business-bank-account-form-step-core.js

@@ -1,456 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as create$3, a as create$6, d as create$8, F as FormController } from './form.js';
-import { a as CountryCode } from './Business.js';
-import { E as EntityDocumentType, h as EntityDocumentStorage, i as EntityDocument, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
-import { C as accountNumberValidation, D as accountTypeValidation, i as identityNameValidation, E as nicknameValidation, F as bankNameValidation, G as numbersOnlyRegex, H as routingNumberValidation } from './schema-validations.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { h as heading2 } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import './config-state.js';
-import './dinero.js';
-import './Pagination.js';
-import { d as defineCustomElement$a } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$9 } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$8 } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$7 } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$6 } from './business-documents-on-file2.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './form-control-file2.js';
-import { d as defineCustomElement$3 } from './form-control-select2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
-import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
-
-class BankAccount {
-    constructor(data) {
-        this.id = data.id;
-        this.account_owner_name = data.account_owner_name;
-        this.full_name = data.full_name;
-        this.account_type = data.account_type;
-        this.account_number = data.account_number;
-        this.acct_last_four = data.acct_last_four;
-        this.account_number_last4 = data.account_number_last4;
-        this.routing_number = data.routing_number;
-        this.institution_number = data.institution_number;
-        this.transit_number = data.transit_number;
-        this.bank_name = data.bank_name;
-        this.country = data.country;
-        this.currency = data.currency;
-        this.nickname = data.nickname;
-        this.metadata = data.metadata;
-        this.business_id = data.business_id;
-        this.platform_account_id = data.platform_account_id;
-        this.created_at = data.created_at;
-        this.updated_at = data.updated_at;
-    }
-    get payload() {
-        return {
-            account_owner_name: this.account_owner_name || '',
-            account_type: this.account_type || '',
-            account_number: this.account_number || '',
-            routing_number: this.routing_number || '',
-            institution_number: this.institution_number || '',
-            transit_number: this.transit_number || '',
-            bank_name: this.bank_name || '',
-            nickname: this.nickname || '',
-            business_id: this.business_id || '',
-        };
-    }
-}
-
-const checkExistingDocs = (documents, documentType) => {
-    return documents.some((doc) => doc.document_type === documentType);
-};
-const buildCommonFieldRules = (allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return {
-            bank_name: bankNameValidation.nullable(),
-            nickname: nicknameValidation.nullable(),
-            account_owner_name: identityNameValidation.nullable(),
-            account_type: accountTypeValidation.nullable(),
-            account_number: accountNumberValidation.nullable(),
-        };
-    }
-    return {
-        bank_name: bankNameValidation.required('Enter bank name'),
-        nickname: nicknameValidation.required('Enter nickname'),
-        account_owner_name: identityNameValidation.required('Enter account owner name'),
-        account_type: accountTypeValidation.required('Select account type'),
-        account_number: accountNumberValidation.required('Enter account number'),
-    };
-};
-const buildDocumentRules = (documents, allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return {
-            voided_check: create$8().nullable(),
-            bank_statement: create$8().nullable(),
-        };
-    }
-    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
-    const existingDocument = existingVoidedCheck || existingBankStatement;
-    const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
-    return {
-        voided_check: create$8().when('bank_statement', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
-        }),
-        bank_statement: create$8().when('voided_check', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
-        }),
-    };
-};
-const buildUSARules = (allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return { routing_number: routingNumberValidation.nullable() };
-    }
-    return { routing_number: routingNumberValidation.required('Enter routing number') };
-};
-const buildCANRules = (allowOptionalFields) => {
-    const institutionNumberValidation = create$6()
-        .length(3, 'Institution number must be 3 digits')
-        .matches(numbersOnlyRegex, 'Enter valid institution number');
-    const transitNumberValidation = create$6()
-        .length(5, 'Transit number must be 5 digits')
-        .matches(numbersOnlyRegex, 'Enter valid transit number');
-    if (allowOptionalFields) {
-        return {
-            institution_number: institutionNumberValidation.nullable(),
-            transit_number: transitNumberValidation.nullable(),
-        };
-    }
-    return {
-        institution_number: institutionNumberValidation.required('Enter institution number'),
-        transit_number: transitNumberValidation.required('Enter transit number'),
-    };
-};
-const businessBankAccountSchemaUSA = (documents, allowOptionalFields) => {
-    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildUSARules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
-    return create$3().shape(shape, [['voided_check', 'bank_statement']]);
-};
-const businessBankAccountSchemaCAN = (documents, allowOptionalFields) => {
-    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildCANRules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
-    return create$3().shape(shape, [['voided_check', 'bank_statement']]);
-};
-const bankAccountSchemaByCountry = {
-    [CountryCode.USA]: (allowOptionalFields, documents = []) => businessBankAccountSchemaUSA(documents, allowOptionalFields),
-    [CountryCode.CAN]: (allowOptionalFields, documents = []) => businessBankAccountSchemaCAN(documents, allowOptionalFields),
-};
-
-const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessBankAccountFormStepCore extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.errors = {};
-        this.bankAccount = {};
-        this.existingDocuments = [];
-        this.documentData = new EntityDocumentStorage();
-        this.isLoading = false;
-        this.getSchema = () => {
-            const schema = bankAccountSchemaByCountry[this.country];
-            return schema(this.allowOptionalFields, this.existingDocuments);
-        };
-        this.initializeFormController = () => {
-            this.formController = new FormController(this.getSchema());
-            this.formController.setInitialValues(Object.assign({}, this.bankAccount));
-            this.formController.errors.subscribe(errors => {
-                this.errors = Object.assign({}, errors);
-            });
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.storeFiles = (e) => {
-            const fileList = Array.from(e.detail.fileList);
-            const docType = e.detail.document_type;
-            const documentList = fileList.map(file => new EntityDocument({ file, document_type: docType }, this.businessId));
-            this.documentData[docType] = documentList;
-        };
-        this.getData = () => {
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    if (response.data.bank_accounts.length > 0) {
-                        this.bankAccount = new BankAccount(response.data.bank_accounts[0]);
-                    }
-                    else {
-                        this.bankAccount = new BankAccount({});
-                        this.bankAccount.business_id = this.businessId;
-                    }
-                    this.existingDocuments = response.data.documents;
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.initializeFormController();
-                    this.isLoading = false;
-                }
-            });
-        };
-        this.postDocumentRecordData = async (docData) => {
-            this.isLoading = true;
-            const payload = docData.record_data;
-            return new Promise((resolve) => {
-                this.postDocumentRecord({
-                    payload,
-                    onSuccess: (response) => {
-                        resolve(this.handleDocRecordResponse(docData, response));
-                    },
-                    onError: ({ error, code, severity }) => {
-                        this.errorEvent.emit({
-                            message: error,
-                            errorCode: code,
-                            severity: severity
-                        });
-                        resolve(false);
-                    },
-                });
-            });
-        };
-        this.handleDocRecordResponse = (docData, response) => {
-            if (response.error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.POST_ERROR,
-                    message: response.error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: response.error,
-                });
-                return false;
-            }
-            else {
-                docData.setPresignedUrl(response.data.presigned_url);
-                return true;
-            }
-        };
-        this.uploadDocument = async (docData) => {
-            if (!docData.presigned_url) {
-                throw new Error('Presigned URL is not set');
-            }
-            const fileData = await docData.getFileData();
-            const response = await fetch(docData.presigned_url, {
-                method: 'PUT',
-                body: fileData
-            });
-            return this.handleUploadResponse(response);
-        };
-        this.handleUploadResponse = (response) => {
-            if (response.error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.POST_ERROR,
-                    message: response.error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: response.error,
-                });
-                return false;
-            }
-            else {
-                return true;
-            }
-        };
-    }
-    watchHandler(newValue) {
-        this.formLoading.emit(newValue);
-    }
-    async validateAndSubmit({ onSuccess }) {
-        if (this.existingBankAccount) {
-            // If a bank account already exists, skip bank account posting; proceed directly to document upload
-            this.sendData(onSuccess);
-        }
-        else {
-            // If bank account is new, validate form inputs (bank account fields), then proceed
-            this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-        }
-    }
-    componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new FormController(this.getSchema());
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    get postPayload() {
-        const values = this.formController.values.getValue();
-        const formValues = new BankAccount(values).payload;
-        return formValues;
-    }
-    get existingBankAccount() {
-        var _a;
-        return !!((_a = this.bankAccount) === null || _a === void 0 ? void 0 : _a.id);
-    }
-    async sendData(onSuccess) {
-        try {
-            //  Post bank account data if the form is not disabled
-            const bankAccountPosted = !this.existingBankAccount ? await this.postBankAccountData() : true;
-            if (!bankAccountPosted) {
-                return;
-            }
-            // Post documents only after bank account was successfully created
-            const documentsUploaded = await this.postBusinessDocuments();
-            if (!documentsUploaded) {
-                return;
-            }
-            onSuccess();
-        }
-        catch (error) {
-            this.errorEvent.emit({
-                message: error,
-                errorCode: ComponentErrorCodes.POST_ERROR,
-                severity: ComponentErrorSeverity.ERROR
-            });
-        }
-    }
-    async postBankAccountData() {
-        let submittedData;
-        this.isLoading = true;
-        return new Promise((resolve) => {
-            let success = false;
-            this.postBankAccount({
-                payload: this.postPayload,
-                onSuccess: (response) => {
-                    submittedData = response;
-                    success = true;
-                },
-                onError: ({ error, code, severity }) => {
-                    success = false;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.bankAccount });
-                    this.isLoading = false;
-                    resolve(success);
-                }
-            });
-        });
-    }
-    async postBusinessDocuments() {
-        this.isLoading = true;
-        try {
-            const docArray = Object.values(this.documentData).flat();
-            if (!docArray.length) {
-                return true;
-            }
-            const recordsCreated = await Promise.all(docArray.map((docData) => this.postDocumentRecordData(docData))); // Create document records
-            if (recordsCreated.includes(false)) {
-                return false;
-            } // Exit if document record creation fails
-            const uploadsCompleted = await Promise.all(docArray.map((docData) => this.uploadDocument(docData))); // Upload documents to AWS presigned URLs
-            if (uploadsCompleted.includes(false)) {
-                return false;
-            } // Exit if any upload fails
-            return true;
-        }
-        finally {
-            this.isLoading = false;
-        }
-    }
-    render() {
-        const bankAccountDefaultValue = this.formController.getInitialValues();
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), this.country === CountryCode.CAN ? (h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })) : (h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount }))), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
-    }
-    static get watchers() { return {
-        "isLoading": ["watchHandler"]
-    }; }
-}, [256, "justifi-business-bank-account-form-step-core", {
-        "businessId": [1, "business-id"],
-        "getBusiness": [16],
-        "postBankAccount": [16],
-        "postDocumentRecord": [16],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "formController": [32],
-        "errors": [32],
-        "bankAccount": [32],
-        "existingDocuments": [32],
-        "documentData": [32],
-        "isLoading": [32],
-        "validateAndSubmit": [64]
-    }, undefined, {
-        "isLoading": ["watchHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-business-bank-account-form-step-core", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-file", "form-control-select", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-business-bank-account-form-step-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessBankAccountFormStepCore);
-            }
-            break;
-        case "bank-account-document-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "bank-account-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "bank-account-form-inputs-canada":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "bank-account-read-only-value":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "business-documents-on-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { BusinessBankAccountFormStepCore as B, defineCustomElement as d };