@justifi/webcomponents 6.13.0-rc.1 → 6.13.1

package/dist/module/business-bank-account-form-step2.js

@@ -1,28 +1,25 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { E as EntityDocumentType, k as EntityDocumentStorage, l as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import { a as CountryCode } from './Business.js';
 import './ApplePay.js';
-import { m as makeGetBusiness, e as makePostBankAccount, f as makePostDocumentRecord } from './payment-provisioning-actions.js';
-import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';
-import { c as create$3, a as create$6, d as create$8, F as FormController } from './form.js';
-import { A as accountNumberValidation, B as accountTypeValidation, i as identityNameValidation, C as nicknameValidation, D as bankNameValidation, E as numbersOnlyRegex, F as routingNumberValidation } from './schema-validations.js';
+import { m as makeGetBusiness, f as makePostBankAccount } from './payment-provisioning-actions.js';
+import { B as BusinessService, a as BusinessBankAccountService } from './business.service.js';
+import { c as create$3, a as create$6, F as FormController } from './form.js';
+import { B as accountNumberValidation, C as accountTypeValidation, i as identityNameValidation, D as nicknameValidation, E as bankNameValidation, F as numbersOnlyRegex, G as routingNumberValidation } from './schema-validations.js';
 import { B as BusinessFormStep } from './event-types2.js';
-import { E as buttonSecondary, a1 as buttonLink, h as heading2 } from './parts.js';
+import { A as buttonSecondary, a1 as buttonLink, h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { B as Button } from './button.js';
 import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as defineCustomElement$b } from './bank-account-document-form-inputs2.js';
-import { d as defineCustomElement$a } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$9 } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$8 } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$7 } from './business-documents-on-file2.js';
-import { d as defineCustomElement$6 } from './custom-popper2.js';
-import { d as defineCustomElement$5 } from './form-control-file2.js';
+import { d as defineCustomElement$8 } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$7 } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$6 } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
 import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
@@ -65,9 +62,6 @@ class BankAccount {
     }
 }
 
-const checkExistingDocs = (documents, documentType) => {
-    return documents.some((doc) => doc.document_type === documentType);
-};
 const buildCommonFieldRules = (allowOptionalFields) => {
     if (allowOptionalFields) {
         return {
@@ -86,30 +80,6 @@ const buildCommonFieldRules = (allowOptionalFields) => {
         account_number: accountNumberValidation.required('Enter account number'),
     };
 };
-const buildDocumentRules = (documents, allowOptionalFields) => {
-    if (allowOptionalFields) {
-        return {
-            voided_check: create$8().nullable(),
-            bank_statement: create$8().nullable(),
-        };
-    }
-    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
-    const existingDocument = existingVoidedCheck || existingBankStatement;
-    const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
-    return {
-        voided_check: create$8().when('bank_statement', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
-        }),
-        bank_statement: create$8().when('voided_check', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
-        }),
-    };
-};
 const buildUSARules = (allowOptionalFields) => {
     if (allowOptionalFields) {
         return { routing_number: routingNumberValidation.nullable() };
@@ -134,17 +104,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 create$3().shape(shape, [['voided_check', 'bank_statement']]);
+const businessBankAccountSchemaUSA = (allowOptionalFields) => {
+    const shape = Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildUSARules(allowOptionalFields));
+    return create$3().shape(shape);
 };
-const businessBankAccountSchemaCAN = (documents, allowOptionalFields) => {
-    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildCANRules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
-    return create$3().shape(shape, [['voided_check', 'bank_statement']]);
+const businessBankAccountSchemaCAN = (allowOptionalFields) => {
+    const shape = Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildCANRules(allowOptionalFields));
+    return create$3().shape(shape);
 };
 const bankAccountSchemaByCountry = {
-    [CountryCode.USA]: (allowOptionalFields, documents = []) => businessBankAccountSchemaUSA(documents, allowOptionalFields),
-    [CountryCode.CAN]: (allowOptionalFields, documents = []) => businessBankAccountSchemaCAN(documents, allowOptionalFields),
+    [CountryCode.USA]: (allowOptionalFields) => businessBankAccountSchemaUSA(allowOptionalFields),
+    [CountryCode.CAN]: (allowOptionalFields) => businessBankAccountSchemaCAN(allowOptionalFields),
 };
 
 const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessBankAccountFormStep extends HTMLElement {
@@ -158,15 +128,13 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         this.formLoading = createEvent(this, "formLoading", 7);
         this.errors = {};
         this.bankAccount = {};
-        this.existingDocuments = [];
-        this.documentData = new 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 FormController(this.getSchema());
@@ -183,12 +151,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.storeFiles = (e) => {
-            const fileList = Array.from(e.detail.fileList);
-            const docType = e.detail.document_type;
-            const documentList = fileList.map(file => new EntityDocument({ file, document_type: docType }, this.businessId));
-            this.documentData[docType] = documentList;
-        };
         this.getData = () => {
             this.isLoading = true;
             this.getBusiness({
@@ -211,12 +173,10 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         };
         this.handleChangeBankAccount = () => {
             this.viewMode = this.plaidAvailable ? 'plaid' : 'manual';
-            this.documentData = new EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleCancel = () => {
             this.viewMode = this.existingBankAccount ? 'readonly' : 'plaid';
-            this.documentData = new EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleToggleToManualEntry = () => {
@@ -232,66 +192,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
                 });
             });
         };
-        this.postDocumentRecordData = async (docData) => {
-            this.isLoading = true;
-            const payload = docData.record_data;
-            return new Promise((resolve) => {
-                this.postDocumentRecord({
-                    payload,
-                    onSuccess: (response) => {
-                        resolve(this.handleDocRecordResponse(docData, response));
-                    },
-                    onError: ({ error, code, severity }) => {
-                        this.errorEvent.emit({
-                            message: error,
-                            errorCode: code,
-                            severity: severity
-                        });
-                        resolve(false);
-                    },
-                });
-            });
-        };
-        this.handleDocRecordResponse = (docData, response) => {
-            if (response.error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.POST_ERROR,
-                    message: response.error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: response.error,
-                });
-                return false;
-            }
-            else {
-                docData.setPresignedUrl(response.data.presigned_url);
-                return true;
-            }
-        };
-        this.uploadDocument = async (docData) => {
-            if (!docData.presigned_url) {
-                throw new Error('Presigned URL is not set');
-            }
-            const fileData = await docData.getFileData();
-            const response = await fetch(docData.presigned_url, {
-                method: 'PUT',
-                body: fileData
-            });
-            return this.handleUploadResponse(response);
-        };
-        this.handleUploadResponse = (response) => {
-            if (response.error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.POST_ERROR,
-                    message: response.error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: response.error,
-                });
-                return false;
-            }
-            else {
-                return true;
-            }
-        };
     }
     propChanged() {
         this.initializeApi();
@@ -330,10 +230,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
                 authToken: this.authToken,
                 service: new BusinessBankAccountService()
             });
-            this.postDocumentRecord = makePostDocumentRecord({
-                authToken: this.authToken,
-                service: new DocumentRecordService()
-            });
         }
         else {
             this.errorEvent.emit({
@@ -359,7 +255,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         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]);
         }
@@ -367,7 +263,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
             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;
     }
@@ -388,11 +283,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
                 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();
             }
@@ -456,27 +346,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
             });
         });
     }
-    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 === CountryCode.CAN ? (h("bank-account-form-inputs-canada", { defaultValue: defaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: disabled })) : (h("bank-account-form-inputs", { defaultValue: defaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: disabled }));
@@ -493,14 +362,11 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
     renderManualEntryView() {
         return (h("div", null, this.plaidAvailable && (h("div", { class: "mb-3" }, h(Button, { type: "button", variant: "secondary", onClick: this.handleToggleToPlaidVerification, disabled: this.isLoading, part: buttonSecondary }, "Link bank account with Plaid instead"))), this.renderBankAccountInputs(false), h("div", { class: "mt-3 d-flex gap-2" }, this.showCancel && (h(Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: buttonSecondary }, "Cancel")), h(Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account"))));
     }
-    renderDocumentUploads() {
-        return (h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles })));
-    }
     render() {
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), this.viewMode === 'readonly' && this.renderReadonlyView(), this.viewMode === 'plaid' && this.renderPlaidView(), this.viewMode === 'manual' && this.renderManualEntryView()), this.viewMode !== 'plaid' && this.renderDocumentUploads()));
+        return (h("form", null, h("fieldset", { class: "mb-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { class: "mt-2" }), this.viewMode === 'readonly' && this.renderReadonlyView(), this.viewMode === 'plaid' && this.renderPlaidView(), this.viewMode === 'manual' && this.renderManualEntryView())));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -515,14 +381,10 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         "formController": [32],
         "errors": [32],
         "bankAccount": [32],
-        "existingDocuments": [32],
-        "documentData": [32],
         "isLoading": [32],
         "viewMode": [32],
         "getBusiness": [32],
         "postBankAccount": [32],
-        "postDocumentRecord": [32],
-        "postDocument": [32],
         "bankAccountVerification": [32],
         "platformAccountId": [32],
         "validateAndSubmit": [64]
@@ -535,44 +397,29 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["business-bank-account-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-file", "form-control-select", "form-control-text", "form-control-tooltip", "plaid-verification"];
+    const components = ["business-bank-account-form-step", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "plaid-verification"];
     components.forEach(tagName => { switch (tagName) {
         case "business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessBankAccountFormStep);
             }
             break;
-        case "bank-account-document-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
         case "bank-account-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "bank-account-form-inputs-canada":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "business-documents-on-file":
+        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "custom-popper":
+        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-file":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/module/business-core-info-form-step2.js

@@ -8,7 +8,7 @@ import { F as FormController } from './form.js';
 import { c as businessClassificationOptions } from './business-form-options.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { P as PHONE_MASKS } from './form-input-masks.js';
-import { h as heading2, l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
+import { h as heading2, l as label, c as inputDisabled, A as buttonSecondary } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { c as countryLabels } from './country-config.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
@@ -99,7 +99,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
     }
     get patchPayload() {
-        let formValues = new CoreBusinessInfo(this.formController.values.getValue()).payload;
+        const formValues = new CoreBusinessInfo(this.formController.values.getValue()).payload;
         return formValues;
     }
     componentWillLoad() {
@@ -142,7 +142,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, 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)." })), h("div", { class: "col-12 col-md-6" }, 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)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, 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 })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Business Information")), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, 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)." })), h("div", { class: "col-12 col-md-6" }, 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)" })), h("div", { class: "col-12 col-md-8" }, h("form-control-select", { name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, 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 })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabelOptional || countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: 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 }));

package/dist/module/business-core-info-schema.js

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './form.js';
-import { m as makeTaxIdValidation, d as dateOfIncorporationValidation, e as industryValidation, f as businessClassificationValidation, g as doingBusinessAsValidation, h as phoneValidation, j as emailValidation, k as websiteUrlValidation, n as businessNameValidation, t as taxIdValidation } from './schema-validations.js';
+import { m as makeTaxIdValidation, e as dateOfIncorporationValidation, f as industryValidation, g as businessClassificationValidation, h as doingBusinessAsValidation, j as phoneValidation, k as emailValidation, n as websiteUrlValidation, q as businessNameValidation, t as taxIdValidation } from './schema-validations.js';
 import { a as CountryCode } from './Business.js';
 import { c as countryLabels } from './country-config.js';
 
@@ -43,7 +43,7 @@ const businessCoreInfoSchemaCAN = (allowOptionalFields) => baseBusinessCoreInfoS
     tax_id: makeTaxIdValidation(CountryCode.CAN)
         .when('tax_id_last4', {
         is: (val) => !val,
-        then: (schema) => schema.required(`Enter valid ${countryLabels.CAN.taxIdLabel} without dashes`),
+        then: (schema) => schema.notRequired().nullable(),
         otherwise: (schema) => schema.nullable(),
     }),
 }));

package/dist/module/business-core-info2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { c as businessClassificationOptions } from './business-form-options.js';
 import { I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks.js';
 import { C as CoreBusinessInfo } from './Business.js';
-import { h as heading2, l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
+import { h as heading2, l as label, c as inputDisabled, A as buttonSecondary } from './parts.js';
 import { c as countryLabels } from './country-config.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
@@ -34,10 +34,10 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '9c73706505c1fa0a56d7eb68fc1c4c0a6fffd1dc' }, h("fieldset", { key: 'd30bae9bab7ffd0e385ce276e7797cfd606e5a42' }, h("legend", { key: '5792db95cbbc080f3c990b4b9cea84484f374ec3', part: heading2 }, "General Info"), h("div", { key: 'ae7fa3c788d625d60cfc83b270312946dce97f0b', class: "row gy-3" }, h("div", { key: 'f7e5ab1ec57a8ce8de5ef8591ecad8b2fbd2f030', class: "col-12" }, h("form-control-text", { key: 'fa96501ceca053263029489a74bddd31222b1462', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '21e14d0c13017376d7e74e84169f30fe05fa13af', class: "col-12" }, h("form-control-text", { key: '266187ec2209299a4b0ebc4c7d600c670de3b21f', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'd9bbb19b4ec15a18a0467444e964512114e74031', class: "col-12 col-md-8" }, h("form-control-select", { key: 'fe490b4abb4a1e07392db9ad4e4c15b02d928f4c', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'fc5dafdace199fd34d22f22d629d87fc8ff7cc3e', class: "col-12 col-md-4" }, h("form-control-date", { key: '0263cdef27d1b36c22bde16dbdb3777ad9ef62e3', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '2ae2b710d615e5314d4b836b9a498fc9140b749a', class: "col-12 col-md-6" }, h("form-control-text", { key: 'f6e738254ff7ead5680b895b6df77dc58efbc393', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '8a01de0514d495b103aa43070d268070f57af62a', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: '9c73706505c1fa0a56d7eb68fc1c4c0a6fffd1dc' }, h("fieldset", { key: 'd30bae9bab7ffd0e385ce276e7797cfd606e5a42' }, h("legend", { key: '5792db95cbbc080f3c990b4b9cea84484f374ec3', part: heading2 }, "General Info"), h("div", { key: 'ae7fa3c788d625d60cfc83b270312946dce97f0b', class: "row gy-3" }, h("div", { key: 'f7e5ab1ec57a8ce8de5ef8591ecad8b2fbd2f030', class: "col-12" }, h("form-control-text", { key: 'fa96501ceca053263029489a74bddd31222b1462', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '21e14d0c13017376d7e74e84169f30fe05fa13af', class: "col-12" }, h("form-control-text", { key: '266187ec2209299a4b0ebc4c7d600c670de3b21f', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'd9bbb19b4ec15a18a0467444e964512114e74031', class: "col-12 col-md-8" }, h("form-control-select", { key: 'fe490b4abb4a1e07392db9ad4e4c15b02d928f4c', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'fc5dafdace199fd34d22f22d629d87fc8ff7cc3e', class: "col-12 col-md-4" }, h("form-control-date", { key: '0263cdef27d1b36c22bde16dbdb3777ad9ef62e3', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '2ae2b710d615e5314d4b836b9a498fc9140b749a', class: "col-12 col-md-6" }, h("form-control-text", { key: 'f6e738254ff7ead5680b895b6df77dc58efbc393', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '8a01de0514d495b103aa43070d268070f57af62a', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabelOptional || countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), h("div", { key: '66292d95dd8ead1367c1eef3a96aa1fb9e707810', class: "col-12" }, h("form-control-text", { key: 'de144c99e186470c37d0d330c8aa480fb00ef037', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'c43095be28c660a2312c37c6856abeae7f952299', class: "col-12 col-md-6" }, h("form-control-text", { key: 'e4afa2d37cd5dc26006b116c7d574e1c7dd4a0ef', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'a68760b724c42da71a93ab7944152a8137d51cc8', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '6532f13f43391e8752f625296fb3685d7d68e084', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+            } }, "Change"))))), h("div", { key: 'a82eb6e652eb36fd57cd4a6c413e896aebfefce6', class: "col-12" }, h("form-control-text", { key: '930f882235d7c4902ae6daf54d644a0cd9d23daf', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'b2e819e6dfd97229e81e1860e1debe3ab95e3dc0', class: "col-12 col-md-6" }, h("form-control-text", { key: '7a4a158a1c64adfe90b825ff54c9f1f607c25bb7', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '948c4f98a4a7a8b898058adb0957b7251d8c9fe4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'dc5804f3c9254c859f5e6a78487dae423c9689f1', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [256, "business-core-info", {
         "formController": [16],

package/dist/module/business-documents-on-file2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as snakeCaseToHumanReadable, f as formatDate, a as formatTime } from './utils2.js';
-import { z as card, h as heading2, A as table, B as tableHeadCell, C as tableCell } from './parts.js';
+import { B as card, h as heading2, C as table, D as tableHeadCell, E as tableCell } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
 import './justifi-details2.js';
 import './event-types.js';

package/dist/module/business-form-options.js

@@ -76,6 +76,56 @@ const seasonalBusinessOptions = [
         value: 'No',
     }
 ];
+const businessTitleOptions = [
+    {
+        label: 'Choose title',
+        value: '',
+    },
+    {
+        label: 'Vice President',
+        value: 'Vice President',
+    },
+    {
+        label: 'President',
+        value: 'President',
+    },
+    {
+        label: 'Treasurer',
+        value: 'Treasurer',
+    },
+    {
+        label: 'Owner',
+        value: 'Owner',
+    },
+    {
+        label: 'Partner',
+        value: 'Partner',
+    },
+    {
+        label: 'CEO',
+        value: 'CEO',
+    },
+    {
+        label: 'Member LLC',
+        value: 'Member LLC',
+    },
+    {
+        label: 'Secretary',
+        value: 'Secretary',
+    },
+    {
+        label: 'Director',
+        value: 'Director',
+    },
+    {
+        label: 'COO',
+        value: 'COO',
+    },
+    {
+        label: 'CFO',
+        value: 'CFO',
+    },
+];
 const bankAccountTypeOptions = [
     {
         label: 'Checking',
@@ -87,4 +137,4 @@ const bankAccountTypeOptions = [
     }
 ];
 
-export { bankAccountTypeOptions as a, businessServiceReceivedOptions as b, businessClassificationOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };
+export { bankAccountTypeOptions as a, businessServiceReceivedOptions as b, businessClassificationOptions as c, businessTitleOptions as d, recurringPaymentsOptions as r, seasonalBusinessOptions as s };

package/dist/module/business-identity-schema.js

@@ -1,6 +1,6 @@
 import { c as create$3, a as create$6 } from './form.js';
 import { a as addressSchemaCAN, b as addressSchemaUSA } from './business-address-schema.js';
-import { q as ownershipPercentageValidation, u as makeIdentityNumberValidation, v as dobValidation, h as phoneValidation, j as emailValidation, x as identityTitleValidation, i as identityNameValidation, y as ssnValidation } from './schema-validations.js';
+import { u as ownershipPercentageValidation, v as makeIdentityNumberValidation, x as dobValidation, j as phoneValidation, k as emailValidation, y as identityTitleValidation, i as identityNameValidation, z as ssnValidation } from './schema-validations.js';
 import { a as CountryCode } from './Business.js';
 
 // Internal USA schemas
@@ -24,7 +24,9 @@ const strictSchemaUSA = (role) => create$3({
     ssn_last4: create$6().nullable(),
     // ssn required unless last4 provided (handled inside ssnValidation)
     identification_number: ssnValidation,
-    ownership_percentage: ownershipPercentageValidation.nullable(),
+    ownership_percentage: role === 'owner'
+        ? ownershipPercentageValidation.required('Enter ownership percentage')
+        : ownershipPercentageValidation.nullable(),
     address: addressSchemaUSA(false),
 });
 // Internal CAN schemas
@@ -46,8 +48,10 @@ const strictSchemaCAN = (role) => create$3({
     phone: phoneValidation.required('Enter phone number'),
     dob_full: dobValidation(role).required('Enter date of birth'),
     ssn_last4: create$6().nullable(),
-    identification_number: makeIdentityNumberValidation(CountryCode.CAN),
-    ownership_percentage: ownershipPercentageValidation.nullable(),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN).nullable(),
+    ownership_percentage: role === 'owner'
+        ? ownershipPercentageValidation.required('Enter ownership percentage')
+        : ownershipPercentageValidation.nullable(),
     address: addressSchemaCAN(false),
 });
 const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);

package/dist/module/business-owners-form-step2.js

@@ -115,6 +115,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
                 this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
                 this.patchBusiness({
                     payload: {
+                        representative: { is_owner: true },
                         owners: [{ id: this.representative.id }, ...this.ownersPayload],
                     },
                     onSuccess: () => {
@@ -144,6 +145,14 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         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) {

package/dist/module/business-representative-form-inputs2.js

@@ -1,8 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers.js';
 import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks.js';
-import { h as heading2, l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
+import { h as heading2, l as label, c as inputDisabled, A as buttonSecondary } from './parts.js';
+import { a as CountryCode } from './Business.js';
 import { c as countryLabels } from './country-config.js';
+import { d as businessTitleOptions } from './business-form-options.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
 import { d as defineCustomElement$7 } from './form-address-fields2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
@@ -28,14 +30,14 @@ const BusinessRepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: 'ef49167cc726b3d4efa128503553a77a7627ebee' }, h("fieldset", { key: '3714ce7eab6e9cee062911564d1c2635b68dfc8b' }, h("div", { key: '4f27236b0438e29d7449bf5e9f71c00c7245effa', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'adc144da314549264571b245c5388ab56c1dbbf1', class: "mb-0", part: heading2 }, "Representative"), 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." })), h("hr", { key: '98bfed19989ee57e451a7005f3e60af16cc5d3b5', class: "mt-2" }), h("div", { key: '8f5e0e3deed2627ecf9f77290f268c0e2ee68bfa', class: "row gy-3" }, h("div", { key: 'b1205284a54a608b9c3b6be386e134849c9c6b25', class: "col-12 col-md-8" }, 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 })), h("div", { key: '879337d3c6a120f5dc9de3cd3364b34b9c4689df', class: "col-12 col-md-4" }, 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." })), h("div", { key: '2a011b74b4c203ae4a309d7d76ea8fd0631a5f2c', class: "col-12 col-md-6" }, 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 })), h("div", { key: '460dad175238fdfea8c79666343943a95aac0fd5', class: "col-12 col-md-6" }, 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: PHONE_MASKS.US })), h("div", { key: 'cda84bfc9f88a35177a42b7f9ec4c58292600c0b', class: "col-12 col-md-4" }, 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) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '0e19619fd081ea9dacd0eb25388a4c7b2c993312', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("form", { key: '2346f250e4e2982b5b5b2624d039f551b5b5ed4e' }, h("fieldset", { key: '7b496e6157e5eec02ef0d263c68fbd1e001c75ac' }, h("div", { key: 'b86d993c7fbee2269e48c7d4ea51826f199fecd4', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2b013e6068bbbca54a0852093ab4a2fae4ce64d2', class: "mb-0", part: heading2 }, "Representative"), 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." })), h("hr", { key: '4bec34756ec7081e01809175bc3d2b6af0532537', class: "mt-2" }), h("div", { key: '6965720fabb1f12c6bb3c5a81f74ae12f44037b2', class: "row gy-3" }, h("div", { key: 'efbb768ba1e66d5ef47f792c39a17921b40e0eba', class: "col-12 col-md-8" }, 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 })), h("div", { key: '28f17ccbe4da476256acd9c5a4e78a6a641ba6e9', class: "col-12 col-md-4" }, h("form-control-select", { key: 'dae6a93a0bc057abb97024277be0f10de01514e2', name: "title", label: "Title", options: businessTitleOptions, defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '2f9a45774adaa0040df2da1a8000d1ee61e16bf5', class: "col-12 col-md-6" }, 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 })), h("div", { key: '3b34f0cb11d358db2220c01aac90e8b7ba3cc01b', class: "col-12 col-md-6" }, 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: PHONE_MASKS.US })), h("div", { key: 'd287ec225af1541cca227d3b8bc54466cbb86b07', class: "col-12 col-md-4" }, 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) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '283b09c845f1a12f4974f82a26fffbf7c5f608ba', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.country === CountryCode.CAN ? countryLabels[this.country].idNumberLabelOptional : countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, this.country === CountryCode.CAN ? countryLabels[this.country].idNumberLabelOptional : countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear current value to force validation
                 updateFormValues(this.formController, {
                     identification_number: '',
                     ssn_last4: null
                 });
-            } }, "Change"))))), h("div", { key: '6647390b209f5a630bf60e8952a7b0e70c92ca8a', class: "col-12" }, 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"))))), h("div", { key: '0a40679570df7b85faa7530797ebc21ca8794263', class: "col-12" }, 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 }))))));
     }
 }, [256, "business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],