@justifi/webcomponents 4.20.1 → 4.22.0

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

@@ -1,7 +1,8 @@
 import { h } from "@stencil/core";
 import { additionalQuestionsSchema } from "../../schemas/business-additional-questions-schema";
-import { FormController } from "../../../form/form";
+import { FormController } from "../../../../ui-components/form/form";
 import { AdditionalQuestions } from "../../../../api/Business";
+import { BusinessFormStepV2 } from "../../utils/business-form-types";
 import { CURRENCY_MASK } from "../../../../utils/form-input-masks";
 import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../../utils/business-form-options";
 export class AdditionalQuestionsFormStepCore {
@@ -42,20 +43,31 @@ export class AdditionalQuestionsFormStepCore {
                 },
                 final: () => {
                     this.submitted.emit({ data: { submittedData } });
+                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.additionalQuestions });
                     this.formLoading.emit(false);
                 }
             });
         };
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+            this.additional_questions = new AdditionalQuestions(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
         this.formController = undefined;
         this.errors = {};
         this.additional_questions = {};
+        this.recurringPayments = false;
         this.getBusiness = undefined;
         this.patchBusiness = undefined;
         this.allowOptionalFields = undefined;
     }
+    recurringPaymentsWatcher(newValue) {
+        if ((newValue === null || newValue === void 0 ? void 0 : newValue.business_recurring_payments) === 'Yes') {
+            this.recurringPayments = true;
+        }
+        else {
+            this.recurringPayments = false;
+        }
+    }
     async validateAndSubmit({ onSuccess }) {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
     }
@@ -76,7 +88,7 @@ export class AdditionalQuestionsFormStepCore {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '275b193388d360ab6dacfb70ea9e06d68d68cbf8' }, h("fieldset", { key: '740ce0b08ad00efa1345f69cf977e64283307533' }, h("legend", { key: '7f531cdf699ad93234bbdd5d9336ee782e770597' }, "Additional Questions"), h("hr", { key: 'cb81b0b4dc9e6a52ff9bf70571a200fee50e8146' }), h("div", { key: '9100fdb4857a5a9a2b42f0188cfac075974afbeb', class: 'row gy-3' }, h("div", { key: 'ee0885251b8e49cb33359a42897097552e9d0ff9', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '555b00e0b6728dca26a42813991f35dec41e2577', name: 'business_revenue', label: 'What is the business\u2019 estimated annual revenue from its primary business activities?', inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '689ecc46bffe9cfe7190428e191802332485f139', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '19a4269b31af12f9e07655c9dc0d9db1de46caa2', name: 'business_payment_volume', label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'f6eebbdd589cf4eb506d3d94502a027e639889d9', class: 'col-12' }, h("form-control-select", { key: '112bb7ee88335d9b8e8f9300ff190f164b750b39', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '49864b5aeca86d221cc12690e2f9976fe9ee86ef', class: 'col-12' }, h("form-control-select", { key: 'a07159d8e7e49b9b1df5bcf2dcede994d0059595', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '3a03321d7dd9202c290443d756105bb2565a3e55', class: 'col-12' }, h("form-control-text", { key: '319a5fcb7ac6e975c41cfd5b19d5de0e98504f5d', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'e108f26d04e7f9510f89ab09daab53e86f5c30e1', class: 'col-12' }, h("form-control-select", { key: '45fb9296592415ddb947b55e3c7c73d198b96fac', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '0b40ac8429c07279acb3d360124853a608a01664', class: 'col-12' }, h("form-control-text", { key: '880e00acdfa51f95b643f1ecc8d6fccba1167e6c', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h("form", { key: '469cda15cbb05da33e26bc645cc51ebbbdf6e7fc' }, h("fieldset", { key: 'b00875b7d3f3d3ad338c38000cc29b3a550e8a50' }, h("div", { key: '6dfc3d60d5b5469613681715bf1965752fdb9662', class: "d-flex align-items-center gap-2" }, h("legend", { key: '65b2a3769f96714563a468eca3f1d7e82d6a1538', class: "mb-0" }, "Additional Questions"), h("form-control-tooltip", { key: '7a51538fe74cf8e0f3ed49042d6301fb2bd7909b', helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { key: '42496d5e78ed4922a0165caab9e6e7e48cb44616', class: "mt-2" }), h("div", { key: '0d7ff24d81a3f54e223293c393d4ce89588a1c58', class: "row gy-3" }, h("div", { key: '12a1c72e5e5802f7729f2a09764a5cffa194639d', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'c9f4aecc5b7108c788237f776953c5cd9ae844b8', name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'ecd78939d2a7ac81932898f65f3c9424f157fb3d', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '5df34b238082a11a4589a05e24c53650bd2c0b79', name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '9db14123245c84eb3dc33d28154ac9be458987cc', class: "col-12" }, h("form-control-select", { key: '7e9899a2e41c14ae968c5451e46d445cbaa289a4', name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'f5ebffe9294cbe7e16487c8e63009f7c4901fee1', class: "col-12" }, h("form-control-select", { key: '32a0f978252a52cff90a3a9c1e675515960ee016', name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '0aa20a223c15959c7b1e36b8570c17c11c193a8c', class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { key: 'e6abbe38ef92091d87c04f832c860ac1a34e855f', name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { key: '1c2fbe366315babd398e48b38861cb2b8336b287', class: "col-12" }, h("form-control-select", { key: 'eb45c69781ea51ab35f3f0782d1245f553ff63a5', name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'ded80ce1cf8b0fd1b580d5002a1a869aed132f62', class: "col-12" }, h("form-control-text", { key: '80612b8d9381072e0ae670f07b649f01f1cfed66', name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get is() { return "justifi-additional-questions-form-step-core"; }
     static get properties() {
@@ -144,7 +156,8 @@ export class AdditionalQuestionsFormStepCore {
         return {
             "formController": {},
             "errors": {},
-            "additional_questions": {}
+            "additional_questions": {},
+            "recurringPayments": {}
         };
     }
     static get events() {
@@ -169,6 +182,27 @@ export class AdditionalQuestionsFormStepCore {
                         }
                     }
                 }
+            }, {
+                "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",
@@ -232,4 +266,10 @@ export class AdditionalQuestionsFormStepCore {
             }
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "additional_questions",
+                "methodName": "recurringPaymentsWatcher"
+            }];
+    }
 }

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

@@ -46,7 +46,7 @@ export class AdditionalQuestionsFormStep {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'ede8f1336c69d47c651a5b4b95ee2746aae3aa52', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: '6ca8443cbe837d993be4381a9d650caaaf51f2df', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-additional-questions-form-step"; }
     static get properties() {

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

@@ -1,11 +1,11 @@
 import { h } from "@stencil/core";
-import { FormController } from "../../../form/form";
-import { BusinessFormStep } from "../../utils/business-form-types";
+import { FormController } from "../../../../ui-components/form/form";
+import { BusinessFormStep, BusinessFormStepV2 } from "../../utils/business-form-types";
 import { businessBankAccountSchema } from "../../schemas/business-bank-account-schema";
 import { bankAccountTypeOptions } from "../../utils/business-form-options";
 import { Api } from "../../../../api";
 import { config } from "../../../../../config";
-import { numberOnlyHandler } from "../../../form/utils";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 import { BankAccount } from "../../../../api/BankAccount";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
 /**
@@ -97,10 +97,17 @@ export class BusinessBankAccountFormStep {
             onSuccess();
         }
         this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.bankAccount } });
+        this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.bankAccount });
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formDisabled ? onSuccess() :
+        if (this.formDisabled) {
+            this.stepCompleted.emit({ data: null, formStep: BusinessFormStepV2.bankAccount, metadata: 'no data submitted' });
+            onSuccess();
+        }
+        else {
             this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        }
+        ;
     }
     ;
     componentWillLoad() {
@@ -118,7 +125,7 @@ export class BusinessBankAccountFormStep {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'c2bdcd5ab6301d1a39e4d774df101281c41e2002' }, h("fieldset", { key: '7f6b607be5b7bc5fcd0dc1687adaa1ad00d7d2e9' }, h("legend", { key: '91b68746c65bb68f4fbd2eef151258e6915f8e35' }, "Bank Account Info"), h("hr", { key: '5eceedbf59faef10757c9e2b04d4dc4cd6b88a9b' }), h("div", { key: 'd3185db7fceb9851ccb44c1c89f8cbe5a37c24e0', class: "row gy-3" }, h("div", { key: '625caf0e9b93c244d94c69174ffff57126d39fa1', class: "col-12" }, h("form-control-text", { key: 'ddf3206b09047dfea56df850babe6c8f92ed33ee', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'd7d498353eec8e1947ce748aa35cbee63e793817', class: "col-12" }, h("form-control-text", { key: 'a80050dcd088db0209c2e5da65b310d7fc7877f5', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ea5578470e0e4d0fd5b973807475a02c7764c9c8', class: "col-12" }, h("form-control-text", { key: 'dd8c77b43ddfca61cfd5ed39ce6e142654f18d9f', 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: 'cb3256226c5fdfa5ff2a02c456a6c384e06d16a6', class: "col-12" }, h("form-control-select", { key: 'a865f48350a0ae6b6a2a540dc2d54de72a8af074', 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: 'aa9062a25dade06db1f175d4233f2e5bb4e7ecd7', class: "col-12" }, h("form-control-text", { key: '1a87920e4df50178625446c770e4182d918664c7', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: 'c72858a29aa1289b367c0eb89d6cc0eded23346d', class: "col-12" }, h("form-control-text", { key: 'b7fb93bcf16c01689245d5aca11142b013fe6adc', 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 }))))));
+        return (h("form", { key: '7ae39afd400c9bc2a86f75aeb2a529a36ecd849c' }, h("fieldset", { key: 'd01072ed3710acfbb7916de8ffb9fb80770750af' }, h("div", { key: '75228827d492fcdbd603963a3574c1dca84530b4', class: "d-flex align-items-center gap-2" }, h("legend", { key: '23600460d0b1486d3d4cd612bc9532ba30d5da0e', class: "mb-0" }, "Bank Account Info"), h("form-control-tooltip", { key: 'fed3ad0eef074985a25488a9c093b9eb0cbafabb', 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: 'f7405cf23ee0a90d46f2c394d09ae421fe9472ee', class: "mt-2" }), h("div", { key: '4cc1d09daed6a897778440f69bd0a9dbd99c1270', class: "row gy-3" }, h("div", { key: 'f7e0e160adaf0925b4ea5ada12137dcf3e5c5d35', class: "col-12" }, h("form-control-text", { key: 'd7cbdb427b9bf332dd9da5885ccfc73d0dd4b40b', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '010c5dd53d8d31f9edc4f0e7ca225c0d2c8a1e09', class: "col-12" }, h("form-control-text", { key: 'f524266d5fcd4e3e35539c130f6dfe742d620593', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1875fc9bb5e0741e1c2aff205effa030aafcd0e2', class: "col-12" }, h("form-control-text", { key: '343754af2350ca668f39270513fa44be416834ba', 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: '9870781e41bd5879ec161569a7b60ecc049690cc', class: "col-12" }, h("form-control-select", { key: '1ade0e3e0f470e3165d227b67c9dd4054d8443fc', 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: 'c5e531aaded367bd825913cb100dd3225d1c6f61', class: "col-12" }, h("form-control-text", { key: '39cd3bca5b86a0ca175c26be3982bc0e98953439', 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: '8c3306dde7149b49d1ad6ba426634674e318b4fd', class: "col-12" }, h("form-control-text", { key: '970305b04e9517f56bcb8217cd938b8971ca34b4', 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." }))))));
     }
     static get is() { return "justifi-business-bank-account-form-step"; }
     static get properties() {
@@ -205,6 +212,27 @@ export class BusinessBankAccountFormStep {
                         }
                     }
                 }
+            }, {
+                "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-core-info/business-core-info-form-step-core.js

@@ -1,10 +1,11 @@
 import { h } from "@stencil/core";
 import { businessCoreInfoSchema } from "../../schemas/business-core-info-schema";
-import { FormController } from "../../../form/form";
+import { FormController } from "../../../../ui-components/form/form";
 import { CoreBusinessInfo } from "../../../../api/Business";
+import { BusinessFormStepV2 } from "../../utils/business-form-types";
 import { businessClassificationOptions } from "../../utils/business-form-options";
 import { PHONE_MASKS } from "../../../../utils/form-input-masks";
-import { numberOnlyHandler } from "../../../form/utils";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 export class BusinessCoreInfoFormStepCore {
     constructor() {
         this.getData = () => {
@@ -43,6 +44,7 @@ export class BusinessCoreInfoFormStepCore {
                 },
                 final: () => {
                     this.submitted.emit({ data: { submittedData } });
+                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.businessInfo });
                     this.formLoading.emit(false);
                 }
             });
@@ -77,7 +79,7 @@ export class BusinessCoreInfoFormStepCore {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'ab0ae9821e19c2a2d1e87ce16b23cfe56bafb31b' }, h("fieldset", { key: 'eec949b50436218cee02c6410c34959a6b10ebf8' }, h("legend", { key: '34b37dddcb967275ddd3d561dd2931b74103c0ce' }, "General Info"), h("hr", { key: 'af37f3171790265c3b7d22d2328c31842c5a12ea' }), h("div", { key: 'ba4780eec04a8b34f644895913e99ea49c587f81', class: 'row gy-3' }, h("div", { key: '8109ee7485afc5a5ee3e38c947ef9387cab5daa4', class: 'col-12' }, h("form-control-text", { key: '885bc9f67fc4738cb5abc6165bf1f6f5b3382a90', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '453b4e25b812015a50f72e76159111818d0065f5', class: 'col-12' }, h("form-control-text", { key: 'a63ec6c1e936ab1104b92e6fdd5f6a350559009c', 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: '8a39b25c7d9c414569e22e73a98d7b136b0623dd', class: 'col-12 col-md-8' }, h("form-control-select", { key: '41d6d3a45431953746e86a5aea6ebb0a39674009', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd98e5f2ee6e7d3ddc23ba5501db4f698cc88ba40', class: 'col-12 col-md-4' }, h("form-control-date", { key: '4ea36622261e3a649b934700ee676c062789c519', 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: '8617887e16cbc3a40b0c1ab56597d7098c7ac62f', class: 'col-12 col-md-6' }, h("form-control-text", { key: '9357ddb686194100fe705111bbc965c2956dddb4', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '968b0f492f354279736b531295a1e4813a5de0b0', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'd082445d9f876794e525839fb35457f114e89dac', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: 'a0e041bb3fa323e378d2b9730dd9055c9ecf1dfc', class: 'col-12' }, h("form-control-text", { key: '4994efe8c6cb5faf84accd0f2965b508d084144e', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '0f7f1548e704095aaef9d4fccd7c81284ff7bbed', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e1cffd24b03e5e3655649b68900c74fcc89513c5', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1732635477c58d1f57aa5b8dc0c560ae0c215501', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '04979d08463efc69557b782fda772702935349a7', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h("form", { key: 'd3df5d7e22f53b5885545459a48e1931f8a38e31' }, h("fieldset", { key: '5a448358ef2ad53c597347f932ca51a5da2ba4e6' }, h("div", { key: '5ed392c4bb7f63258c60b13d83aa5325fb191e7c', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2dada21c67d05b813529eb45cb105ccec547b620', class: "mb-0" }, "Business Information")), h("hr", { key: '9df6c05b6f34d8fd2154ef25bda1ec2a88f69bc7', class: "mt-2" }), h("div", { key: 'd9e8e3c87a9f3c41c325ed8b3df58443db026644', class: "row gy-3" }, h("div", { key: '7e940fb2b9befb51be4387d47498ecb8e3b1552a', class: "col-12" }, h("form-control-text", { key: '4ea4b4aae5b1e377dc45407e4d0f6f8277f74dc3', 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", { key: 'ec86bf16281d8d8c0c954606e4fc7fb1d8b2507e', class: "col-12" }, h("form-control-text", { key: 'bef91169dea8a654faf8df3abed565a64275aa9d', 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", { key: '5568cecd8e6e3d2ab2a45d4eff583c1dfba2f07a', class: "col-12 col-md-8" }, h("form-control-select", { key: '96b2eea102e0686910af7950742256d6019d8ef9', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '1fad6738d6c89a184b9f2e41eaef095db87471d6', class: "col-12 col-md-4" }, h("form-control-date", { key: 'cd10c2b8091343b0a8d7b08ceddf4343803333f6', 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: '3786fa9ce6b85c70873a4ed0014ef7c9b4a786f8', class: "col-12 col-md-6" }, h("form-control-text", { key: 'c5374dedf05acc1c9874061d796ee704160745a0', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { key: '0f30b590c250a6ac1beaaf1cc4a3eefeb394f3b0', class: "col-12 col-md-6" }, h("form-control-text", { key: '983b05cd0bf9aca0572b6f328e26b0c6f04ea9ee', name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns." })), h("div", { key: 'beacf611410f74b8038919887cc20c206bd5edce', class: "col-12" }, h("form-control-text", { key: '14a69d2ecedfcadf613aa42625b12405fba67068', name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), h("div", { key: '17171947a231323d63c42aa2c0a645aba91926d8', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd0e32c0eb8aeb1c661f48f993a0cf44b4f2cf5b3', name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1a8ee5ca6825ee3046fd538871c8c01ae561e731', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'b74ff08dc5d97a66ff7d41fcdc8a2964e8739430', name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info-form-step-core"; }
     static get properties() {
@@ -187,6 +189,27 @@ export class BusinessCoreInfoFormStepCore {
                         }
                     }
                 }
+            }, {
+                "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-core-info/business-core-info-form-step.js

@@ -46,7 +46,7 @@ export class BusinessCoreInfoFormStep {
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '4ee53046d16fd42df4e09b10c338a740c22184ef', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '8b034d8c728aef3683823a45083764a456d07545', 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-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: 'd48ad76693e38dfd4fdb512afc87e5e50c4d171f' }, h("fieldset", { key: '957e468b2bace9fae8128ffc7de5754a49945454' }, h("div", { key: 'ab3845f6f8f1a508b691d6b1f02980e0d6d38f4c', class: "d-flex align-items-center gap-2" }, h("legend", { key: '79a48cd41f19c4aba31a6f6e36c5b7acaf358447', class: "mb-0" }, "Representative"), h("form-control-tooltip", { key: 'e2961b6a7ce9a360c374404f47876ea39b489297', 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: '16fc066cc1ddae2e6fe30119bc66a8eda966b66a', class: "mt-2" }), h("div", { key: 'e3d32b1497cb452fca36ee564da7b4f9d7e517a6', class: "row gy-3" }, h("div", { key: '0b8dba03ddfe9cebafdba03315477f522441e62f', class: "col-12 col-md-8" }, h("form-control-text", { key: 'fcee691ae2f2e169841b28cc313b2559f2cedc47', 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: '388aabab153c5922f4d719d2068c6041fcb1e8bc', class: "col-12 col-md-4" }, h("form-control-text", { key: 'cf3a2911172fa4972b2b108aa375872a189f8b88', 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: '594446afaf5d1068c3a6ddc38ed0895ee4fff14b', class: "col-12 col-md-6" }, h("form-control-text", { key: '7ede2ffbc93f20e89d32938f8d1305604ffc5970', 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: '9cb40530bfc63d79d00f91eeaad58f952f0fcda4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3967096857620f10b42e8c5f8a4754dcf094973d', 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: '3b3794126a3790484e23ca8731782cd4d68cf569', class: "col-12 col-md-4" }, h("form-control-date", { key: '2ea38d71ab8e616f404b7624f4e6edd75ccaa294', 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: '78b603dd1ae23fd4a9dd59f45273c6e3ff611fdf', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'a41976f1168af416cdecf391271eddc20cc9e7b6', 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: '198432248d778343020fb0ceb0e8c9a1763130b3', class: "col-12" }, h("justifi-identity-address-form", { key: '402d91a793e197502b536f2fc5e2a9a52a97ef85', 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() {
@@ -63,8 +63,8 @@ export class RepresentativeFormInputs {
                     "references": {
                         "FormController": {
                             "location": "import",
-                            "path": "../../../form/form",
-                            "id": "src/components/form/form.ts::FormController"
+                            "path": "../../../../ui-components/form/form",
+                            "id": "src/ui-components/form/form.ts::FormController"
                         }
                     }
                 },

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 { FormController } from "../../../../ui-components/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: 'b139e0b7a998011fd6b2a6d21b5a0b33369125fe', 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 { FormController } from "../../../../ui-components/form/form";
+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: '5e0722b4d5ea462cf5ba6ed2de9d3a73b8bf910a' }, h("fieldset", { key: '09f3589465a6ad53080743018a57b959bef68309' }, h("div", { key: 'b6c1aa4cf4754126b11902a8b35c19e3044ba4ed', class: "d-flex align-items-center gap-2" }, h("legend", { key: '77b5d6847054afbfe6cc7e9e00762c226a582447', class: "mb-0" }, "Document Uploads"), h("form-control-tooltip", { key: '9fb518fbad5039c77436377e26e420dc01a84ca2', 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: 'e95938b42ad6d52d612bb654e39af7ee3442b454', class: "mt-2" }), this.documentsOnFile, h("div", { key: '8ee1cda96d28486faa2371bb1b82c57a57220071', 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() {