@justifi/webcomponents 6.13.0-rc.1 → 6.13.0

package/dist/cjs/{additional-questions-form-step_14.cjs.entry.js → additional-questions-form-step_15.cjs.entry.js}

@@ -1,32 +1,32 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Plaid = require('./Plaid-Aw35bhCX.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-DimM0KGV.js');
-var business_service = require('./business.service-CylI3Qrg.js');
-var businessIdentitySchema = require('./business-identity-schema-DI9XFbaD.js');
-var index_esm = require('./index.esm-C1ZPG85l.js');
+var Plaid = require('./Plaid-QLOFOTeC.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-B4x7lnyF.js');
+var business_service = require('./business.service-DOGeb2O6.js');
+var businessIdentitySchema = require('./business-identity-schema-BA385xf-.js');
+var index_esm = require('./index.esm-BNETBIV_.js');
 var Business = require('./Business-oBifyXkW.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
 var parts = require('./parts-BXshb_S-.js');
 var paymentProvisioningLoading = require('./payment-provisioning-loading-tM9WWmxv.js');
-var businessFormOptions = require('./business-form-options-D_nM7NDk.js');
+var businessFormOptions = require('./business-form-options-CnlrfbQ6.js');
 var eventTypes = require('./event-types-DNOUef41.js');
+var utils = require('./utils-DAyWinG2.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 require('./Pagination-Dediz133.js');
-var utils = require('./utils-DAyWinG2.js');
-var schemaValidations = require('./schema-validations-_yWWnnaG.js');
+var schemaValidations = require('./schema-validations-C2XsZnqK.js');
 var button = require('./button-CR9Rl1-o.js');
 require('./event-types-YOY5TKUN.js');
-var countryConfig = require('./country-config-D7fss2oF.js');
-var utils$1 = require('./utils-BHi4j5rB.js');
+var countryConfig = require('./country-config-C1bWmF8P.js');
+var utils$1 = require('./utils-D1CWnhex.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 var inputHandlers = require('./input-handlers-_51J5q7J.js');
-var Api = require('./Api-Bukk55YZ.js');
-var styledHost = require('./styled-host-DAi5SuFa.js');
-var plaid_service = require('./plaid.service-9PmS4X0g.js');
-require('./utils-Dcde8Zpt.js');
+var Api = require('./Api-BioDE5he.js');
+var styledHost = require('./styled-host-Ch0-dxF-.js');
+var plaid_service = require('./plaid.service-DpiLY-5D.js');
+require('./utils-BVM6JCW0.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-W-zoNiyM.js');
 
@@ -141,7 +141,7 @@ const AdditionalQuestionsFormStep = class {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
     }
     get patchPayload() {
-        let formValues = new Business.AdditionalQuestions(this.formController.values.getValue()).payload;
+        const formValues = new Business.AdditionalQuestions(this.formController.values.getValue()).payload;
         return { additional_questions: formValues };
     }
     componentWillLoad() {
@@ -181,7 +181,7 @@ const AdditionalQuestionsFormStep = class {
         if (this.isLoading) {
             return index.h(paymentProvisioningLoading.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-provisioning", { name: "business_revenue", label: "What is your business' 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-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: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "business_average_transaction_amount", label: "What is your average transaction size?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_average_transaction_amount, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_average_transaction_amount })), 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: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.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-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: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        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-provisioning", { name: "business_revenue", label: "What is your business' 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-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: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { class: "col-12" }, index.h("form-control-number", { name: "business_average_transaction_amount", label: "What is your average transaction size?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_average_transaction_amount, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_average_transaction_amount })), 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: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.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-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: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -190,15 +190,6 @@ const AdditionalQuestionsFormStep = class {
     }; }
 };
 
-const BankAccountDocumentFormInputs = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h("div", { key: 'd0dacb95d07d3e4ca9bc2c9f23b6c490871da4e9', class: "row gy-3" }, index.h("div", { key: '02ed406f38558badf9f591e076b120d09c71f83b', class: "col-12" }, index.h("form-control-file", { key: '11ff1dc68264b9e5aa561ffe19b423abc1a00c78', name: "voided_check", label: "Voided Check", documentType: Plaid.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: '71d26407522a75a54489155566c18af1a64c1417', class: "col-12" }, index.h("form-control-file", { key: '7ea42e03a44c223a5fedc273e94e635e70d54f4b', name: "bank_statement", label: "Bank Statement", documentType: Plaid.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
-    }
-};
-
 const BankAccountFormInputs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -219,9 +210,6 @@ const BankAccountFormInputsCanada = class {
     }
 };
 
-const checkExistingDocs = (documents, documentType) => {
-    return documents.some((doc) => doc.document_type === documentType);
-};
 const buildCommonFieldRules = (allowOptionalFields) => {
     if (allowOptionalFields) {
         return {
@@ -240,30 +228,6 @@ const buildCommonFieldRules = (allowOptionalFields) => {
         account_number: schemaValidations.accountNumberValidation.required('Enter account number'),
     };
 };
-const buildDocumentRules = (documents, allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return {
-            voided_check: index_esm.create$8().nullable(),
-            bank_statement: index_esm.create$8().nullable(),
-        };
-    }
-    const existingVoidedCheck = checkExistingDocs(documents, Plaid.EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, Plaid.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: index_esm.create$8().when('bank_statement', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
-        }),
-        bank_statement: index_esm.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: schemaValidations.routingNumberValidation.nullable() };
@@ -288,17 +252,17 @@ const buildCANRules = (allowOptionalFields) => {
         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 index_esm.create$3().shape(shape, [['voided_check', 'bank_statement']]);
+const businessBankAccountSchemaUSA = (allowOptionalFields) => {
+    const shape = Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildUSARules(allowOptionalFields));
+    return index_esm.create$3().shape(shape);
 };
-const businessBankAccountSchemaCAN = (documents, allowOptionalFields) => {
-    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildCANRules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
-    return index_esm.create$3().shape(shape, [['voided_check', 'bank_statement']]);
+const businessBankAccountSchemaCAN = (allowOptionalFields) => {
+    const shape = Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildCANRules(allowOptionalFields));
+    return index_esm.create$3().shape(shape);
 };
 const bankAccountSchemaByCountry = {
-    [Business.CountryCode.USA]: (allowOptionalFields, documents = []) => businessBankAccountSchemaUSA(documents, allowOptionalFields),
-    [Business.CountryCode.CAN]: (allowOptionalFields, documents = []) => businessBankAccountSchemaCAN(documents, allowOptionalFields),
+    [Business.CountryCode.USA]: (allowOptionalFields) => businessBankAccountSchemaUSA(allowOptionalFields),
+    [Business.CountryCode.CAN]: (allowOptionalFields) => businessBankAccountSchemaCAN(allowOptionalFields),
 };
 
 const BusinessBankAccountFormStep = class {
@@ -309,15 +273,13 @@ const BusinessBankAccountFormStep = class {
         this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errors = {};
         this.bankAccount = {};
-        this.existingDocuments = [];
-        this.documentData = new Plaid.EntityDocumentStorage();
         this.isLoading = false;
         this.viewMode = 'manual';
         this.bankAccountVerification = false;
         this.platformAccountId = null;
         this.getSchema = () => {
             const schema = bankAccountSchemaByCountry[this.country];
-            return schema(this.allowOptionalFields, this.existingDocuments);
+            return schema(this.allowOptionalFields);
         };
         this.initializeFormController = () => {
             this.formController = new index_esm.FormController(this.getSchema());
@@ -334,12 +296,6 @@ const BusinessBankAccountFormStep = class {
         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 Plaid.EntityDocument({ file, document_type: docType }, this.businessId));
-            this.documentData[docType] = documentList;
-        };
         this.getData = () => {
             this.isLoading = true;
             this.getBusiness({
@@ -362,12 +318,10 @@ const BusinessBankAccountFormStep = class {
         };
         this.handleChangeBankAccount = () => {
             this.viewMode = this.plaidAvailable ? 'plaid' : 'manual';
-            this.documentData = new Plaid.EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleCancel = () => {
             this.viewMode = this.existingBankAccount ? 'readonly' : 'plaid';
-            this.documentData = new Plaid.EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleToggleToManualEntry = () => {
@@ -383,66 +337,6 @@ const BusinessBankAccountFormStep = class {
                 });
             });
         };
-        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: Plaid.ComponentErrorCodes.POST_ERROR,
-                    message: response.error.message,
-                    severity: Plaid.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: Plaid.ComponentErrorCodes.POST_ERROR,
-                    message: response.error.message,
-                    severity: Plaid.ComponentErrorSeverity.ERROR,
-                    data: response.error,
-                });
-                return false;
-            }
-            else {
-                return true;
-            }
-        };
     }
     propChanged() {
         this.initializeApi();
@@ -481,10 +375,6 @@ const BusinessBankAccountFormStep = class {
                 authToken: this.authToken,
                 service: new business_service.BusinessBankAccountService()
             });
-            this.postDocumentRecord = paymentProvisioningActions.makePostDocumentRecord({
-                authToken: this.authToken,
-                service: new business_service.DocumentRecordService()
-            });
         }
         else {
             this.errorEvent.emit({
@@ -510,7 +400,7 @@ const BusinessBankAccountFormStep = class {
         return this.bankAccountVerification || this.existingBankAccount;
     }
     processBusinessResponse(data) {
-        const { bank_accounts, documents, settings, platform_account_id } = data;
+        const { bank_accounts, settings, platform_account_id } = data;
         if (bank_accounts.length > 0) {
             this.bankAccount = new BankAccount(bank_accounts[bank_accounts.length - 1]);
         }
@@ -518,7 +408,6 @@ const BusinessBankAccountFormStep = class {
             this.bankAccount = new BankAccount({});
             this.bankAccount.business_id = this.businessId;
         }
-        this.existingDocuments = documents;
         this.bankAccountVerification = settings.bank_account_verification === true;
         this.platformAccountId = platform_account_id;
     }
@@ -539,11 +428,6 @@ const BusinessBankAccountFormStep = class {
                 const bankAccountPosted = await this.postBankAccountData();
                 if (!bankAccountPosted)
                     return;
-            }
-            const documentsUploaded = await this.postBusinessDocuments();
-            if (!documentsUploaded)
-                return;
-            if (this.viewMode === 'manual') {
                 this.viewMode = 'readonly';
                 await this.refreshBankAccountData();
             }
@@ -607,27 +491,6 @@ const BusinessBankAccountFormStep = class {
             });
         });
     }
-    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;
-        }
-    }
     renderBankAccountInputs(disabled) {
         const defaultValue = this.formController.getInitialValues();
         return this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: defaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: disabled })) : (index.h("bank-account-form-inputs", { defaultValue: defaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: disabled }));
@@ -644,14 +507,11 @@ const BusinessBankAccountFormStep = class {
     renderManualEntryView() {
         return (index.h("div", null, this.plaidAvailable && (index.h("div", { class: "mb-3" }, index.h(button.Button, { type: "button", variant: "secondary", onClick: this.handleToggleToPlaidVerification, disabled: this.isLoading, part: parts.buttonSecondary }, "Link bank account with Plaid instead"))), this.renderBankAccountInputs(false), index.h("div", { class: "mt-3 d-flex gap-2" }, this.showCancel && (index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: parts.buttonSecondary }, "Cancel")), index.h(button.Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account"))));
     }
-    renderDocumentUploads() {
-        return (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: "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." })), 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 })));
-    }
     render() {
         if (this.isLoading) {
             return index.h(paymentProvisioningLoading.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" }), this.viewMode === 'readonly' && this.renderReadonlyView(), this.viewMode === 'plaid' && this.renderPlaidView(), this.viewMode === 'manual' && this.renderManualEntryView()), this.viewMode !== 'plaid' && this.renderDocumentUploads()));
+        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" }), this.viewMode === 'readonly' && this.renderReadonlyView(), this.viewMode === 'plaid' && this.renderPlaidView(), this.viewMode === 'manual' && this.renderManualEntryView())));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -738,7 +598,7 @@ const BusinessCoreInfoFormStep = class {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
     }
     get patchPayload() {
-        let formValues = new Business.CoreBusinessInfo(this.formController.values.getValue()).payload;
+        const formValues = new Business.CoreBusinessInfo(this.formController.values.getValue()).payload;
         return formValues;
     }
     componentWillLoad() {
@@ -781,7 +641,7 @@ const BusinessCoreInfoFormStep = class {
         if (this.isLoading) {
             return index.h(paymentProvisioningLoading.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 col-md-6" }, 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 col-md-6" }, 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 Registration", 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" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        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 col-md-6" }, 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 col-md-6" }, 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 Registration", 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" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabelOptional || countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 // Clear last4-equivalent and current value if any future conditional validation depends on it
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '', tax_id_last4: null }));
@@ -903,6 +763,7 @@ const BusinessOwnersFormStep = class {
                 this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
                 this.patchBusiness({
                     payload: {
+                        representative: { is_owner: true },
                         owners: [{ id: this.representative.id }, ...this.ownersPayload],
                     },
                     onSuccess: () => {
@@ -932,6 +793,14 @@ const BusinessOwnersFormStep = class {
         if (!formsValid) {
             return;
         }
+        if (!this.allowOptionalFields) {
+            const percentages = await Promise.all(this.refs.map(ref => ref.getOwnershipPercentage()));
+            const total = percentages.reduce((sum, p) => sum + (parseFloat(p) || 0), 0);
+            if (total !== 100) {
+                await Promise.all(this.refs.map(ref => ref.setOwnershipPercentageError('Ownership percentages must total 100%')));
+                return;
+            }
+        }
         const formSubmissions = this.refs.map(ref => ref.submit());
         const submissionsValid = (await Promise.all(formSubmissions)).every(result => result);
         if (!submissionsValid) {
@@ -1009,14 +878,14 @@ const BusinessRepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (index.h("form", { key: 'ef49167cc726b3d4efa128503553a77a7627ebee' }, index.h("fieldset", { key: '3714ce7eab6e9cee062911564d1c2635b68dfc8b' }, index.h("div", { key: '4f27236b0438e29d7449bf5e9f71c00c7245effa', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: 'adc144da314549264571b245c5388ab56c1dbbf1', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: 'bcc76add04febe984427103a594aa63cab17bd27', helpText: "The representative for your business needs to be someone who has significant control over managing your business's finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: '98bfed19989ee57e451a7005f3e60af16cc5d3b5', class: "mt-2" }), index.h("div", { key: '8f5e0e3deed2627ecf9f77290f268c0e2ee68bfa', class: "row gy-3" }, index.h("div", { key: 'b1205284a54a608b9c3b6be386e134849c9c6b25', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '36fcd91ca263adfd9fb69dc88f15404f93a8bc13', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '879337d3c6a120f5dc9de3cd3364b34b9c4689df', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'ff2e4d29e76b93693735b35cbaca4416f0cd28a0', 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." })), index.h("div", { key: '2a011b74b4c203ae4a309d7d76ea8fd0631a5f2c', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '1ef20c59829ed3abe81cc53355bbafd5d4894360', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '460dad175238fdfea8c79666343943a95aac0fd5', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '7bd3ad79f6da1d33e38c2246d9c0378c2ef8b7d7', 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: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'cda84bfc9f88a35177a42b7f9ec4c58292600c0b', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '5ed66fabc97afc94a5839135add25dbcb5237900', 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) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '0e19619fd081ea9dacd0eb25388a4c7b2c993312', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: countryConfig.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: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        return (index.h("form", { key: '2346f250e4e2982b5b5b2624d039f551b5b5ed4e' }, index.h("fieldset", { key: '7b496e6157e5eec02ef0d263c68fbd1e001c75ac' }, index.h("div", { key: 'b86d993c7fbee2269e48c7d4ea51826f199fecd4', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '2b013e6068bbbca54a0852093ab4a2fae4ce64d2', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '01e0f1d6ba2d5ee852593f7015a3ba7e0d980df9', helpText: "The representative for your business needs to be someone who has significant control over managing your business's finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: '4bec34756ec7081e01809175bc3d2b6af0532537', class: "mt-2" }), index.h("div", { key: '6965720fabb1f12c6bb3c5a81f74ae12f44037b2', class: "row gy-3" }, index.h("div", { key: 'efbb768ba1e66d5ef47f792c39a17921b40e0eba', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '28477d3798ba7d14aee9201e84b276d8e85a21df', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '28f17ccbe4da476256acd9c5a4e78a6a641ba6e9', class: "col-12 col-md-4" }, index.h("form-control-select", { key: 'dae6a93a0bc057abb97024277be0f10de01514e2', name: "title", label: "Title", options: businessFormOptions.businessTitleOptions, defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '2f9a45774adaa0040df2da1a8000d1ee61e16bf5', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '66a2a1ea8b54c03c012d76a74654ee19a9f958a7', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '3b34f0cb11d358db2220c01aac90e8b7ba3cc01b', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '52c62ec653fb917a248a302f7cb5ad46dc7bcc23', 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: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'd287ec225af1541cca227d3b8bc54466cbb86b07', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '7e1ff6cc40b01dc7f6ad0ad84d73c0e59eea0d6f', 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) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '283b09c845f1a12f4974f82a26fffbf7c5f608ba', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: this.country === Business.CountryCode.CAN ? countryConfig.countryLabels[this.country].idNumberLabelOptional : countryConfig.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: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, this.country === Business.CountryCode.CAN ? countryConfig.countryLabels[this.country].idNumberLabelOptional : countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear current value to force validation
                 inputHandlers.updateFormValues(this.formController, {
                     identification_number: '',
                     ssn_last4: null
                 });
-            } }, "Change"))))), index.h("div", { key: '6647390b209f5a630bf60e8952a7b0e70c92ca8a', class: "col-12" }, index.h("identity-address-form", { key: '9755d0450fc8d83ba0a98a304455df346ff33e7f', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), index.h("div", { key: '0a40679570df7b85faa7530797ebc21ca8794263', class: "col-12" }, index.h("identity-address-form", { key: '5a1590251365260413ab63ce9a417d3d71c71e84', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 };
 
@@ -1130,7 +999,7 @@ const BusinessRepresentativeFormStep = class {
         });
     }
     get patchPayload() {
-        let formValues = new Business.Representative(this.formController.values.getValue()).payload;
+        const formValues = new Business.Representative(this.formController.values.getValue()).payload;
         return { representative: formValues };
     }
     render() {
@@ -1269,6 +1138,345 @@ const BusinessTermsConditionsFormStep = class {
     }
 };
 
+const businessDocumentOptions = [
+    { label: 'Select a document type', value: '' },
+    { label: 'Articles of Incorporation', value: 'articles_of_incorporation' },
+    { label: 'Business Registration', value: 'business_registration' },
+];
+const financialDocumentOptions = [
+    { label: 'Select a document type', value: '' },
+    { label: 'Voided Check', value: 'voided_check' },
+    { label: 'Bank Statement', value: 'bank_statement' },
+];
+const financialDocumentOptionsCAN = [
+    { label: 'Select a document type', value: '' },
+    { label: 'Voided Check', value: 'voided_check' },
+    { label: 'Bank Letter', value: 'bank_statement' },
+];
+const personalDocGroup1Options = [
+    { label: 'Select a document type', value: '' },
+    { label: 'Canadian Passport', value: 'passport' },
+    { label: 'Canadian Driver\'s License', value: 'driver_license' },
+    { label: 'Canadian Government Issued ID Card', value: 'government_id' },
+    { label: 'Permanent Resident Card', value: 'resident_card' },
+    { label: 'Certificate of Indian Status', value: 'status_card' },
+    { label: 'US State Issued Driver\'s License', value: 'driver_license' },
+];
+const personalDocGroup2Options = [
+    { label: 'Select a document type', value: '' },
+    { label: 'Nexus Card (Photo ID)', value: 'nexus_card' },
+    { label: 'Canadian Citizenship/Naturalization Card or Certificate', value: 'citizenship_card' },
+    { label: 'Foreign Passport', value: 'foreign_passport' },
+    { label: 'Canadian Birth Certificate', value: 'birth_certificate' },
+    { label: 'Social Insurance Number (SIN) Card', value: 'sin_card' },
+    { label: 'Social Security Number (SSN) Card', value: 'ssn_card' },
+];
+function buildStaticCategories(country) {
+    const financialOptions = country === Business.CountryCode.CAN
+        ? financialDocumentOptionsCAN
+        : financialDocumentOptions;
+    return [
+        {
+            label: 'Business Document',
+            value: 'business_document',
+            docTypeOptions: businessDocumentOptions,
+        },
+        {
+            label: 'Financial Document',
+            value: 'financial_document',
+            docTypeOptions: financialOptions,
+        },
+    ];
+}
+function buildPersonalDocumentCategories() {
+    return [
+        {
+            label: 'Identity Document - Group 1',
+            value: 'personal_group1',
+            docTypeOptions: personalDocGroup1Options,
+        },
+        {
+            label: 'Identity Document - Group 2',
+            value: 'personal_group2',
+            docTypeOptions: personalDocGroup2Options,
+        },
+    ];
+}
+const financialOnlyCategories = [
+    {
+        label: 'Financial Document',
+        value: 'financial_document',
+        docTypeOptions: financialDocumentOptions,
+    },
+];
+function buildAllCategories(country) {
+    if (country === Business.CountryCode.USA) {
+        return financialOnlyCategories;
+    }
+    return [...buildStaticCategories(country), ...buildPersonalDocumentCategories()];
+}
+const personalDocGroup1Types = new Set(personalDocGroup1Options.filter(o => o.value).map(o => o.value));
+const personalDocGroup2Types = new Set(personalDocGroup2Options.filter(o => o.value).map(o => o.value));
+
+const DocumentUploadFormStep = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.owners = [];
+        this.existingDocuments = [];
+        this.selectedCategory = '';
+        this.selectedDocType = '';
+        this.uploadQueue = [];
+        this.isLoading = false;
+        this.errors = {};
+        this.fileInputKey = 0;
+        this.categories = [];
+        this.getData = () => {
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    const { owners, documents } = response.data;
+                    this.owners = owners || [];
+                    this.existingDocuments = documents || [];
+                    this.categories = buildAllCategories(this.country);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity,
+                    });
+                },
+                final: () => {
+                    this.isLoading = false;
+                }
+            });
+        };
+        this.handleCategoryChange = (_name, value) => {
+            this.selectedCategory = value;
+            this.selectedDocType = '';
+        };
+        this.handleDocTypeChange = (_name, value) => {
+            if (value.startsWith('_') && value.endsWith('_header'))
+                return;
+            this.selectedDocType = value;
+        };
+        this.handleFileSelected = async (e) => {
+            const fileList = Array.from(e.detail.fileList);
+            const category = this.categories.find(c => c.value === this.selectedCategory);
+            if (!category)
+                return;
+            const docTypeOption = category.docTypeOptions.find(o => o.value === this.selectedDocType);
+            const docTypeLabel = (docTypeOption === null || docTypeOption === void 0 ? void 0 : docTypeOption.label) || this.selectedDocType;
+            const newEntries = fileList.map(file => ({
+                categoryLabel: category.label,
+                categoryValue: category.value,
+                docTypeLabel,
+                docTypeValue: this.selectedDocType,
+                fileName: file.name,
+                file,
+                status: 'uploading',
+            }));
+            const startIndex = this.uploadQueue.length;
+            this.uploadQueue = [...this.uploadQueue, ...newEntries];
+            this.selectedCategory = '';
+            this.selectedDocType = '';
+            this.fileInputKey++;
+            await Promise.all(newEntries.map(async (entry, i) => {
+                const index = startIndex + i;
+                try {
+                    const docData = new Plaid.EntityDocument({ file: entry.file, document_type: entry.docTypeValue }, this.businessId);
+                    const recordCreated = await this.postDocumentRecordData(docData);
+                    if (!recordCreated) {
+                        this.uploadQueue = this.uploadQueue.map((e, j) => j === index ? Object.assign(Object.assign({}, e), { status: 'error' }) : e);
+                        return;
+                    }
+                    const uploaded = await this.uploadDocument(docData);
+                    this.uploadQueue = this.uploadQueue.map((e, j) => j === index ? Object.assign(Object.assign({}, e), { status: uploaded ? 'uploaded' : 'error' }) : e);
+                }
+                catch (_a) {
+                    this.uploadQueue = this.uploadQueue.map((e, j) => j === index ? Object.assign(Object.assign({}, e), { status: 'error' }) : e);
+                }
+            }));
+        };
+        this.postDocumentRecordData = async (docData) => {
+            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: Plaid.ComponentErrorCodes.POST_ERROR,
+                    message: response.error.message,
+                    severity: Plaid.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,
+            });
+            if (!response.ok) {
+                this.errorEvent.emit({
+                    errorCode: Plaid.ComponentErrorCodes.POST_ERROR,
+                    message: 'Failed to upload document',
+                    severity: Plaid.ComponentErrorSeverity.ERROR,
+                });
+                return false;
+            }
+            return true;
+        };
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    watchHandler(newValue) {
+        this.formLoading.emit(newValue);
+    }
+    async validateAndSubmit({ onSuccess }) {
+        const validationErrors = this.validate();
+        if (Object.keys(validationErrors).length > 0) {
+            this.errors = validationErrors;
+            return;
+        }
+        this.errors = {};
+        this.stepCompleteEvent.emit({ response: null, formStep: eventTypes.BusinessFormStep.documentUpload });
+        onSuccess();
+    }
+    componentWillLoad() {
+        this.initializeApi();
+        if (this.getBusiness) {
+            this.getData();
+        }
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = paymentProvisioningActions.makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new business_service.BusinessService()
+            });
+            this.postDocumentRecord = paymentProvisioningActions.makePostDocumentRecord({
+                authToken: this.authToken,
+                service: new business_service.DocumentRecordService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: Plaid.ComponentErrorCodes.MISSING_PROPS,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    get categoryOptions() {
+        return [
+            { label: 'Select a category', value: '' },
+            ...this.categories.map(c => ({ label: c.label, value: c.value })),
+        ];
+    }
+    get docTypeOptions() {
+        if (!this.selectedCategory) {
+            return [{ label: 'Select a category first', value: '' }];
+        }
+        const category = this.categories.find(c => c.value === this.selectedCategory);
+        return (category === null || category === void 0 ? void 0 : category.docTypeOptions) || [{ label: 'Select a category first', value: '' }];
+    }
+    validate() {
+        if (this.allowOptionalFields)
+            return {};
+        const errors = {};
+        const financialDocTypes = ['voided_check', 'bank_statement'];
+        const hasExistingDoc = (types) => this.existingDocuments.some(doc => types.includes(doc.document_type));
+        const hasUploadedDoc = (categoryValue) => this.uploadQueue.some(entry => entry.categoryValue === categoryValue && entry.status === 'uploaded');
+        if (!hasUploadedDoc('financial_document') && !hasExistingDoc(financialDocTypes)) {
+            errors['financial_document'] = 'Please upload a financial document';
+        }
+        if (this.country === Business.CountryCode.CAN) {
+            const businessDocTypes = ['articles_of_incorporation', 'business_registration'];
+            if (!hasUploadedDoc('business_document') && !hasExistingDoc(businessDocTypes)) {
+                errors['business_document'] = 'Please upload a business document';
+            }
+            const requiredCount = this.owners.length;
+            const group1Uploaded = this.uploadQueue.filter(entry => entry.categoryValue === 'personal_group1' && entry.status === 'uploaded').length;
+            const group1Existing = this.existingDocuments.filter(doc => personalDocGroup1Types.has(doc.document_type)).length;
+            if (group1Uploaded + group1Existing < requiredCount) {
+                errors['personal_group1'] =
+                    `Please upload ${requiredCount} Group 1 identity document(s) (${group1Uploaded + group1Existing} of ${requiredCount} provided)`;
+            }
+            const group2Uploaded = this.uploadQueue.filter(entry => entry.categoryValue === 'personal_group2' && entry.status === 'uploaded').length;
+            const group2Existing = this.existingDocuments.filter(doc => personalDocGroup2Types.has(doc.document_type)).length;
+            if (group2Uploaded + group2Existing < requiredCount) {
+                errors['personal_group2'] =
+                    `Please upload ${requiredCount} Group 2 identity document(s) (${group2Uploaded + group2Existing} of ${requiredCount} provided)`;
+            }
+        }
+        return errors;
+    }
+    render() {
+        if (this.isLoading) {
+            return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
+        }
+        return (index.h("form", null, index.h("fieldset", null, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading })), this.country === Business.CountryCode.CAN && this.owners.length > 0 && (index.h("div", { class: "alert alert-info mt-3" }, "One document from each group (Group 1 and Group 2) is required for each owner (", this.owners.length, " owner(s)).")), 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 }, "Add Document"), index.h("form-control-tooltip", { helpText: "Upload documents one at a time. Select the category and type, then choose a file. For Canadian businesses, one Group 1 and one Group 2 identity document is required for each owner." })), 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-select", { name: "document_category", label: "Document Category", options: this.categoryOptions, defaultValue: this.selectedCategory, inputHandler: this.handleCategoryChange })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-select", { name: "document_type", label: "Document Type", options: this.docTypeOptions, defaultValue: this.selectedDocType, inputHandler: this.handleDocTypeChange, disabled: !this.selectedCategory })), index.h("div", { class: "col-12" }, index.h("form-control-file", { key: this.fileInputKey, name: "document_file", label: "Upload Document", documentType: this.selectedDocType, onFileSelected: this.handleFileSelected, disabled: !this.selectedDocType, multiple: false })))), index.h("document-upload-list", { documents: this.uploadQueue }), Object.keys(this.errors).length > 0 && (index.h("div", { class: "alert alert-danger mt-3" }, index.h("ul", { class: "mb-0" }, Object.values(this.errors).map(err => index.h("li", null, err)))))));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"],
+        "isLoading": ["watchHandler"]
+    }; }
+};
+
+const DocumentUploadList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.documents = [];
+    }
+    renderStatus(status) {
+        switch (status) {
+            case 'uploading':
+                return index.h("span", { class: "badge bg-info" }, "Uploading...");
+            case 'uploaded':
+                return index.h("span", { class: "badge bg-success" }, "Uploaded");
+            case 'error':
+                return index.h("span", { class: "badge bg-danger" }, "Error");
+        }
+    }
+    render() {
+        if (!this.documents.length) {
+            return null;
+        }
+        return (index.h("div", { class: "mt-4" }, index.h("div", { class: "card", part: parts.card }, index.h("div", { class: "card-body" }, index.h("h5", { class: "card-title", part: parts.heading2 }, "Uploaded Documents"), index.h("div", { class: "table-responsive" }, index.h("table", { class: "table table-sm table-borderless", part: parts.table }, index.h("thead", null, index.h("tr", null, index.h("th", { style: { width: '25%' }, part: parts.tableHeadCell, scope: "col" }, "Category"), index.h("th", { style: { width: '25%' }, part: parts.tableHeadCell, scope: "col" }, "Document Type"), index.h("th", { style: { width: '30%' }, part: parts.tableHeadCell, scope: "col" }, "File Name"), index.h("th", { style: { width: '20%' }, part: parts.tableHeadCell, scope: "col" }, "Status"))), index.h("tbody", null, this.documents.map((doc, index$1) => (index.h("tr", { class: index$1 === 0 ? 'border-bottom border-top' : 'border-bottom' }, index.h("td", { part: parts.tableCell }, doc.categoryLabel), index.h("td", { part: parts.tableCell }, doc.docTypeLabel), index.h("td", { part: parts.tableCell }, doc.fileName), index.h("td", { part: parts.tableCell }, this.renderStatus(doc.status))))))))))));
+    }
+};
+
 const LegalAddressFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1337,7 +1545,7 @@ const LegalAddressFormStep = class {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
     }
     get patchPayload() {
-        let formValues = new Business.Address(this.formController.values.getValue()).payload;
+        const formValues = new Business.Address(this.formController.values.getValue()).payload;
         return { legal_address: formValues };
     }
     componentWillLoad() {
@@ -1480,6 +1688,13 @@ const OwnerForm = class {
     async returnOwnerData() {
         return this.ownerId;
     }
+    async getOwnershipPercentage() {
+        var _a;
+        return ((_a = this.formController.values.getValue()) === null || _a === void 0 ? void 0 : _a.ownership_percentage) || null;
+    }
+    async setOwnershipPercentageError(message) {
+        this.formController.setFieldError('ownership_percentage', message);
+    }
     async validate() {
         return this.formController.validate();
     }
@@ -1554,7 +1769,7 @@ const OwnerForm = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '1661676befd63f9308edcb02be179db71b7c9d99', style: { display: 'block' } }, index.h("form", { key: '4961f358ca8953156477d455cacb19e4dec3cc29', onSubmit: this.validateAndSubmit }, index.h("fieldset", { key: '27ecfec87ae93a1bdec94f3cc925558dc8f0ff23' }, index.h("legend", { key: '4c194cf9e08e6fab9982b95a4b12c3c3a8cecdc3', class: "fw-semibold fs-5", part: parts.heading3 }, this.formTitle), index.h("br", { key: 'ef1f9b184dac866d27cfa245106d90db0954fa51' }), index.h("div", { key: '2936ecc396220f8b80e5d8454bc6f6f70cb3ae73', class: "row gy-3" }, index.h("owner-form-inputs", { key: 'f34d38b718ed7fde67102aa1034b5e6377e001f8', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), index.h("div", { key: '2d5266bc1a7f4aeb12cab8a494107f2668b2fb0e', class: "d-flex gap-2 justify-content-start" }, index.h(button.Button, { key: '39631fd0364221ac2a274d8aa794a1f3c8d28780', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), index.h(button.Button, { key: '120fbae294f8f67bd14fe0be5dc1bcf881ffd489', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), index.h("hr", { key: '73eccba19a595b67f64139769a495d5a27e02b2f' })))));
+        return (index.h(index.Host, { key: 'b168e9f5a52416984e6a04ab5f0771b63ee28b2e', style: { display: 'block' } }, index.h("form", { key: 'd22a6aae3f5debd30d87b3bd37c67390a46c4590', onSubmit: this.validateAndSubmit }, index.h("fieldset", { key: '30597bc1f4983bddbdc0ed45e6be7e715d0b9b8e' }, index.h("legend", { key: '055ca2b6bbfa4e86591411668eaead3bd0d95ea8', class: "fw-semibold fs-5 w-100", part: parts.heading3 }, this.formTitle), index.h("br", { key: 'f0d2d9624611ee888ff318ec1525281bf007e346' }), index.h("div", { key: '2c38a166f681404c2ab303630217e54c15f1e5f2', class: "row gy-3" }, index.h("owner-form-inputs", { key: '05253624d3d79f0ba7a4ec49b387e252e796e5b6', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), index.h("div", { key: '8e0e67966f047c3f9a4b30f28983f67db2372c0c', class: "d-flex gap-2 justify-content-start" }, index.h(button.Button, { key: 'e33368a968efe5faf52a08e36bb2bef215625c4a', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), index.h(button.Button, { key: '7bb79b0624dfb3a8645182432c484f288cc73692', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), index.h("hr", { key: 'ef4f86dd1b1878e92c98e4a826f9fbad808e15b7' })))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
@@ -1874,7 +2089,6 @@ const PlaidVerification = class {
 };
 
 exports.additional_questions_form_step = AdditionalQuestionsFormStep;
-exports.bank_account_document_form_inputs = BankAccountDocumentFormInputs;
 exports.bank_account_form_inputs = BankAccountFormInputs;
 exports.bank_account_form_inputs_canada = BankAccountFormInputsCanada;
 exports.business_bank_account_form_step = BusinessBankAccountFormStep;
@@ -1884,6 +2098,8 @@ exports.business_owners_form_step = BusinessOwnersFormStep;
 exports.business_representative_form_inputs = BusinessRepresentativeFormInputs;
 exports.business_representative_form_step = BusinessRepresentativeFormStep;
 exports.business_terms_conditions_form_step = BusinessTermsConditionsFormStep;
+exports.document_upload_form_step = DocumentUploadFormStep;
+exports.document_upload_list = DocumentUploadList;
 exports.legal_address_form_step = LegalAddressFormStep;
 exports.owner_form = OwnerForm;
 exports.plaid_verification = PlaidVerification;