@justifi/webcomponents 4.23.0 → 5.0.0-rc-1

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

@@ -2,11 +2,6 @@ import { h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
 import { makeGetBusiness, makePatchBusiness } from "../payment-provisioning-actions";
 import { BusinessService } from "../../../../api/services/business.service";
-/**
- * @exportedPart label: Label for inputs
- * @exportedPart input: The input fields
- * @exportedPart input-invalid: Invalid state for inputfs
- */
 export class AdditionalQuestionsFormStep {
     constructor() {
         this.getBusiness = undefined;
@@ -46,7 +41,7 @@ export class AdditionalQuestionsFormStep {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: '6ca8443cbe837d993be4381a9d650caaaf51f2df', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'bef3e4d67c4ccbb25dae52291ba9a399e854fb53', 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() {
@@ -122,13 +117,13 @@ export class AdditionalQuestionsFormStep {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "ComponentError": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }

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

@@ -1,22 +1,19 @@
 import { h } from "@stencil/core";
 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 "../../../../ui-components/form/utils";
 import { BankAccount } from "../../../../api/BankAccount";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
+import { heading2 } from "../../../../styles/parts";
+import { bankAccountTypeOptions, BusinessFormStep } from "../../utils";
 /**
  *
  * The difference between this component and business-generic-info-details
  * is that this component is meant to be a form and send data
  * and the other one  is meant to be just read only.
  *
- * @exportedPart label: Label for inputs
- * @exportedPart input: The input fields
- * @exportedPart input-invalid: Invalid state for inputfs
  */
 export class BusinessBankAccountFormStep {
     constructor() {
@@ -96,12 +93,11 @@ export class BusinessBankAccountFormStep {
         else {
             onSuccess();
         }
-        this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.bankAccount } });
-        this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.bankAccount });
+        this.stepCompleteEvent.emit({ response: response, formStep: BusinessFormStep.bankAccount });
     }
     async validateAndSubmit({ onSuccess }) {
         if (this.formDisabled) {
-            this.stepCompleted.emit({ data: null, formStep: BusinessFormStepV2.bankAccount, metadata: 'no data submitted' });
+            this.stepCompleteEvent.emit({ response: null, formStep: BusinessFormStep.bankAccount, metadata: 'no data submitted' });
             onSuccess();
         }
         else {
@@ -125,7 +121,7 @@ export class BusinessBankAccountFormStep {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        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." }))))));
+        return (h("form", { key: 'd326af8d567422ee342571d35119497cd5983a7f' }, h("fieldset", { key: '4ada14e070e9f9b1f12aa3288af50e78c8d7e2f3' }, h("div", { key: 'e9e104ca5ddd22fbddb2154d026ec0cb6610426a', class: "d-flex align-items-center gap-2" }, h("legend", { key: '7800c3648bebce9ca000162e3c85f0cc558f045e', class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { key: '3dbc31dfc1f7f60b68f10f2666e58ae208bb36cb', 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: '489cf91c3af1050ee1f0babe8fa6ba7fa9d1912d', class: "mt-2" }), h("div", { key: 'cace0eee0e8b9849294b11bad15452b77dcd9ee9', class: "row gy-3" }, h("div", { key: '0697524d52d53ccfab7201e1f06c0f8f477c8da7', class: "col-12" }, h("form-control-text", { key: 'b391b6e7e3f9c1c92f5bb651da2291ca75afc7f3', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '84afc5c90399809d228561e348f4a6f5fbeeaa48', class: "col-12" }, h("form-control-text", { key: 'add80854eae161c51dfc3006e8f03ef01113291c', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'f5d31db2be25a09b6f57b78fcac9b6031077d235', class: "col-12" }, h("form-control-text", { key: '5a916bfbad467bd2a55f0159716c29cb78d4d9d0', 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: 'ebce663decaf9bd6b46794b820197c7ba8a450cc', class: "col-12" }, h("form-control-select", { key: 'dd42e72741934d015a1d405b09e7c14b8f865606', 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: '2fa3139ed30465e1e0f9a5075eb13e9c3874aa0a', class: "col-12" }, h("form-control-text", { key: 'f309563391770bd1074b7c29b47c39c5c7ecec5f', 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: '80424fa942fe444ba9137e724ecd50fb4839c59f', class: "col-12" }, h("form-control-text", { key: 'c5e08a9cdbb11c92e3271d6507f6bd3225abdf2f', 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() {
@@ -192,8 +188,8 @@ export class BusinessBankAccountFormStep {
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
+                "method": "stepCompleteEvent",
+                "name": "complete-form-step-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -202,19 +198,19 @@ export class BusinessBankAccountFormStep {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormSubmitEvent",
-                    "resolved": "BusinessFormSubmitEvent",
+                    "original": "ComponentFormStepCompleteEvent",
+                    "resolved": "ComponentFormStepCompleteEvent",
                     "references": {
-                        "BusinessFormSubmitEvent": {
+                        "ComponentFormStepCompleteEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
                         }
                     }
                 }
             }, {
-                "method": "stepCompleted",
-                "name": "form-step-completed",
+                "method": "errorEvent",
+                "name": "error-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -223,13 +219,13 @@ export class BusinessBankAccountFormStep {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormStepCompletedEvent",
-                    "resolved": "BusinessFormStepCompletedEvent",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "BusinessFormStepCompletedEvent": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }
@@ -248,27 +244,6 @@ export class BusinessBankAccountFormStep {
                     "resolved": "boolean",
                     "references": {}
                 }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
-                    "references": {
-                        "ComponentError": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
-                        }
-                    }
-                }
             }];
     }
     static get methods() {

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

@@ -2,10 +2,10 @@ import { h } from "@stencil/core";
 import { businessCoreInfoSchema } from "../../schemas/business-core-info-schema";
 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 { BusinessFormStep, businessClassificationOptions } from "../../utils";
 import { PHONE_MASKS } from "../../../../utils/form-input-masks";
 import { numberOnlyHandler } from "../../../../ui-components/form/utils";
+import { heading2 } from "../../../../styles/parts";
 export class BusinessCoreInfoFormStepCore {
     constructor() {
         this.getData = () => {
@@ -43,8 +43,7 @@ export class BusinessCoreInfoFormStepCore {
                     });
                 },
                 final: () => {
-                    this.submitted.emit({ data: { submittedData } });
-                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.businessInfo });
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.businessInfo });
                     this.formLoading.emit(false);
                 }
             });
@@ -79,7 +78,7 @@ export class BusinessCoreInfoFormStepCore {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        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 }))))));
+        return (h("form", { key: 'be7ba84cae238dd4e2cec58473a059f9e849de1d' }, h("fieldset", { key: 'bffcdb1f1bc2291c3a3db49c4bcb4d43802eaa5a' }, h("div", { key: '164b01cafb65d0dcf089d3a16b21b3ad0d46d1fa', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'd79fe16eb66eed9d3631924a953c3697d6f1bfb3', class: "mb-0", part: heading2 }, "Business Information")), h("hr", { key: '1023f1545c22dad66907a783d63b55ce16382b7b', class: "mt-2" }), h("div", { key: 'df134287b5c5664bf54ae4e2b5b11f2b8319a533', class: "row gy-3" }, h("div", { key: 'cce53f576d682e72388e322dd16e6c09c42c910a', class: "col-12" }, h("form-control-text", { key: 'f5cad3097b85ed81b3e5c3508da63882a7f85676', 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: 'ef85bfc5787d52e086443f6833d25076a8bc6509', class: "col-12" }, h("form-control-text", { key: '960589b0d047d59745db35a5c9b40abf4f95a984', 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: '74d215b4e04d9e385d471d285f1d174a384628d4', class: "col-12 col-md-8" }, h("form-control-select", { key: 'a983b411c29e445e1e6756565c6ed4438f0f8073', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '4f47ac42d50c1c70c74880dca35da3c15450a54d', class: "col-12 col-md-4" }, h("form-control-date", { key: '215528f63ec5c7608eca00327ddcca2a9f01c8bb', 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: '3176418ac0930aca1db70018eb2713b899b846bf', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a7785082a03b75bf12f1e59d9e75d28f703cf255', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { key: '99f04683422b3925db4bbb063bdecb23704b0943', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a6230862485c14d29076fc2ae70996a433c7a7a8', 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: '278b9cf5e946adf9a72716f4281646165d945374', class: "col-12" }, h("form-control-text", { key: '2436e07602eac21ec2899d781aa20e5ffb15dfbe', 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: 'f28741b03d879dfc4397e84a873494239a9ad6b6', class: "col-12 col-md-6" }, h("form-control-text", { key: '1d018294e912f2698218734f5d674a2344e59257', name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b1eab1ca39410a9fbb7c2c268fe97cdfaa40a126', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '26898a6add7cca817e5abfa45515b59ae2a8fd47', 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() {
@@ -169,8 +168,8 @@ export class BusinessCoreInfoFormStepCore {
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
+                "method": "stepCompleteEvent",
+                "name": "complete-form-step-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -179,19 +178,19 @@ export class BusinessCoreInfoFormStepCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormSubmitEvent",
-                    "resolved": "BusinessFormSubmitEvent",
+                    "original": "ComponentFormStepCompleteEvent",
+                    "resolved": "ComponentFormStepCompleteEvent",
                     "references": {
-                        "BusinessFormSubmitEvent": {
+                        "ComponentFormStepCompleteEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
                         }
                     }
                 }
             }, {
-                "method": "stepCompleted",
-                "name": "form-step-completed",
+                "method": "errorEvent",
+                "name": "error-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -200,13 +199,13 @@ export class BusinessCoreInfoFormStepCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormStepCompletedEvent",
-                    "resolved": "BusinessFormStepCompletedEvent",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "BusinessFormStepCompletedEvent": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }
@@ -225,27 +224,6 @@ export class BusinessCoreInfoFormStepCore {
                     "resolved": "boolean",
                     "references": {}
                 }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
-                    "references": {
-                        "ComponentError": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
-                        }
-                    }
-                }
             }];
     }
     static get methods() {

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

@@ -2,11 +2,6 @@ import { h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
 import { makeGetBusiness, makePatchBusiness } from "../payment-provisioning-actions";
 import { BusinessService } from "../../../../api/services/business.service";
-/**
- * @exportedPart label: Label for inputs
- * @exportedPart input: The input fields
- * @exportedPart input-invalid: Invalid state for inputs
- */
 export class BusinessCoreInfoFormStep {
     constructor() {
         this.getBusiness = undefined;
@@ -46,7 +41,7 @@ export class BusinessCoreInfoFormStep {
         }
     }
     render() {
-        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 }));
+        return (h("justifi-business-core-info-form-step-core", { key: 'fbaca40250e3cabd3a1ec91f1a10aab53174a23e', 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() {
@@ -122,13 +117,13 @@ export class BusinessCoreInfoFormStep {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "ComponentError": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
-import { BusinessFormClickActions, BusinessFormStep, BusinessFormStepV2 } from "../../utils/business-form-types";
 import { Button } from "../../../../ui-components";
+import { heading2 } from "../../../../styles/parts";
+import { BusinessFormClickActions, BusinessFormStep } from "../../utils/event-types";
 export class BusinessOwnersFormStepCore {
     constructor() {
         this.matchRef = (ref, ownerId) => {
@@ -51,8 +52,7 @@ export class BusinessOwnersFormStepCore {
                     });
                 },
                 final: () => {
-                    this.submitted.emit({ data: submittedData, metadata: { completedStep: BusinessFormStep.owners } });
-                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.owners });
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.owners });
                     this.formLoading.emit(false);
                 }
             });
@@ -112,9 +112,9 @@ export class BusinessOwnersFormStepCore {
         this.ownersPayload = updatedOwners;
     }
     render() {
-        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("div", { key: '2b9c3e771b358313862c7491b137a290d1bb6d1c' }, h("div", { key: '8d82eb26425e7932576ee75682e55a8f1fe7fe0d', class: "d-flex align-items-center gap-2" }, h("legend", { key: '87a58eee2b0bea9dc9a721e5cf50f2e6e16e2a82', class: "mb-0", part: heading2 }, "Owners"), h("form-control-tooltip", { key: 'cbfbc58f3a8176f36a0ce985fda4c1606669f537', 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: '2fabca9671c7ae430b8908311b64184b63862fd3', class: "mt-2" }), h("div", { key: '0df73aba03d9666003cce40d63faa2c0edfd6f3e', 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: '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")))));
+        })), h("div", { key: '98bfc9f0ac8ec9048edd9bf62a6b0db87c250dc4', class: 'd-flex justify-content-start' }, h("div", { key: 'd6269cfd690b8fe5fcdef9de5e8a60354008261b', class: 'gap-2' }, h(Button, { key: '8d959af4bc6e475d265e5fbd356ad2f1ba06cd77', variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
     }
     static get is() { return "justifi-business-owners-form-step-core"; }
     static get properties() {
@@ -221,8 +221,8 @@ export class BusinessOwnersFormStepCore {
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
+                "method": "clickEvent",
+                "name": "click-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -231,19 +231,19 @@ export class BusinessOwnersFormStepCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormSubmitEvent",
-                    "resolved": "BusinessFormSubmitEvent",
+                    "original": "ComponentClickEvent",
+                    "resolved": "ComponentClickEvent",
                     "references": {
-                        "BusinessFormSubmitEvent": {
+                        "ComponentClickEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentClickEvent"
                         }
                     }
                 }
             }, {
-                "method": "stepCompleted",
-                "name": "form-step-completed",
+                "method": "stepCompleteEvent",
+                "name": "complete-form-step-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -252,19 +252,19 @@ export class BusinessOwnersFormStepCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormStepCompletedEvent",
-                    "resolved": "BusinessFormStepCompletedEvent",
+                    "original": "ComponentFormStepCompleteEvent",
+                    "resolved": "ComponentFormStepCompleteEvent",
                     "references": {
-                        "BusinessFormStepCompletedEvent": {
+                        "ComponentFormStepCompleteEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
                         }
                     }
                 }
             }, {
-                "method": "clickEvent",
-                "name": "click-event",
+                "method": "errorEvent",
+                "name": "error-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -273,13 +273,13 @@ export class BusinessOwnersFormStepCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormClickEvent",
-                    "resolved": "BusinessFormClickEvent",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "BusinessFormClickEvent": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormClickEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }
@@ -298,27 +298,6 @@ export class BusinessOwnersFormStepCore {
                     "resolved": "boolean",
                     "references": {}
                 }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
-                    "references": {
-                        "ComponentError": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
-                        }
-                    }
-                }
             }];
     }
     static get methods() {

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

@@ -2,11 +2,6 @@ import { Host, h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
 import { makeGetBusiness, makePatchBusiness } from "../payment-provisioning-actions";
 import { BusinessService } from "../../../../api/services/business.service";
-/**
- * @exportedPart label: Label for inputs
- * @exportedPart input: The input fields
- * @exportedPart input-invalid: Invalid state for inputfs
- */
 export class BusinessOwnersFormStep {
     constructor() {
         this.getBusiness = undefined;
@@ -46,7 +41,7 @@ export class BusinessOwnersFormStep {
         }
     }
     render() {
-        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 })));
+        return (h(Host, { key: '2f5256be2313b3916c1f0d7a69d2b27b305cf66c' }, h("justifi-business-owners-form-step-core", { key: '2c8d3c4cb731b3cf58cf1cc71df2a52c72f660cc', 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() {
@@ -122,13 +117,13 @@ export class BusinessOwnersFormStep {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "ComponentError": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { updateAddressFormValues, updateDateOfBirthFormValues, updateFormValues } from "../../utils/input-handlers";
 import { PHONE_MASKS, SSN_MASK } from "../../../../utils/form-input-masks";
+import { heading2 } from "../../../../styles/parts";
 export class RepresentativeFormInputs {
     constructor() {
         this.inputHandler = (name, value) => {
@@ -15,7 +16,7 @@ export class RepresentativeFormInputs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        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 }))))));
+        return (h("form", { key: '0995ea70a1732744cf159fc59a0e4aa8d9f37c1c' }, h("fieldset", { key: '0186de6a306858075d58a32af6a36d07c0b7ae39' }, h("div", { key: '70c643b23570551f0c82df144cdba8020a89c9ef', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'fec6925b259580935a526a79428f9b0a7f1f4d65', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '45e3af519e4ad082fcef1ab14b1c66decfd1b2ba', 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: 'b55f8129932bfbdba4d010c60931b188a7d88c57', class: "mt-2" }), h("div", { key: '2b8b87ebd71763798127aece44a91c8143612458', class: "row gy-3" }, h("div", { key: '27310ee20317a0fa977bc623bd6fa16fb1e9387a', class: "col-12 col-md-8" }, h("form-control-text", { key: 'ae638a4e2c13e5e1319eb316290ce3116244174c', 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: '864731a0668a86ce3fa85911b0c97e5db8878d08', class: "col-12 col-md-4" }, h("form-control-text", { key: '8f07886343469e5a054f49dfd01de4f9913f42f4', 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: '0efff4560cd543839a364b0b769f1b1f71163b66', class: "col-12 col-md-6" }, h("form-control-text", { key: '11f738a73989ce789770b36ce1d437d53aa53e07', 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: 'aedf826b2e02f5bdd403451ed47051e1077fe65e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ea237c5c3772e8bfeea31995ab0eac23014bd0fd', 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: '286a392a94ed5e9a9fe175116d835952cd565947', class: "col-12 col-md-4" }, h("form-control-date", { key: 'f0c5dde29769188f7d5ccc06360f69918a8bae5e', 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: '1326dd00d94fe8feec7ca411689370a747709eec', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '5b084d36a3be5b58534169076f34282a3d8565ac', 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: 'c0ca035fd4ff10f9529be1ff6c28f8c4479c95b1', class: "col-12" }, h("justifi-identity-address-form", { key: '1f9e30e790dc3facd5590492a99490e06d74c17a', 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() {