@justifi/webcomponents 5.2.0 → 5.3.0

package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step-core.js

@@ -1,14 +1,30 @@
 import { h } from "@stencil/core";
 import { businessBankAccountSchema } from "../../schemas/business-bank-account-schema";
 import { FormController } from "../../../../ui-components/form/form";
-import { BankAccount } from "../../../../api/BankAccount";
-import { BusinessFormStep, bankAccountTypeOptions } from "../../utils";
-import { numberOnlyHandler } from "../../../../ui-components/form/utils";
+import { BusinessFormStep } from "../../utils";
 import { heading2 } from "../../../../styles/parts";
+import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
+import { BankAccount, EntityDocument, EntityDocumentStorage, ComponentErrorCodes, ComponentErrorSeverity, } from "../../../../api";
 export class BusinessBankAccountFormStepCore {
     constructor() {
+        this.initializeFormController = () => {
+            this.formController = new FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
+            this.formController.setInitialValues(Object.assign({}, this.bankAccount));
+            this.formController.errors.subscribe(errors => {
+                this.errors = Object.assign({}, errors);
+            });
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.storeFiles = (e) => {
+            const fileList = Array.from(e.detail.fileList);
+            const docType = e.detail.document_type;
+            const documentList = fileList.map(file => new EntityDocument({ file, document_type: docType }, this.businessId));
+            this.documentData[docType] = documentList;
+        };
         this.getData = () => {
-            this.formLoading.emit(true);
+            this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
                     if (response.data.bank_accounts.length > 0) {
@@ -18,7 +34,7 @@ export class BusinessBankAccountFormStepCore {
                         this.bankAccount = new BankAccount({});
                         this.bankAccount.business_id = this.businessId;
                     }
-                    this.formController.setInitialValues(Object.assign({}, this.bankAccount));
+                    this.existingDocuments = response.data.documents;
                 },
                 onError: ({ error, code, severity }) => {
                     this.errorEvent.emit({
@@ -27,74 +43,189 @@ export class BusinessBankAccountFormStepCore {
                         severity: severity
                     });
                 },
-                final: () => this.formLoading.emit(false)
-            });
-        };
-        this.sendData = (onSuccess) => {
-            let submittedData;
-            this.formLoading.emit(true);
-            this.postBankAccount({
-                payload: this.postPayload,
-                onSuccess: (response) => {
-                    submittedData = response;
-                    onSuccess();
-                },
-                onError: ({ error, code, severity }) => {
-                    submittedData = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
                 final: () => {
-                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.bankAccount });
-                    this.formLoading.emit(false);
+                    this.initializeFormController();
+                    this.isLoading = false;
                 }
             });
         };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        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 response = await fetch(docData.presigned_url, {
+                method: 'PUT',
+                body: docData.fileString,
+            });
+            return this.handleUploadResponse(response);
+        };
+        this.handleUploadResponse = (response) => {
+            if (response.error) {
+                this.errorEvent.emit({
+                    errorCode: ComponentErrorCodes.POST_ERROR,
+                    message: response.error.message,
+                    severity: ComponentErrorSeverity.ERROR,
+                    data: response.error,
+                });
+                return false;
+            }
+            else {
+                return true;
+            }
         };
         this.formController = undefined;
         this.errors = {};
         this.bankAccount = {};
+        this.existingDocuments = [];
+        this.documentData = new EntityDocumentStorage();
+        this.isLoading = false;
         this.businessId = undefined;
         this.getBusiness = undefined;
         this.postBankAccount = undefined;
+        this.postDocumentRecord = undefined;
         this.allowOptionalFields = undefined;
     }
+    watchHandler(newValue) {
+        this.formLoading.emit(newValue);
+    }
     async validateAndSubmit({ onSuccess }) {
-        if (this.formDisabled) {
-            this.stepCompleteEvent.emit({ response: null, formStep: BusinessFormStep.bankAccount, metadata: 'no data submitted' });
-            onSuccess();
+        if (this.existingBankAccount) {
+            // If a bank account already exists, skip bank account posting; proceed directly to document upload
+            this.sendData(onSuccess);
         }
         else {
+            // If bank account is new, validate form inputs (bank account fields), then proceed
             this.formController.validateAndSubmit(() => this.sendData(onSuccess));
         }
-        ;
     }
-    ;
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
     get postPayload() {
         let formValues = new BankAccount(this.formController.values.getValue()).payload;
         return formValues;
     }
-    get formDisabled() {
+    get existingBankAccount() {
         var _a;
         return !!((_a = this.bankAccount) === null || _a === void 0 ? void 0 : _a.id);
     }
-    componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new FormController(businessBankAccountSchema(this.allowOptionalFields));
+    async sendData(onSuccess) {
+        try {
+            //  Post bank account data if the form is not disabled
+            const bankAccountPosted = !this.existingBankAccount ? await this.postBankAccountData() : true;
+            if (!bankAccountPosted) {
+                return;
+            }
+            // Post documents only after bank account was successfully created
+            const documentsUploaded = await this.postBusinessDocuments();
+            if (!documentsUploaded) {
+                return;
+            }
+            onSuccess();
+        }
+        catch (error) {
+            this.errorEvent.emit({
+                message: error,
+                errorCode: ComponentErrorCodes.POST_ERROR,
+                severity: ComponentErrorSeverity.ERROR
+            });
+        }
     }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
+    async postBankAccountData() {
+        let submittedData;
+        this.isLoading = true;
+        return new Promise((resolve) => {
+            let success = false;
+            this.postBankAccount({
+                payload: this.postPayload,
+                onSuccess: (response) => {
+                    submittedData = response;
+                    success = true;
+                },
+                onError: ({ error, code, severity }) => {
+                    success = false;
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.bankAccount });
+                    this.isLoading = false;
+                    resolve(success);
+                }
+            });
         });
     }
+    async postBusinessDocuments() {
+        this.isLoading = true;
+        try {
+            const docArray = Object.values(this.documentData).flat();
+            if (!docArray.length) {
+                return true;
+            }
+            const recordsCreated = await Promise.all(docArray.map((docData) => this.postDocumentRecordData(docData))); // Create document records
+            if (recordsCreated.includes(false)) {
+                return false;
+            } // Exit if document record creation fails
+            const uploadsCompleted = await Promise.all(docArray.map((docData) => this.uploadDocument(docData))); // Upload documents to AWS presigned URLs
+            if (uploadsCompleted.includes(false)) {
+                return false;
+            } // Exit if any upload fails
+            return true;
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '84a444f4bc791c0238ddd500427a53dab94e51d1' }, h("fieldset", { key: '61236bd7bd190808f14292d5e83592b94110b556' }, h("div", { key: 'fc6a64fcec2a8e31e5b4e95d84ef8cda9080dc03', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'baaf43c5bd37c5a52162dc8bfc6a476e2ac0f2e0', class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { key: 'c9ceaee51d98c816f49008f64a00fa91f3660252', helpText: "The Direct Deposit Account is the business bank account where your 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", { key: 'ef877615f7e47ac868d2d5548b0e1b290ccaba10', class: "mt-2" }), h("div", { key: 'a3a85ce7d292d4b0de58317a35b95b2a2ecdfdfc', class: "row gy-3" }, h("div", { key: '436c9447287ebe80d96ae73afeef0e03335440b9', class: "col-12" }, h("form-control-text", { key: 'a208de7ff6c9e5314577c55617d5974c6aac141b', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '38d945adb0861a4ac8ff30256c69d6f9f8c22461', class: "col-12" }, h("form-control-text", { key: 'a604836cf36f6da139c99165c4a4fafbe6d03bd4', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '0a4a89a55a47c25b7607695e216a58a8a30432ba', class: "col-12" }, h("form-control-text", { key: '9623bac603a6086f07507b0cdb3d6081653b75a6', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '9e91ad400d741ca574552bbd6c00868a3ca47064', class: "col-12" }, h("form-control-select", { key: '40a15cc46d9cf990f84253515c640fb163b78acc', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '066c707b74990627e6f02521c9b1f1fc3f2cad87', class: "col-12" }, h("form-control-text", { key: '2011e01ea7c8900ab9bab23c8e5aa3a3aea746fd', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: 'a539cbaf626cb72c898348857a9c618454ca989e', class: "col-12" }, h("form-control-text", { key: '974c87eac9091f5ce08f342d9ce1259d86d05cc8', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))))));
+        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" }), h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { helpText: "These documents are required for underwriting purposes. Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get is() { return "justifi-business-bank-account-form-step-core"; }
     static get properties() {
@@ -156,6 +287,26 @@ export class BusinessBankAccountFormStepCore {
                     "text": ""
                 }
             },
+            "postDocumentRecord": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
             "allowOptionalFields": {
                 "type": "boolean",
                 "mutable": false,
@@ -179,7 +330,10 @@ export class BusinessBankAccountFormStepCore {
         return {
             "formController": {},
             "errors": {},
-            "bankAccount": {}
+            "bankAccount": {},
+            "existingDocuments": {},
+            "documentData": {},
+            "isLoading": {}
         };
     }
     static get events() {
@@ -199,8 +353,8 @@ export class BusinessBankAccountFormStepCore {
                     "references": {
                         "ComponentFormStepCompleteEvent": {
                             "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
+                            "path": "../../../../api",
+                            "id": "src/api/index.ts::ComponentFormStepCompleteEvent"
                         }
                     }
                 }
@@ -220,8 +374,8 @@ export class BusinessBankAccountFormStepCore {
                     "references": {
                         "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+                            "path": "../../../../api",
+                            "id": "src/api/index.ts::ComponentErrorEvent"
                         }
                     }
                 }
@@ -267,4 +421,10 @@ export class BusinessBankAccountFormStepCore {
             }
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "isLoading",
+                "methodName": "watchHandler"
+            }];
+    }
 }

package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.js

@@ -1,11 +1,13 @@
 import { h } from "@stencil/core";
-import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
-import { makeGetBusiness, makePostBankAccount } from "../payment-provisioning-actions";
-import { BusinessBankAccountService, BusinessService } from "../../../../api/services/business.service";
+import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api";
+import { makeGetBusiness, makePostBankAccount, makePostDocumentRecord } from "../payment-provisioning-actions";
+import { BusinessService, BusinessBankAccountService, DocumentRecordService } from "../../../../api/services/business.service";
 export class BusinessBankAccountFormStep {
     constructor() {
         this.getBusiness = undefined;
         this.postBankAccount = undefined;
+        this.postDocumentRecord = undefined;
+        this.postDocument = undefined;
         this.authToken = undefined;
         this.businessId = undefined;
         this.allowOptionalFields = undefined;
@@ -30,6 +32,10 @@ export class BusinessBankAccountFormStep {
                 authToken: this.authToken,
                 service: new BusinessBankAccountService()
             });
+            this.postDocumentRecord = makePostDocumentRecord({
+                authToken: this.authToken,
+                service: new DocumentRecordService()
+            });
         }
         else {
             this.errorEvent.emit({
@@ -40,7 +46,7 @@ export class BusinessBankAccountFormStep {
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: '229a91f0c9d52f26cf602d950a4960adf2f090bb', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'e60dff98e072aeb0eb351cd746c9c05e0adf903c', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-bank-account-form-step"; }
     static get properties() {
@@ -101,7 +107,9 @@ export class BusinessBankAccountFormStep {
     static get states() {
         return {
             "getBusiness": {},
-            "postBankAccount": {}
+            "postBankAccount": {},
+            "postDocumentRecord": {},
+            "postDocument": {}
         };
     }
     static get events() {
@@ -121,8 +129,8 @@ export class BusinessBankAccountFormStep {
                     "references": {
                         "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+                            "path": "../../../../api",
+                            "id": "src/api/index.ts::ComponentErrorEvent"
                         }
                     }
                 }

package/dist/collection/components/business-forms/payment-provisioning/bank-account/business-documents-on-file.js

@@ -0,0 +1,63 @@
+import { h, Host } from "@stencil/core";
+import { formatDate, formatTimeSeconds, snakeCaseToHumanReadable } from "../../../../utils/utils";
+import { card, heading2, table, tableCell, tableHeadCell } from "../../../../styles/parts";
+import { Skeleton } from "../../../../ui-components";
+export class BusinessDocumentsOnFile {
+    constructor() {
+        this.documents = [];
+        this.isLoading = false;
+    }
+    render() {
+        if (this.isLoading) {
+            return h(Skeleton, { height: "50px" });
+        }
+        if (!this.documents.length) {
+            return null;
+        }
+        return (h(Host, null, h("div", { class: "card", part: card }, h("div", { class: "card-body" }, h("h5", { class: "card-title", part: heading2 }, "Documents Already on File"), h("div", { class: "table-responsive" }, h("table", { class: "table table-sm table-borderless", part: table }, h("thead", null, h("tr", null, h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Name"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "File Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Document Type"), h("th", { style: { width: "25%" }, part: tableHeadCell, scope: "col" }, "Date Uploaded"))), h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
+            .map((document, index) => {
+            return (h("tr", { class: index === 0 ? "border-bottom border-top" : "border-bottom" }, h("td", { part: tableCell }, document.file_name), h("td", { part: tableCell }, document.file_type), h("td", { part: tableCell }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: tableCell }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
+        })))))), h("hr", null)));
+    }
+    static get is() { return "business-documents-on-file"; }
+    static get properties() {
+        return {
+            "documents": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "documents",
+                "reflect": false,
+                "defaultValue": "[]"
+            },
+            "isLoading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-loading",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+}

package/dist/collection/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.js

@@ -41,7 +41,7 @@ export class BusinessCoreInfoFormStep {
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '2262521f98ad949fa2558572a991b00b44a2c8c0', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: 'c9f93be3e48527f5ae799cf736fc9ca86ece736c', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-core-info-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.js

@@ -41,7 +41,7 @@ export class BusinessOwnersFormStep {
         }
     }
     render() {
-        return (h(Host, { key: 'a4289542dcf53a2be9c2faea5873a36894a2e250' }, h("justifi-business-owners-form-step-core", { key: 'cd40a3cb35d657223516c91217ca3241701dcc8f', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: 'd3010f8f811d93d7ee0983e92aa3c87a1fab0466' }, h("justifi-business-owners-form-step-core", { key: '7eed1a3ebda94badba81f22011efbb23cee7bf12', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get is() { return "justifi-business-owners-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.js

@@ -16,7 +16,7 @@ export class RepresentativeFormInputs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: '90775954aebfc23b163d3b1626de290b70a4b32c' }, h("fieldset", { key: 'ea79bf2618b504fd7a5b86f334aace2d9fb20681' }, h("div", { key: '3b0ec861e82a1fb35dee68a81655506c198686d4', class: "d-flex align-items-center gap-2" }, h("legend", { key: '613e036d03c20ffc6e51a6a89f38eda7b2440e67', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'ba37c309f9f25b697f297c9641767d800e284f9f', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '8c3b56e7481e7c67a9e4f56fb2406506d6a3f927', class: "mt-2" }), h("div", { key: '477b3938ea0011e67bba2c43406b9dbb14019caf', class: "row gy-3" }, h("div", { key: 'dd2eca835cb422bd0f38fd504da1d651d5914d89', class: "col-12 col-md-8" }, h("form-control-text", { key: '477719029d827ddff5d2e357d641eb2d8b697657', 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: '36d22fa160f31c538e5afb80fa7fd6533caae3d3', class: "col-12 col-md-4" }, h("form-control-text", { key: '9d87128ec44af7cb861be3b3bf9705172267a2db', 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: '88b158cae25138f1e930f16d72972767679f9f27', class: "col-12 col-md-6" }, h("form-control-text", { key: 'dbd4ee0f36136c17aa96c36ca1fd0d8ed66758b4', 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: '11f873b4275b150459c482264ed364e8970f70ca', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '39763eb1b0c981f525b81c5d0fc0fb2fb44cce5c', 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: '6f7e70e31c03564c989355f9ed40b839451b3ae2', class: "col-12 col-md-4" }, h("form-control-date", { key: 'e5ee8b0752707fdafa4b6b7a8973f5b66f21bce6', 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: '73d54b1618e625fd67da896645edf74000596192', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'ce5235878fc1554e573e86070502a7ebaf4f2544', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '521ebc9a53fb0b2591937e75d6ca6789c134d54f', class: "col-12" }, h("justifi-identity-address-form", { key: '69d66df1033b67ce2e2fe7ae44ab7adfb38cc3d8', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: '96a926aefa6b30a3a1332198ffb2fcbb6316580c' }, h("fieldset", { key: '59a27475ed22d31dfdccf32ecf05e364bfc8deba' }, h("div", { key: '6dfde8190505808fc5101cf0832ec89785e3a73f', class: "d-flex align-items-center gap-2" }, h("legend", { key: '6342e6f1fb59e8e1e18bfff0dca55e0661f889a2', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'bf2f9a2ce23edb0363c074297600ee330a0143fb', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: '5ab4405fdd5338b9f4f4e3b2672a3769ec7b97d9', class: "mt-2" }), h("div", { key: '2a3e3b458077f26b99c53be76970b735764ba12a', class: "row gy-3" }, h("div", { key: '03679420425d09f380589efbf7640b73c8ddaacb', class: "col-12 col-md-8" }, h("form-control-text", { key: '2ecbbc99442fa73dae73cd1cf398dbf425bf0e84', 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: 'ff989b9f132092c028b096420314b0b67e1e94d7', class: "col-12 col-md-4" }, h("form-control-text", { key: 'f0df98d4ca3ed07e1e884df782ddf125321c0ca1', 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: 'a9f9b6b5039a70ac8539605622cdbc574c01734f', class: "col-12 col-md-6" }, h("form-control-text", { key: '6e2736b9d35f9f15d6d4368a89b096bddd1e1b99', 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: '75e2f09476bfb82d695e41103337c2bfc64c85a3', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8fdd1d70b62f92df2347df53494e194c22de9004', 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: 'b670407555423c18879172d12761020b7d5cecbe', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a5bca4384bbc736576147d811878ec02e1c27e10', 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: '414c906c37268aa87ae1cfe870d2d23fc4d6602e', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'ab0c71faa0f0982666164b63ec0612d1a82c3b7a', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'ea19a62d5ceddfdd297d042b0b49f711d164f06f', class: "col-12" }, h("justifi-identity-address-form", { key: '276a217bd4a538357971f3a2c5771ba45bef5b53', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
     static get is() { return "justifi-business-representative-form-inputs"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js

@@ -41,7 +41,7 @@ export class BusinessRepresentativeFormStep {
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: 'ef66ed41f635a4676073073db924050f548c9781', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '1a7dc9bc4901d5a2bb3da7a06c63952ee45b7843', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-representative-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js

@@ -41,7 +41,7 @@ export class LegalAddressFormStep {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '598e4684d6344d783f7a9de8effbac5bda79834f', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '70241ec94d2519d675e3831dfb13840e0f9ea6ca', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-legal-address-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-actions.js

@@ -1,6 +1,6 @@
 import { ComponentErrorSeverity } from "../../../api/ComponentError";
 import { getErrorCode, getErrorMessage } from "../../../api/services/utils";
-// Entity API Actions
+// Business / Entity API Actions
 export const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
     var _a;
     try {
@@ -85,7 +85,7 @@ export const makePostProvisioning = ({ authToken, businessId, product, service }
         });
     }
 };
-// Identity API Actions
+// Business Identity API Actions
 export const makeGetIdentity = ({ authToken, identityId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
     var _a;
     try {
@@ -203,3 +203,33 @@ export const makePostBankAccount = ({ authToken, service }) => async ({ payload,
         return final();
     }
 };
+// Business Document API Actions
+export const makePostDocumentRecord = ({ authToken, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.postDocumentRecord(authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js

@@ -8,8 +8,7 @@ export class PaymentProvisioningFormSteps {
             3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields }),
             4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields }),
             5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields }),
-            6: () => h("justifi-business-document-upload-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
-            7: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[7] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
+            6: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
         this.businessId = undefined;
         this.authToken = undefined;
@@ -22,7 +21,7 @@ export class PaymentProvisioningFormSteps {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '7c2dc774f9c84172ffe0dbe18d24d9c582711159', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'a83b5ef4442783fe771eef6d6418c97aa0a9026d', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
     static get is() { return "justifi-payment-provisioning-form-steps"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js

@@ -111,8 +111,11 @@ export class BusinessTermsConditionsFormStep {
             this.errors = Object.assign({}, errors);
         });
     }
+    get merchantAgreementLink() {
+        return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
+    }
     render() {
-        return (h("form", { key: '171f28c9ceb30482708899890880c8ab11dbc941' }, h("fieldset", { key: '51306d0bd3e3dea325fb770f5c2561dd8cc2e207' }, h("legend", { key: '500f63285df715926ee3c32ea2d0ef8dc8f10523', part: heading2 }, "Terms and Conditions"), h("hr", { key: '320c04095f36752c5661afbf10a2ec021234bac6' }), h("justifi-business-terms-conditions-text", { key: 'b6cb2162427df3225fa0443080905aea15140715' }), h("br", { key: 'f65ea0d2c5e820fe75b0c11ac127cdb9621c389a' }), h("div", { key: '4b2a6dc295a039b20b9b9a516dc2c791509722d6', class: "row-gy-3" }, h("div", { key: '27265499a6d1cfcdd1a9d1a890f266bb670b4e57', class: "col-12" }, h("form-control-checkbox", { key: '80459807c7ebb3bd9ea43ae0c27235c9d3d00976', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '643d1122e14cb32e62e4406c7a375d196ce310e9' }, h("fieldset", { key: 'a002f8bfa7d35b840cf01f5381e1895af3744810' }, h("legend", { key: '2ec353fe730c33c0dc2a103ef08666790343eba7', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'ae538e42c49040ca41a83e9ff8664db89ae5bb03' }), h("div", { key: '2887706d30dad94180792be4c252e20cbf03cef6' }, h("p", { key: 'b1c3a9322ce96ac5265a50da6997228fe1666e9b' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'e78c021fa44eeddb5a963cfde3e5f2fa8d5066c5' }), h("div", { key: '888a15369bea1244f338fb6062090889f6de5aa1', class: "row-gy-3" }, h("div", { key: '510074fb20d80909cbe93fc44ad6918e214e8334', class: "col-12" }, h("form-control-checkbox", { key: 'dcaf2efb889a72335b1204b075a84ec9ff367bf5', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {