@justifi/webcomponents 4.19.3-rc-1 → 4.19.3-rc-2

package/dist/webcomponents/p-24dc023a.entry.js

@@ -0,0 +1,791 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
+import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './p-14c91ffd.js';
+import { m as makeGetBusiness, b as makePatchBusiness } from './p-5968ff8a.js';
+import { B as BusinessService } from './p-0e1bc91e.js';
+import { c as create$3, F as FormController, e as create$7 } from './p-2eab3c90.js';
+import { b as BusinessFormStep, a as BusinessFormClickActions } from './p-d89bad72.js';
+import { z as bankNameValidation, A as nicknameValidation, i as identityNameValidation, B as accountTypeValidation, C as accountNumberValidation, D as routingNumberValidation, E as voidedCheckValidation, F as governmentIdValidation, G as ss4Validation, H as otherDocumentValidation, I as balanceSheetValidation, J as bankStatementValidation, K as profitAndLossStatementValidation, L as EntityDocument, M as EntityDocumentStorage } from './p-89887332.js';
+import { c as bankAccountTypeOptions } from './p-ba5fae28.js';
+import { A as Api } from './p-29c0b182.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { n as numberOnlyHandler } from './p-8df7bde8.js';
+import { B as Business } from './p-af244664.js';
+import { S as Skeleton } from './p-08b0fb31.js';
+import { B as Button } from './p-9c9c7dac.js';
+import './p-8115b2f4.js';
+import './p-6078a370.js';
+import './p-1ff8810b.js';
+
+const AdditionalQuestionsFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h("justifi-additional-questions-form-step-core", { key: 'ede8f1336c69d47c651a5b4b95ee2746aae3aa52', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+};
+
+const businessBankAccountSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        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'),
+        routing_number: routingNumberValidation.required('Enter routing number')
+    });
+    const easySchema = create$3({
+        bank_name: bankNameValidation.nullable(),
+        nickname: nicknameValidation.nullable(),
+        account_owner_name: identityNameValidation.nullable(),
+        account_type: accountTypeValidation.nullable(),
+        account_number: accountNumberValidation.nullable(),
+        routing_number: routingNumberValidation.nullable()
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+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.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;
+    }
+}
+
+const BusinessBankAccountFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.fetchData = async () => {
+            this.formLoading.emit(true);
+            try {
+                const response = await this.api.get(this.businessEndpoint);
+                if (response.data.bank_accounts.length > 0) {
+                    this.bankAccount = Object.assign({}, new BankAccount(response.data.bank_accounts[0]));
+                }
+                else {
+                    this.bankAccount = Object.assign({}, new BankAccount({}));
+                }
+                this.formController.setInitialValues(Object.assign({}, this.bankAccount));
+            }
+            catch (error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.FETCH_ERROR,
+                    message: error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: error,
+                });
+            }
+            finally {
+                this.formLoading.emit(false);
+            }
+        };
+        this.sendData = async (onSuccess) => {
+            this.formLoading.emit(true);
+            try {
+                const formValues = this.formController.values.getValue();
+                const payload = Object.assign(Object.assign({}, formValues), { business_id: this.businessId });
+                const response = await this.api.post(this.bankAccountEndpoint, JSON.stringify(payload));
+                this.handleResponse(response, onSuccess);
+            }
+            catch (error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.POST_ERROR,
+                    message: error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: error,
+                });
+            }
+            finally {
+                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.bankAccount = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    get businessEndpoint() {
+        return `entities/business/${this.businessId}`;
+    }
+    get bankAccountEndpoint() {
+        return `entities/bank_accounts`;
+    }
+    get formDisabled() {
+        var _a;
+        return !!((_a = this.bankAccount) === null || _a === void 0 ? void 0 : _a.id);
+    }
+    handleResponse(response, onSuccess) {
+        if (response.error) {
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.POST_ERROR,
+                message: response.error.message,
+                severity: ComponentErrorSeverity.ERROR,
+                data: response.error,
+            });
+        }
+        else {
+            onSuccess();
+        }
+        this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.bankAccount } });
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formDisabled ? onSuccess() :
+            this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    ;
+    componentWillLoad() {
+        this.formController = new FormController(businessBankAccountSchema(this.allowOptionalFields));
+        this.api = Api({ authToken: this.authToken, apiOrigin: "" });
+        if (this.businessId && this.authToken) {
+            this.fetchData();
+        }
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.bankAccount = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        const bankAccountDefaultValue = this.formController.getInitialValues();
+        return (h("form", { key: 'bc16efe8af48103ce07d8f5c6ecb040bbb957868' }, h("fieldset", { key: 'aaada7411cd43e678be3fe14bd60462e39f54527' }, h("legend", { key: '165b78cff91b553a37e7f070a40c4941db2929df' }, "Bank Account Info"), h("hr", { key: '006315c63bd21554dfa30d763122b9c9f259aba9' }), h("div", { key: 'f080fa734567a23c43ee7123bf2718aad5f1efa1', class: "row gy-3" }, h("div", { key: '674fab37279d21761f6e588338ebdcdb9e5520aa', class: "col-12" }, h("form-control-text", { key: '68f1a9aa2200e204c4db2a36eb5f4f168ab18bab', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '085f33f93096bd9ecba304715ea1c3ec879396b4', class: "col-12" }, h("form-control-text", { key: 'c684ee2722f992ed61c51f87fd2c234c7278eb21', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'c0afbdb31f2faa8f73158e659b232230099e8b9f', class: "col-12" }, h("form-control-text", { key: '3d0e3ca9794beed0c542b6ca18a01eebec48366f', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '40fd8191645312efaadc633061451bd744f2a31a', class: "col-12" }, h("form-control-select", { key: '40e40cc75dcaf8ef9ba47bdf109eb14798f28436', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '2af9c012bca9d413a5eb5b3b27f685f88137888b', class: "col-12" }, h("form-control-text", { key: '6386c601520152cb758dfe30ea7c6a8cdb1b249a', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: '8dac645db4cb8f18f4cdd138a02bc2467d2fcdd4', class: "col-12" }, h("form-control-text", { key: 'b8abe9231edd0fd07c21c9b3874e8f4f792a1eda', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled }))))));
+    }
+};
+
+const BusinessCoreInfoFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h("justifi-business-core-info-form-step-core", { key: '4ee53046d16fd42df4e09b10c338a740c22184ef', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+};
+
+const businessDocumentSchema = (volume, documents, allowOptionalFields) => {
+    const schema = create$3({
+        voided_check: voidedCheckValidation(documents, allowOptionalFields),
+        government_id: governmentIdValidation.nullable(),
+        ss4: ss4Validation.nullable(),
+        other: otherDocumentValidation.nullable(),
+        balance_sheet: balanceSheetValidation(volume, documents, allowOptionalFields),
+        bank_statement: bankStatementValidation(volume, documents, allowOptionalFields),
+        profit_and_loss_statement: profitAndLossStatementValidation(volume, documents, allowOptionalFields),
+    });
+    const easySchema = create$3({
+        voided_check: voidedCheckValidation(documents, allowOptionalFields),
+        government_id: governmentIdValidation.nullable(),
+        ss4: ss4Validation.nullable(),
+        other: otherDocumentValidation.nullable(),
+        balance_sheet: balanceSheetValidation(volume, documents, allowOptionalFields),
+        bank_statement: bankStatementValidation(volume, documents, allowOptionalFields),
+        profit_and_loss_statement: profitAndLossStatementValidation(volume, documents, allowOptionalFields)
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+const BusinessDocumentFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.fetchData = async () => {
+            this.renderState = 'loading';
+            this.formLoading.emit(true);
+            try {
+                const response = await this.api.get(this.businessEndpoint);
+                this.business = Object.assign({}, new Business(response.data));
+                this.existingDocuments = response.data.documents;
+                this.paymentVolume = response.data.additional_questions.business_payment_volume;
+            }
+            catch (error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.FETCH_ERROR,
+                    message: error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: error,
+                });
+                this.renderState = 'error';
+            }
+            finally {
+                this.initializeFormController();
+                this.formLoading.emit(false);
+                this.renderState = 'success';
+            }
+        };
+        this.initializeFormController = () => {
+            this.formController = new FormController(businessDocumentSchema(this.paymentVolume, this.existingDocuments, this.allowOptionalFields));
+            this.formController.errors.subscribe(errors => {
+                this.errors = Object.assign({}, errors);
+            });
+        };
+        this.createDocumentRecord = async (docData) => {
+            this.formLoading.emit(true);
+            const payload = docData.record_data;
+            try {
+                const response = await this.api.post(this.documentEndpoint, JSON.stringify(payload));
+                return this.handleDocRecordResponse(docData, response);
+            }
+            catch (error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.POST_ERROR,
+                    message: error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: error,
+                });
+                return 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 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: ComponentErrorCodes.POST_ERROR,
+                    message: response.error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: response.error,
+                });
+                return false;
+            }
+            else {
+                this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.documentUpload } });
+                return true;
+            }
+        };
+        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.sendData = async (onSuccess) => {
+            try {
+                const docArray = Object.values(this.documentData).flat();
+                if (!docArray.length) {
+                    return onSuccess();
+                }
+                const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
+                const recordsCreated = await Promise.all(documentRecords);
+                if (!recordsCreated) {
+                    return;
+                }
+                const uploads = docArray.map(docData => this.uploadDocument(docData));
+                const uploadsCompleted = await Promise.all(uploads);
+                if (!uploadsCompleted) {
+                    return;
+                }
+                await onSuccess();
+            }
+            finally {
+                this.formLoading.emit(false);
+            }
+        };
+        this.formController = undefined;
+        this.errors = {};
+        this.existingDocuments = [];
+        this.paymentVolume = undefined;
+        this.business = undefined;
+        this.documentData = new EntityDocumentStorage();
+        this.renderState = 'loading';
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    get businessEndpoint() {
+        return `entities/business/${this.businessId}`;
+    }
+    get documentEndpoint() {
+        return 'entities/document';
+    }
+    componentWillLoad() {
+        this.api = Api({ authToken: this.authToken, apiOrigin: "" });
+        if (this.businessId && this.authToken) {
+            this.fetchData();
+        }
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    get isLoading() {
+        return this.renderState === 'loading';
+    }
+    get isError() {
+        return this.renderState === 'error';
+    }
+    get documentsOnFile() {
+        if (this.isError) {
+            return null;
+        }
+        if (this.isLoading) {
+            return h(Skeleton, { variant: 'rounded', height: '50px' });
+        }
+        return h("justifi-business-documents-on-file", { documents: this.existingDocuments });
+    }
+    get formInputs() {
+        if (this.isError) {
+            return null;
+        }
+        if (this.isLoading) {
+            return h(Skeleton, { variant: 'rounded', height: '350px' });
+        }
+        return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
+    }
+    render() {
+        return (h("form", { key: '4905c2dacbca9b1390fd7e316993be5d33117ee5' }, h("fieldset", { key: '22dc71452b1917be0d9dc237b1ac27739b922e65' }, h("legend", { key: '7c705b2b00a13f7fe690b2e5169dd1809934f892' }, "Document Uploads"), h("p", { key: 'e0ad37456d88496a589c1c79e8e3e9a0fc101577' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '4ac6afc1c6ce6c6e81d4fcf05ee1c5c58b66f520' }), this.documentsOnFile, h("div", { key: 'bf8aa49a47a2d53f5c0a1179474d8dd885a5a363', class: "d-flex flex-column" }, this.formInputs))));
+    }
+};
+
+const BusinessOwnersFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h(Host, { key: '213a68fd3543eb912c6fed376128ba877ba75871' }, h("justifi-business-owners-form-step-core", { key: '5acee797bd35f5b60cadc5ddd50f560532dfe8b1', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+};
+
+const BusinessRepresentativeFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h("justifi-business-representative-form-step-core", { key: '866d8cf33d53eff562dac1d36898b4c5695bf39b', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+};
+
+const businessTermsConditionsSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        accepted: create$7()
+            .oneOf([true], 'You must agree to the terms and conditions to continue')
+            .required('You must agree to the terms and conditions to continue')
+    });
+    const easySchema = create$3({
+        accepted: create$7().nullable()
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+const BusinessTermsConditionsFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.fetchData = async () => {
+            this.formLoading.emit(true);
+            try {
+                const response = await this.api.get(this.businessEndpoint);
+                this.acceptedTermsBefore = response.data.terms_conditions_accepted;
+            }
+            catch (error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.FETCH_ERROR,
+                    message: error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: error,
+                });
+            }
+            finally {
+                this.formLoading.emit(false);
+            }
+        };
+        this.sendData = async (onSuccess) => {
+            this.formLoading.emit(true);
+            try {
+                const payload = JSON.stringify(this.termsPayload);
+                const response = await this.api.post(this.termsConditionsEndpoint, payload);
+                this.handleResponse(response, onSuccess);
+            }
+            catch (error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.POST_ERROR,
+                    message: error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: error,
+                });
+            }
+            finally {
+                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.acceptedTermsBefore = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    get businessEndpoint() {
+        return `entities/business/${this.businessId}`;
+    }
+    get termsConditionsEndpoint() {
+        return 'entities/terms_and_conditions';
+    }
+    get formHelperText() {
+        return this.acceptedTermsBefore ? 'You have already accepted the terms and conditions.' : null;
+    }
+    get termsPayload() {
+        return {
+            business_id: this.businessId,
+            accepted: this.formController.values.getValue().accepted,
+            user_agent: window.navigator.userAgent
+        };
+    }
+    async componentWillLoad() {
+        this.api = Api({ authToken: this.authToken, apiOrigin: "" });
+        this.formController = new FormController(businessTermsConditionsSchema(this.allowOptionalFields));
+        if (this.businessId && this.authToken) {
+            this.fetchData();
+        }
+    }
+    handleResponse(response, onSuccess) {
+        if (response.error) {
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.POST_ERROR,
+                message: response.error.message,
+                severity: ComponentErrorSeverity.ERROR,
+                data: response.error,
+            });
+        }
+        else {
+            onSuccess();
+        }
+        this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.termsAndConditions } });
+    }
+    async validateAndSubmit({ onSuccess }) {
+        if (this.acceptedTermsBefore) {
+            this.submitted.emit({ metadata: { completedStep: BusinessFormStep.termsAndConditions } });
+            onSuccess();
+        }
+        else {
+            this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        }
+    }
+    ;
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        return (h("form", { key: 'e7eb6730d5b975ae91057a5218ed062a23d3f0ef' }, h("fieldset", { key: '9dc69375e2c988dc11c4e76f757bde1fe18febea' }, h("legend", { key: '0202cf805071e011f0c087f244c0a43191632b7c' }, "Terms and Conditions"), h("hr", { key: 'a38e7b058d4269406c929abf4f57ddcdc16aa4fd' }), h("justifi-business-terms-conditions-text", { key: '8b87b016198c87c3c52c3e280353489573aff90c' }), h("br", { key: '6c7107e3975a40e44ba4375025ebea0e811630fe' }), h("div", { key: '3667f0455c95bc0d22472598eb2ca3cd7093b9d5', class: "row-gy-3" }, h("div", { key: '1169946dc47b48cd2f8f1a2adfa9ff9b149447f1', class: "col-12" }, h("form-control-checkbox", { key: '66942238443b1e27bb3902ddeba0f6fce973b319', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
+    }
+};
+
+const LegalAddressFormStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.authToken = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h("justifi-legal-address-form-step-core", { key: '7455b4950e2ca1121004943ad81537c583438738', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+};
+
+const PaymentProvisioningFormButtons = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.currentStep = undefined;
+        this.totalSteps = undefined;
+        this.formLoading = undefined;
+        this.formDisabled = undefined;
+        this.previousStepButtonOnClick = undefined;
+        this.nextStepButtonOnClick = undefined;
+    }
+    get showPreviousStepButton() {
+        return this.currentStep > 0;
+    }
+    get showNextStepButton() {
+        return this.currentStep < this.totalSteps;
+    }
+    get showSubmitButton() {
+        return this.currentStep === this.totalSteps;
+    }
+    render() {
+        return (h("div", { key: '3df3796f2bb35819373564c0002e35d14c85e360', class: 'd-flex gap-2' }, h(Button, { key: '3f8fd4e288b2eed6776c77b44dda816e8a0580cd', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '83c7d2405d6e4f88f721a95250aa847a6999a211', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'd87bcdc9bea52b11307e31bd1d99636be05d7156', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+    }
+};
+
+const PaymentProvisioningFormSteps = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formCompleted = createEvent(this, "formCompleted", 7);
+        this.componentStepMapping = {
+            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields }),
+            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields }),
+            2: () => h("justifi-additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
+            3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields }),
+            4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields }),
+            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
+            6: () => h("justifi-business-document-upload-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
+            7: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[7] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields, onSubmitted: () => this.formCompleted.emit() }),
+        };
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.refs = undefined;
+        this.currentStep = undefined;
+        this.allowOptionalFields = false;
+        this.handleFormLoading = undefined;
+    }
+    get currentStepComponent() {
+        return this.componentStepMapping[this.currentStep]();
+    }
+    render() {
+        return (h("div", { key: '8f02aa3223e38cda70319c127f60e5d2f3c5abe5', class: 'col-12 mb-4' }, this.currentStepComponent));
+    }
+};
+
+export { AdditionalQuestionsFormStep as justifi_additional_questions_form_step, BusinessBankAccountFormStep as justifi_business_bank_account_form_step, BusinessCoreInfoFormStep as justifi_business_core_info_form_step, BusinessDocumentFormStep as justifi_business_document_upload_form_step, BusinessOwnersFormStep as justifi_business_owners_form_step, BusinessRepresentativeFormStep as justifi_business_representative_form_step, BusinessTermsConditionsFormStep as justifi_business_terms_conditions_form_step, LegalAddressFormStep as justifi_legal_address_form_step, PaymentProvisioningFormButtons as justifi_payment_provisioning_form_buttons, PaymentProvisioningFormSteps as justifi_payment_provisioning_form_steps };