@justifi/webcomponents 4.20.1 → 4.21.0

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { BusinessFormClickActions, BusinessFormStep } from "../../utils/business-form-types";
+import { BusinessFormClickActions, BusinessFormStep, BusinessFormStepV2 } from "../../utils/business-form-types";
 import { Button } from "../../../../ui-components";
 export class BusinessOwnersFormStepCore {
     constructor() {
@@ -52,6 +52,7 @@ export class BusinessOwnersFormStepCore {
                 },
                 final: () => {
                     this.submitted.emit({ data: submittedData, metadata: { completedStep: BusinessFormStep.owners } });
+                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.owners });
                     this.formLoading.emit(false);
                 }
             });
@@ -111,9 +112,9 @@ export class BusinessOwnersFormStepCore {
         this.ownersPayload = updatedOwners;
     }
     render() {
-        return (h("div", { key: 'f2358952d2d28841fb8e6bc66e9846eb2cdcc97e' }, h("legend", { key: 'ab3f7e6758cc50760681a9fdd07f8e137da65980' }, "Owners"), h("hr", { key: '57828746f9991da89e77a1f96b51f6df2d33d666' }), h("div", { key: '4f7f58bf1b5d40079228eef118946e17b407db63', class: 'row gy-3' }, this.ownersPayload.map((owner) => {
+        return (h("div", { key: '54dc14b59646d1cb539fd0b58ce6635350b3df4b' }, h("div", { key: 'b33f4e979244d857de0bb33b5ef5d4c31086cc10', class: "d-flex align-items-center gap-2" }, h("legend", { key: '96a4c633e8111bcfb5dd86e6f9e08ef98ea2728d', class: "mb-0" }, "Owners"), h("form-control-tooltip", { key: '057e701996ea52daf1b8cd0dc8ee97020918d844', helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), h("hr", { key: 'ef7dbdb63e95b95a3fa8630938a8cd1bf17855f7', class: "mt-2" }), h("div", { key: '53672f1511d6af3c4ae60572da139ba8249dd1c5', class: 'row gy-3' }, this.ownersPayload.map((owner) => {
             return (h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
-        })), h("div", { key: '88dad43cc24d7c1e1220acb6b7791c2172074d61', class: 'd-flex justify-content-start' }, h("div", { key: '9359481d78e5c3ba9599d2fce5837c5fdfe1d6f0', class: 'gap-2' }, h(Button, { key: '04ee1c49c34567b079432df8fb2b1b298fb7d7a3', variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
+        })), h("div", { key: '9db46d31044dca403fd6ed13e36c8315ad4ca32a', class: 'd-flex justify-content-start' }, h("div", { key: 'a55cf43f922428201e0d016d1eb10489ba9ca6aa', class: 'gap-2' }, h(Button, { key: '0393ff4837999d169afdcb5c79a67bb50176edcd', variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
     }
     static get is() { return "justifi-business-owners-form-step-core"; }
     static get properties() {
@@ -240,6 +241,27 @@ export class BusinessOwnersFormStepCore {
                         }
                     }
                 }
+            }, {
+                "method": "stepCompleted",
+                "name": "form-step-completed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormStepCompletedEvent",
+                    "resolved": "BusinessFormStepCompletedEvent",
+                    "references": {
+                        "BusinessFormStepCompletedEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                        }
+                    }
+                }
             }, {
                 "method": "clickEvent",
                 "name": "click-event",

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

@@ -46,7 +46,7 @@ export class BusinessOwnersFormStep {
         }
     }
     render() {
-        return (h(Host, { key: '213a68fd3543eb912c6fed376128ba877ba75871' }, h("justifi-business-owners-form-step-core", { key: '5acee797bd35f5b60cadc5ddd50f560532dfe8b1', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '31bd33a08c9eb4a849db8898b3ec7e6fede7b843' }, h("justifi-business-owners-form-step-core", { key: '9e4c88686e1a5ebfd81ab5f1aebd21f58c4e6be5', 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

@@ -15,7 +15,7 @@ export class RepresentativeFormInputs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: '8b46b3b30681c7e7f30395a2cac575a7bd7ac998' }, h("fieldset", { key: 'e6b8f2ebca22c295fd6897c0e8862200171c2b4d' }, h("legend", { key: '8f8f52240f5ccc3f5d43507681dc970b4260bb1b' }, "Representative"), h("hr", { key: '8b07c69a514534ab731e7c01b6ee4c7a0e59e06e' }), h("div", { key: '79f44ba9dcbcf9d010aed92e332f686ca7127285', class: 'row gy-3' }, h("div", { key: '2a1aeb5ddee1dafc40e108cfb2e9ed6f4d8bc183', class: 'col-12 col-md-8' }, h("form-control-text", { key: '6e089f2d4f734da266e94b38ec1435dc3f461d5f', 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: 'c86421e524752e017180aef58e01229bf751e941', class: 'col-12 col-md-4' }, h("form-control-text", { key: 'ad8105f6d9a46397eb481666c19468376716544c', name: 'title', label: 'Title', defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '7775905e46c00337a98ab668c8453e14d27bfc4d', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e810f2395101a1e48d8d3ff66617ac82d0ec90b3', 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: '66a91e85d1902e32668407e684774820c02dce67', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'aad97ca95c5b2ec728ea00916a46ff4b84661b96', 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: '3cd56ea0ac1e472e905c8113f6335868c39882f1', class: 'col-12 col-md-4' }, h("form-control-date", { key: '2f6d505220cacc08a80029ada089370f3841d9ed', 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) })), h("div", { key: 'cf2df0af006a50d3533b798607025b4d6ee82ca0', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '033e4264a1466d300891b2328c0bfaced7acb04d', 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 })), h("div", { key: '2dc7be12d65203da4d4e0bdd995256a7bdc5bf37', class: 'col-12' }, h("justifi-identity-address-form", { key: '47916ab24bf990be3541b72bfa2dc46cccca5a31', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: 'e60e25f358a68b95126f1b0238b754db71ffeb5e' }, h("fieldset", { key: 'ab9ca66102990e85694090847abda3842b4302e2' }, h("div", { key: '7fd390072a5b449efb1d18538da2a5ca985b7786', class: "d-flex align-items-center gap-2" }, h("legend", { key: '0fce87b8847777b8a2489684066a7f2ad28037a2', class: "mb-0" }, "Representative"), h("form-control-tooltip", { key: '685ab12d13997025ff840776a7868627d71c4ddf', 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: '87c7bf398f56addcc816803ca4b0b8b6598f47f9', class: "mt-2" }), h("div", { key: '76f9606e68374f92810686b4ee1e65855bb724dd', class: "row gy-3" }, h("div", { key: '982dfe08aba4db2ed702aaff432bea4e527ab9cb', class: "col-12 col-md-8" }, h("form-control-text", { key: '4dfbde53299db25439a8be81187d7b3cb39d1026', 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: '9d9428eb5a8269861170dfa3ec162f0b52581101', class: "col-12 col-md-4" }, h("form-control-text", { key: 'af3601d4dfa0ffbe0a83f467d88c34add95b57b6', 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: '9f56a922a12b5a8393effde4a7e5d3e62f29a8e6', class: "col-12 col-md-6" }, h("form-control-text", { key: 'cc784d334f4c4612686f62a613ac7910d680dba8', 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: '4f63adab539a9f285985c440fcaf112ae81f7826', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a170c6b9a6d553216adc41ac7603841b949b4b83', 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: '85ea5c9bc2b3992d44247991fda34a5142e50faa', class: "col-12 col-md-4" }, h("form-control-date", { key: '0e66f5255a6d159350ecd7d228ded18441b47d26', 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: 'e0dddceb3d489b9d92a19e983d2ef147c9127e68', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '0f95dd8c436a38377058bf6067d810d8bdcb7686', 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: '0fb3fea4773d72d787c50e18213379ca3aed5c9e', class: "col-12" }, h("justifi-identity-address-form", { key: 'fe9cf9cc527794376968d35cdd42bfd75e550cca', 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-core.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { Representative } from "../../../../api/Identity";
 import { FormController } from "../../../form/form";
+import { BusinessFormStepV2 } from "../../utils/business-form-types";
 import { identitySchema } from "../../schemas/business-identity-schema";
 export class BusinessRepresentativeFormStepCore {
     constructor() {
@@ -40,6 +41,7 @@ export class BusinessRepresentativeFormStepCore {
                 },
                 final: () => {
                     this.submitted.emit({ data: { submittedData } });
+                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.representative });
                     this.formLoading.emit(false);
                 }
             });
@@ -68,7 +70,7 @@ export class BusinessRepresentativeFormStepCore {
         });
     }
     render() {
-        return (h("justifi-business-representative-form-inputs", { key: '855736c2c1565b0b9e2cf57131a72298ccc889d5', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
+        return (h("justifi-business-representative-form-inputs", { key: 'c007fffeb2675f9e054d74e7c59a729ad3103d21', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
     static get is() { return "justifi-business-representative-form-step-core"; }
     static get properties() {
@@ -161,6 +163,27 @@ export class BusinessRepresentativeFormStepCore {
                         }
                     }
                 }
+            }, {
+                "method": "stepCompleted",
+                "name": "form-step-completed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormStepCompletedEvent",
+                    "resolved": "BusinessFormStepCompletedEvent",
+                    "references": {
+                        "BusinessFormStepCompletedEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                        }
+                    }
+                }
             }, {
                 "method": "formLoading",
                 "name": "formLoading",

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: '866d8cf33d53eff562dac1d36898b4c5695bf39b', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '934b6204cfe78ffe17b3f975de3eedb64398168d', 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/document-uploads/business-document-upload-form-step.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../form/form";
-import { BusinessFormStep } from "../../utils/business-form-types";
+import { BusinessFormStep, BusinessFormStepV2 } from "../../utils/business-form-types";
 import { Business } from "../../../../api/Business";
 import Api from "../../../../api/Api";
 import { config } from "../../../../../config";
@@ -97,6 +97,7 @@ export class BusinessDocumentFormStep {
             }
             else {
                 this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.documentUpload } });
+                this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.documentUpload });
                 return true;
             }
         };
@@ -110,6 +111,7 @@ export class BusinessDocumentFormStep {
             try {
                 const docArray = Object.values(this.documentData).flat();
                 if (!docArray.length) {
+                    this.stepCompleted.emit({ data: null, formStep: BusinessFormStepV2.documentUpload, metadata: 'no data submitted' });
                     return onSuccess();
                 }
                 const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
@@ -179,7 +181,7 @@ export class BusinessDocumentFormStep {
         return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (h("form", { key: '38bb9070ca04f773ec092ebb14ce8ad20f33d8cf' }, h("fieldset", { key: '9c736d11200bb9c5a37c1319f3bfb349b7a5e93f' }, h("legend", { key: '92ed2fb864e85e38532af364518c25ef4bd275a5' }, "Document Uploads"), h("p", { key: 'f5803df74a5d0bc4e544c6cc968333f2a3f77385' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '0c696d1bdb614bdacb3cbadeee66c95149efda68' }), this.documentsOnFile, h("div", { key: '7919205dfda677526d810a9fa1507ed8a55eafb8', class: "d-flex flex-column" }, this.formInputs))));
+        return (h("form", { key: 'f240b37d159cbf3db19e4256f97ade622e88d41b' }, h("fieldset", { key: '0555c8a1747336af04b470f750343d231cebb7cc' }, h("div", { key: '7c46295e5997aba7f769324d52def17236babe7b', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2a3fe8a3031a1923df6de8752438d595d935d8f6', class: "mb-0" }, "Document Uploads"), h("form-control-tooltip", { key: '6b3f02a801ff53a1c28ee30710980f5e2790ac5c', helpText: "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { key: 'ac1f9e460920d3654f9c079e8c3fc84ccf7369b4', class: "mt-2" }), this.documentsOnFile, h("div", { key: '444b0f875d460d6bdddc9183bc5c797d3828c127', class: "d-flex flex-column" }, this.formInputs))));
     }
     static get is() { return "justifi-business-document-upload-form-step"; }
     static get properties() {
@@ -270,6 +272,27 @@ export class BusinessDocumentFormStep {
                         }
                     }
                 }
+            }, {
+                "method": "stepCompleted",
+                "name": "form-step-completed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormStepCompletedEvent",
+                    "resolved": "BusinessFormStepCompletedEvent",
+                    "references": {
+                        "BusinessFormStepCompletedEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                        }
+                    }
+                }
             }, {
                 "method": "formLoading",
                 "name": "formLoading",

package/dist/collection/components/business-forms/payment-provisioning/document-uploads/business-document-upload-input-group.js

@@ -29,7 +29,7 @@ export class BusinessDocumentUploadInputGroup {
     }
     render() {
         const inputsConfig = this.inputConfigs;
-        return (h("div", { key: '8035b474e298cae43e5ceda5594fd3891902a300', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true }))))));
+        return (h("div", { key: 'e43e94c773b524f5725c75af53db4ceadc0ba172', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true }))))));
     }
     static get is() { return "justifi-business-document-upload-input-group"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/document-uploads/input-configurations.js

@@ -1,45 +1,45 @@
 import { EntityDocumentType } from "../../../../api/Document";
 const voidedCheck = {
-    name: 'voided_check',
-    label: 'Upload Voided Check',
+    name: "voided_check",
+    label: "Upload Voided Check",
     documentType: EntityDocumentType.voidedCheck,
-    helpText: 'Please upload a voided check for the business.'
+    helpText: "Voided check or bank statement where the legal entity and account number are clearly visible. The check must match the legal entity registering for this merchant account."
 };
 const bankStatements = {
-    name: 'bank_statement',
-    label: 'Upload Bank Statements',
+    name: "bank_statement",
+    label: "Upload Bank Statements",
     documentType: EntityDocumentType.bankStatement,
-    helpText: 'Please upload 3 months of bank statements for the business.'
+    helpText: "The most recent 3 months of your business’ bank statements. The statements must match the legal entity registering for this merchant account."
 };
 const balanceSheet = {
-    name: 'balance_sheet',
-    label: 'Upload FYE Balance Sheet',
+    name: "balance_sheet",
+    label: "Upload FYE Balance Sheets",
     documentType: EntityDocumentType.balanceSheet,
-    helpText: 'Please upload the most recent 2 years of balance sheets.'
+    helpText: "Please provide the balance sheet that corresponds to the last day of your business' last two fiscal years. For example, 12/31/2022 & 12/31/2023 balance sheets."
 };
 const governmentId = {
     name: 'government_id',
-    label: 'Upload Government ID',
+    label: 'Upload Government ID (optional)',
     documentType: EntityDocumentType.governmentId,
-    helpText: 'Please upload a government issued ID for the business owner.'
+    helpText: "The ID must include a personal address."
 };
 const profitAndLossStatement = {
-    name: 'profit_and_loss_statement',
-    label: 'Upload Profit and Loss Statements',
+    name: "profit_and_loss_statement",
+    label: "Upload FYE Profit and Loss Statements",
     documentType: EntityDocumentType.profitAndLossStatement,
-    helpText: 'Please upload the most recent profit and loss statements.'
+    helpText: "Fiscal Year End Profit and Loss statements for your business’ last two fiscal years. For example, FYE 2022 and FYE 2023 profit and loss statements."
 };
 const ss4 = {
     name: 'ss4',
-    label: 'Upload SS4 / Article of Incorporation',
+    label: 'Upload SS4 / Article of Incorporation (optional)',
     documentType: EntityDocumentType.taxReturn,
     helpText: "Please upload the business's SS4 / Article of Incorporation."
 };
 const other = {
     name: 'other',
-    label: 'Upload any other documents',
+    label: 'Upload any other documents (optional)',
     documentType: EntityDocumentType.other,
-    helpText: 'Please upload any other documents that may be relevant to your business.'
+    helpText: "Please upload any other documents that may be relevant to your business."
 };
 export const inputConfigurations = {
     voidedCheck,

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

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 import { addressSchema } from "../../schemas/business-address-schema";
 import { FormController } from "../../../form/form";
 import { Address } from "../../../../api/Business";
+import { BusinessFormStepV2 } from "../../utils/business-form-types";
 import StateOptions from "../../../../utils/state-options";
 import { numberOnlyHandler } from "../../../form/utils";
 export class LegalAddressFormStepCore {
@@ -42,6 +43,7 @@ export class LegalAddressFormStepCore {
                 },
                 final: () => {
                     this.submitted.emit({ data: { submittedData } });
+                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.legalAddress });
                     this.formLoading.emit(false);
                 }
             });
@@ -76,7 +78,7 @@ export class LegalAddressFormStepCore {
     render() {
         var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '5a95fe5a130deded7e160e6fe4ba1d09e6a6aabc' }, h("fieldset", { key: '2011fac5c860b7beee5eaac28e697b284067f2e6' }, h("legend", { key: 'dbe411d80d10a71bc63f18fcdb58a40b124e8eaf' }, "Business Legal Address"), h("hr", { key: '4a91dd5e67e5770778d2dd59716e1e532d644ee9' }), h("div", { key: 'cd53516a98498ab82ab347a1f7c836be262b9fdb', class: 'row gy-3' }, h("div", { key: '14cd5fee5661681ccff95eabf8cd6f2d4cff2296', class: 'col-12' }, h("form-control-text", { key: 'e4b0a5e30fc1a35e5127a76710211874fb68898b', name: 'line1', label: 'Legal Address', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: '2c35da509732e73e2abb4365d6d9e2056d7ce771', class: 'col-12' }, h("form-control-text", { key: 'c8ae2a5c75d0fe8c5ddd46d9150590b8a4f99a5e', name: 'line2', label: 'Address Line 2', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: '07649ebd5a848eee63398965c30e8e30fcc88354', class: 'col-12' }, h("form-control-text", { key: 'cb25047c3458124f7d837b7948e807214f1a0a0a', name: 'city', label: 'City', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: 'ce3ddc5f3639503dbc02668aea7139ffff376545', class: 'col-12' }, h("form-control-select", { key: '00d18b4af1f415828b40404888a6c69d0611d0cc', name: 'state', label: 'State', options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: '1988bd739af107d9595f6fed897f257da13ac997', class: 'col-12' }, h("form-control-text", { key: '55144c39845d4cc36704170b73458f761f311d00', name: 'postal_code', label: 'Postal Code', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'cccba799a75280693f461f390121b13006877f35', class: 'col-12' }, h("form-control-select", { key: 'e49b21a781280fb2e9cc9f6b88ddcc6d7408c5f8', name: 'country', label: 'Country', options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+        return (h("form", { key: '0b6da6f38496eed7699b642e3855a085ee004105' }, h("fieldset", { key: '18e56d0ab1c9dfa6f768d16c9f82ce0c203c8cca' }, h("div", { key: '286505d10fdacddf89663069a3f45837fa3f5434', class: "d-flex align-items-center gap-2" }, h("legend", { key: '1632a05fce65e9df5b14e4e61e4f925644b66afe', class: "mb-0" }, "Legal Address of your Business"), h("form-control-tooltip", { key: '2013d53e29f31b923c5304b1d534e8d6edf248c5', helpText: "No PO Boxes." })), h("hr", { key: '95f1dd6e945af35db3b9c107741125c86298d043', class: "mt-2" }), h("div", { key: '33c940f3eb99c742cd7bc26eb30bf2593beee7e7', class: "row gy-3" }, h("div", { key: 'a70c712478ea1c1535dfb7b121a27f73c250737f', class: "col-12" }, h("form-control-text", { key: 'a2295eff889da276b0e7d3c49c0479f684edeab8', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: 'b7c7bbeac63558be4bce0b14857321246c54e03e', class: "col-12" }, h("form-control-text", { key: '67fdffdae07317978b9830af28f2a13d13f49cbe', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: '2fc87bc9415822b9317e680c6e39065e0410088d', class: "col-12" }, h("form-control-text", { key: 'e3b768d6830c8c6746e22affac093c09239b7b1a', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: 'b7567c4ca4ecece2927ea79cf0872fe907c45b5b', class: "col-12" }, h("form-control-select", { key: '294fe774b7e621707d800fab28a6efc97f7a0aaf', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: '7dc1741c28d20f006050083bfc371364a3588242', class: "col-12" }, h("form-control-text", { key: '3a38d6a710c5eab2234b40a631b3fbc08f601fea', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '8f1a3fab096961e6b0afc09303ee959b263d6677', class: "col-12" }, h("form-control-select", { key: '8f9be74731bafc3377b262779ac6bae0ad374c19', name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }
@@ -171,6 +173,27 @@ export class LegalAddressFormStepCore {
                         }
                     }
                 }
+            }, {
+                "method": "stepCompleted",
+                "name": "form-step-completed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormStepCompletedEvent",
+                    "resolved": "BusinessFormStepCompletedEvent",
+                    "references": {
+                        "BusinessFormStepCompletedEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                        }
+                    }
+                }
             }, {
                 "method": "formLoading",
                 "name": "formLoading",

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

@@ -46,7 +46,7 @@ export class LegalAddressFormStep {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '7455b4950e2ca1121004943ad81537c583438738', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '06ac5acac2cc9c167a86448b0e12d885d21361fb', 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/terms-and-conditions/business-terms-conditions-form-step.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../form/form";
-import { BusinessFormStep } from "../../utils/business-form-types";
+import { BusinessFormStep, BusinessFormStepV2 } from "../../utils/business-form-types";
 import { config } from "../../../../../config";
 import { businessTermsConditionsSchema } from "../../schemas/business-terms-conditions-schema";
 import { Api } from "../../../../api";
@@ -90,6 +90,7 @@ export class BusinessTermsConditionsFormStep {
             onSuccess();
         }
         this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.termsAndConditions } });
+        this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.termsAndConditions });
     }
     async validateAndSubmit({ onSuccess }) {
         if (this.acceptedTermsBefore) {
@@ -107,7 +108,7 @@ export class BusinessTermsConditionsFormStep {
         });
     }
     render() {
-        return (h("form", { key: 'a292e2b1b69d152009000d9e7009e5ab07698bc8' }, h("fieldset", { key: '30843e9ed0029f64abcf076512af82974dd99598' }, h("legend", { key: '6453679a074056668bdd93cb91d2d725b73fb0da' }, "Terms and Conditions"), h("hr", { key: '6a44c1128e3dceb770b16533aa61fb5e81f5dda2' }), h("justifi-business-terms-conditions-text", { key: '714c9f81c1d1f91712a276259acf4eb6734b40d4' }), h("br", { key: '5e955908e53af5ade77fca9f2a47e8a9d10e7ad8' }), h("div", { key: '7c6ca9d2634c7cc6988292ffedf86b64c3865557', class: "row-gy-3" }, h("div", { key: 'e8f01c4bdcc07e0063e3b8f5f1acbabc9b3310f7', class: "col-12" }, h("form-control-checkbox", { key: 'e09eeb02dc30a9461e958bf43685d2c58f4a608f', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
+        return (h("form", { key: '3f269771c368a23afd1c7b139b0fce416d18f161' }, h("fieldset", { key: 'a94a5bf100cb5a10b156b8cf94dc85f03cc1f6ae' }, h("legend", { key: 'facb4a29cebd5147fe3c35d336df04546b550d74' }, "Terms and Conditions"), h("hr", { key: '3dafaab7d2d35bf9a00f87da643f6e1efaa7b147' }), h("justifi-business-terms-conditions-text", { key: '60a1370c8b0d817d79130e8607f6d663c4648c78' }), h("br", { key: 'e72e81a34b31a00ebe3a0d01e24dc096df7bc2a9' }), h("div", { key: '676ed858195c1b90a9e4fdc22ba9654ff944dc93', class: "row-gy-3" }, h("div", { key: '20039587eb6144a05078799f6a41feb59f43dbd2', class: "col-12" }, h("form-control-checkbox", { key: 'fc8eaa81e530b55f24e2ec994b97b4c181af94b2', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {
@@ -194,6 +195,27 @@ export class BusinessTermsConditionsFormStep {
                         }
                     }
                 }
+            }, {
+                "method": "stepCompleted",
+                "name": "form-step-completed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormStepCompletedEvent",
+                    "resolved": "BusinessFormStepCompletedEvent",
+                    "references": {
+                        "BusinessFormStepCompletedEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                        }
+                    }
+                }
             }, {
                 "method": "formLoading",
                 "name": "formLoading",