@justifi/webcomponents 5.1.0 → 5.3.0

package/dist/cjs/justifi-additional-questions-form-step-core_6.cjs.entry.js

@@ -0,0 +1,833 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-2f66f025.js');
+const index_esm = require('./index.esm-a397536a.js');
+const Business = require('./Business-cfd6a2dd.js');
+const formInputMasks = require('./form-input-masks-0879c139.js');
+const parts = require('./parts-b2ff8b68.js');
+const skeleton = require('./skeleton-0353466d.js');
+const businessFormOptions = require('./business-form-options-4bcb8943.js');
+const eventTypes = require('./event-types-180a85a9.js');
+const schemaValidations = require('./schema-validations-cc4e6071.js');
+const ComponentError = require('./ComponentError-233ac749.js');
+require('./Checkout-0f1c8abe.js');
+require('./Pagination-0da8f095.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-509ebf93.js');
+const Document = require('./Document-0b828345.js');
+const utils = require('./utils-bc03ca40.js');
+const button = require('./button-8b634147.js');
+const businessIdentitySchema = require('./business-identity-schema-be495474.js');
+const stateOptions = require('./state-options-4fbcb48a.js');
+require('./helpers-602962eb.js');
+require('./utils-337befa9.js');
+require('./Dispute-eb6bad54.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.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 || '',
+            bank_name: this.bank_name || '',
+            nickname: this.nickname || '',
+            business_id: this.business_id || '',
+        };
+    }
+}
+
+const FormBlock = () => (index.h("div", { class: "row gap-3" },
+    index.h("div", { class: "col-12" },
+        index.h(skeleton.Skeleton, { width: "25%" })),
+    index.h("div", { class: "col-12" },
+        index.h(skeleton.Skeleton, { width: "100%" })),
+    index.h("div", { class: "col-12 d-flex gap-3" },
+        index.h(skeleton.Skeleton, { width: "50%" }),
+        index.h(skeleton.Skeleton, { width: "50%" })),
+    index.h("div", { class: "col-12 d-flex gap-3" },
+        index.h(skeleton.Skeleton, { width: "65%" }),
+        index.h(skeleton.Skeleton, { width: "35%" }))));
+const PaymentProvisioningLoading = () => {
+    return (index.h("div", { class: "row gap-5" },
+        index.h("div", { class: "col-12" },
+            index.h(skeleton.Skeleton, { width: "40%", height: "40px" })),
+        index.h(FormBlock, null),
+        index.h(FormBlock, null),
+        index.h(FormBlock, null)));
+};
+
+const AdditionalQuestionsFormStepCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.additional_questions = new Business.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: eventTypes.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 Business.AdditionalQuestions(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.formController = undefined;
+        this.errors = {};
+        this.additional_questions = {};
+        this.recurringPayments = false;
+        this.isLoading = false;
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    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 Business.AdditionalQuestions(this.formController.values.getValue()).payload;
+        return { additional_questions: formValues };
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new index_esm.FormController(businessAdditionalQuestionsSchema.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 index.h(PaymentProvisioningLoading, null);
+        }
+        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Additional Questions"), index.h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-monetary", { 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: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-monetary", { 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: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { class: "col-12" }, index.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: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { class: "col-12" }, index.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: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { class: 'col-12', hidden: !this.recurringPayments }, index.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." })), index.h("div", { class: "col-12" }, index.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: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { class: "col-12" }, index.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"]
+    }; }
+};
+
+const businessBankAccountSchema = (documents, allowOptionalFields) => {
+    const schema = index_esm.create$3({
+        bank_name: schemaValidations.bankNameValidation.required('Enter bank name'),
+        nickname: schemaValidations.nicknameValidation.required('Enter nickname'),
+        account_owner_name: schemaValidations.identityNameValidation.required('Enter account owner name'),
+        account_type: schemaValidations.accountTypeValidation.required('Select account type'),
+        account_number: schemaValidations.accountNumberValidation.required('Enter account number'),
+        routing_number: schemaValidations.routingNumberValidation.required('Enter routing number'),
+        voided_check: schemaValidations.voidedCheckValidation(documents, allowOptionalFields),
+        bank_statement: schemaValidations.bankStatementValidation(documents, allowOptionalFields)
+    });
+    const easySchema = index_esm.create$3({
+        bank_name: schemaValidations.bankNameValidation.nullable(),
+        nickname: schemaValidations.nicknameValidation.nullable(),
+        account_owner_name: schemaValidations.identityNameValidation.nullable(),
+        account_type: schemaValidations.accountTypeValidation.nullable(),
+        account_number: schemaValidations.accountNumberValidation.nullable(),
+        routing_number: schemaValidations.routingNumberValidation.nullable(),
+        voided_check: schemaValidations.voidedCheckValidation(documents, allowOptionalFields),
+        bank_statement: schemaValidations.bankStatementValidation(documents, allowOptionalFields)
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+const BusinessBankAccountFormStepCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.initializeFormController = () => {
+            this.formController = new index_esm.FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
+            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 Document.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: ComponentError.ComponentErrorCodes.POST_ERROR,
+                    message: response.error.message,
+                    severity: ComponentError.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 response = await fetch(docData.presigned_url, {
+                method: 'PUT',
+                body: docData.fileString,
+            });
+            return this.handleUploadResponse(response);
+        };
+        this.handleUploadResponse = (response) => {
+            if (response.error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentError.ComponentErrorCodes.POST_ERROR,
+                    message: response.error.message,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                    data: response.error,
+                });
+                return false;
+            }
+            else {
+                return true;
+            }
+        };
+        this.formController = undefined;
+        this.errors = {};
+        this.bankAccount = {};
+        this.existingDocuments = [];
+        this.documentData = new Document.EntityDocumentStorage();
+        this.isLoading = false;
+        this.businessId = undefined;
+        this.getBusiness = undefined;
+        this.postBankAccount = undefined;
+        this.postDocumentRecord = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    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 index_esm.FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    get postPayload() {
+        let formValues = new BankAccount(this.formController.values.getValue()).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: ComponentError.ComponentErrorCodes.POST_ERROR,
+                severity: ComponentError.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: eventTypes.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 index.h(PaymentProvisioningLoading, null);
+        }
+        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.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." })), index.h("hr", { class: "mt-2" }), index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("form-control-tooltip", { helpText: "These documents are required for underwriting purposes. Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+    }
+    static get watchers() { return {
+        "isLoading": ["watchHandler"]
+    }; }
+};
+
+const BusinessCoreInfoFormStepCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.coreInfo = new Business.CoreBusinessInfo(response.data);
+                    this.formController.setInitialValues(Object.assign({}, this.coreInfo));
+                },
+                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: eventTypes.BusinessFormStep.businessInfo });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.formController = undefined;
+        this.errors = {};
+        this.coreInfo = {};
+        this.isLoading = false;
+        this.businessId = undefined;
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    ;
+    get patchPayload() {
+        let formValues = new Business.CoreBusinessInfo(this.formController.values.getValue()).payload;
+        return formValues;
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new index_esm.FormController(businessAdditionalQuestionsSchema.businessCoreInfoSchema(this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        const coreInfoDefaultValue = this.formController.getInitialValues();
+        if (this.isLoading) {
+            return index.h(PaymentProvisioningLoading, null);
+        }
+        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Business Information")), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-select", { name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-date", { name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns." })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-number-masked", { name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+    }
+};
+
+const BusinessOwnersFormStepCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.matchRef = (ref, ownerId) => {
+            const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
+            if (ownerIndex !== -1) {
+                this.refs[ownerIndex] = ref;
+            }
+        };
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    if (response.data.owners.length) {
+                        this.ownersPayload = response.data.owners.map(owner => ({ id: owner.id }));
+                    }
+                    else {
+                        this.addOwnerForm();
+                    }
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.formLoading.emit(false);
+                    this.isLoading = false;
+                    this.manageRefs();
+                }
+            });
+        };
+        this.sendData = async (onSuccess) => {
+            let submittedData;
+            this.formLoading.emit(true);
+            this.patchBusiness({
+                payload: { owners: this.ownersPayload },
+                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: eventTypes.BusinessFormStep.owners });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.addOwnerForm = (fireClick) => {
+            this.newFormOpen = true;
+            this.ownersPayload = [...this.ownersPayload, { id: '' }];
+            fireClick && this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.addOwnerForm });
+        };
+        this.removeOwnerForm = (id) => {
+            this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== id);
+            this.newFormOpen && (this.newFormOpen = false);
+        };
+        this.ownersPayload = [];
+        this.refs = [];
+        this.newFormOpen = undefined;
+        this.isLoading = false;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    get showAddOwnerButton() {
+        return this.ownersPayload.length < 4 && !this.newFormOpen;
+    }
+    manageRefs() {
+        this.refs = this.ownersPayload.map((owner) => { return owner.id; });
+    }
+    async validateAndSubmit({ onSuccess }) {
+        const formValidations = this.refs.map(ref => ref.validate());
+        const formsValid = (await Promise.all(formValidations)).every(result => result);
+        if (!formsValid) {
+            return;
+        }
+        const formSubmissions = this.refs.map(ref => ref.submit());
+        const submissionsValid = (await Promise.all(formSubmissions)).every(result => result);
+        if (!submissionsValid) {
+            return;
+        }
+        this.sendData(onSuccess);
+    }
+    ;
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+    }
+    ownersWatcher() {
+        this.manageRefs();
+    }
+    handleOwnerSubmit(event) {
+        const submittedOwner = event.detail;
+        const updatedOwners = this.ownersPayload.map(owner => owner.id === submittedOwner.id ? submittedOwner : owner);
+        if (!updatedOwners.includes(submittedOwner)) {
+            const newOwnerIndex = this.ownersPayload.findIndex(owner => !owner.id);
+            updatedOwners[newOwnerIndex] = submittedOwner;
+            this.newFormOpen && (this.newFormOpen = false);
+        }
+        this.ownersPayload = updatedOwners;
+    }
+    render() {
+        if (this.isLoading) {
+            return index.h(PaymentProvisioningLoading, null);
+        }
+        return (index.h("div", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Owners"), index.h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
+            return (index.h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
+        })), index.h("div", { class: 'd-flex justify-content-start' }, index.h("div", { class: 'gap-2' }, index.h(button.Button, { variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
+    }
+    static get watchers() { return {
+        "ownersPayload": ["ownersWatcher"]
+    }; }
+};
+
+const BusinessRepresentativeFormStepCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.representative = new Business.Representative(response.data.representative || {});
+                    this.formController.setInitialValues(Object.assign({}, this.representative));
+                },
+                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: eventTypes.BusinessFormStep.representative });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.formController = undefined;
+        this.errors = {};
+        this.representative = {};
+        this.isLoading = false;
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    get patchPayload() {
+        let formValues = new Business.Representative(this.formController.values.getValue()).payload;
+        return { representative: formValues };
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new index_esm.FormController(businessIdentitySchema.identitySchema('representative', this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        if (this.isLoading) {
+            return (index.h(PaymentProvisioningLoading, null));
+        }
+        return (index.h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
+    }
+};
+
+const LegalAddressFormStepCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.legal_address = new Business.Address(response.data.legal_address || {});
+                    this.formController.setInitialValues(Object.assign({}, this.legal_address));
+                },
+                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: eventTypes.BusinessFormStep.legalAddress });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.formController = undefined;
+        this.errors = {};
+        this.legal_address = {};
+        this.isLoading = false;
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    ;
+    get patchPayload() {
+        let formValues = new Business.Address(this.formController.values.getValue()).payload;
+        return { legal_address: formValues };
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new index_esm.FormController(businessIdentitySchema.addressSchema(this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        const legalAddressDefaultValue = this.formController.getInitialValues();
+        if (this.isLoading) {
+            return index.h(PaymentProvisioningLoading, null);
+        }
+        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Legal Address of your Business"), index.h("form-control-tooltip", { helpText: "No PO Boxes." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "state", label: "State", options: stateOptions.StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: utils.numberOnlyHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+            // just for now so we skip handling country specificities
+            disabled: true }))))));
+    }
+};
+
+exports.justifi_additional_questions_form_step_core = AdditionalQuestionsFormStepCore;
+exports.justifi_business_bank_account_form_step_core = BusinessBankAccountFormStepCore;
+exports.justifi_business_core_info_form_step_core = BusinessCoreInfoFormStepCore;
+exports.justifi_business_owners_form_step_core = BusinessOwnersFormStepCore;
+exports.justifi_business_representative_form_step_core = BusinessRepresentativeFormStepCore;
+exports.justifi_legal_address_form_step_core = LegalAddressFormStepCore;