@justifi/webcomponents 4.23.0 → 5.0.0-rc-1

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

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers.js';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks.js';
-import { d as defineCustomElement$8 } from './custom-popper2.js';
-import { d as defineCustomElement$7 } from './form-control-date2.js';
-import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { h as heading2 } from './parts.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
@@ -26,7 +26,7 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
     }
     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 }))))));
     }
 }, [0, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],
@@ -37,7 +37,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative-form-inputs", "custom-popper", "form-control-date", "form-control-error-text", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative-form-inputs", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative-form-inputs":
             if (!customElements.get(tagName)) {
@@ -45,16 +45,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

package/dist/module/business-representative-form-step-core.js

@@ -1,11 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { R as Representative } from './Business.js';
 import { F as FormController } from './form.js';
-import { B as BusinessFormStepV2 } from './business-form-types.js';
 import { i as identitySchema } from './business-identity-schema.js';
-import { d as defineCustomElement$9 } from './custom-popper2.js';
-import { d as defineCustomElement$8 } from './form-control-date2.js';
-import { d as defineCustomElement$7 } from './form-control-error-text2.js';
+import { B as BusinessFormStep } from './event-types2.js';
+import { d as defineCustomElement$8 } from './custom-popper2.js';
+import { d as defineCustomElement$7 } from './form-control-date2.js';
 import { d as defineCustomElement$6 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
 import { d as defineCustomElement$4 } from './form-control-text2.js';
@@ -17,10 +16,9 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
     constructor() {
         super();
         this.__registerHost();
-        this.submitted = createEvent(this, "submitted", 7);
-        this.stepCompleted = createEvent(this, "form-step-completed", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
         this.getData = () => {
             this.formLoading.emit(true);
             this.getBusiness({
@@ -56,8 +54,7 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
                     });
                 },
                 final: () => {
-                    this.submitted.emit({ data: { submittedData } });
-                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.representative });
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.representative });
                     this.formLoading.emit(false);
                 }
             });
@@ -86,7 +83,7 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         });
     }
     render() {
-        return (h("justifi-business-representative-form-inputs", { key: 'b139e0b7a998011fd6b2a6d21b5a0b33369125fe', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
+        return (h("justifi-business-representative-form-inputs", { key: 'bc90362d5ed774196cea5d259211d8099f918522', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
 }, [0, "justifi-business-representative-form-step-core", {
         "getBusiness": [16],
@@ -101,7 +98,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative-form-step-core", "custom-popper", "form-control-date", "form-control-error-text", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative-form-step-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative-form-step-core":
             if (!customElements.get(tagName)) {
@@ -109,16 +106,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

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

@@ -2,9 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { d as defineCustomElement$a } from './custom-popper2.js';
-import { d as defineCustomElement$9 } from './form-control-date2.js';
-import { d as defineCustomElement$8 } from './form-control-error-text2.js';
+import { d as defineCustomElement$9 } from './custom-popper2.js';
+import { d as defineCustomElement$8 } from './form-control-date2.js';
 import { d as defineCustomElement$7 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$6 } from './form-control-select2.js';
 import { d as defineCustomElement$5 } from './form-control-text2.js';
@@ -55,7 +54,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '934b6204cfe78ffe17b3f975de3eedb64398168d', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '24461e0acb80a0161fb796c3ee35f511601f707e', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -76,7 +75,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative-form-step", "custom-popper", "form-control-date", "form-control-error-text", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step-core", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step-core", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
@@ -84,16 +83,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }

package/dist/module/business-representative.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks.js';
 import { d as deconstructDate } from './helpers.js';
-import { d as defineCustomElement$8 } from './custom-popper2.js';
-import { d as defineCustomElement$7 } from './form-control-date2.js';
-import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { h as heading2 } from './parts.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-text2.js';
@@ -37,7 +37,7 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '857634ffd34ea218dce687fb0eaa95830a58bfb1', exportparts: "label,input,input-invalid" }, h("fieldset", { key: 'b3b073dc456e58c4fa67182ea3518581038419e3' }, h("legend", { key: '3c1997f718c340b5dd32e4cdbe9400d64eecf577' }, "Representative"), h("hr", { key: 'd51e5d797106af2050b884fc09802c497a180e1d' }), h("div", { key: '7e5631f8eb5c28f0a5c4193ece3039a3adc35d0a', class: "row gy-3" }, h("div", { key: '399a1f505781ed0b82fa85366ca66580e977f3e5', class: "col-12 col-md-8" }, h("form-control-text", { key: '0820b8e0b6178b997ba1938efc045ad334f061d3', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '2bb15a86304ce8755e1183835c0ed7c310a0e8b2', class: "col-12 col-md-4" }, h("form-control-text", { key: '2cc405cea169ec1bd5d72b110ce403101d029fff', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd2927f863bd374c38b8028a148568068144294d7', class: "col-12 col-md-6" }, h("form-control-text", { key: '0fa24fa492e060978facf23aac2b151595bb129c', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '8c9f75ebc3c5d87fafaff48e489ad5dc091fbca4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'f060196556cd11d9f68dab3aa7e87cba24e38afe', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '19f7bcd2a18ef1f8c937a90602bdd9f0ac8f91e5', class: "col-12 col-md-4" }, h("form-control-date", { key: '5392a1ce2cbb43a88c2d90981b56ef55ba4fdb31', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '36203f898451d610b34afabc4bac9e20f01e53f7', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '4d4b9e4dcc0f5829068d4916d7373f6506ee9e74', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '560e1dabe186e54a201ad02fb9054505ab5bb84c', class: "col-12" }, h("justifi-identity-address-form", { key: 'b47b48c19ca88248a9609c0e1858ba649f44c2da', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: '6953e0a161c91c96bbd1175f827c408532d9671d' }, h("fieldset", { key: '6d964e41c2cbe52659cff1947f34a4bed0ac086b' }, h("legend", { key: 'f7cc0797ebbfabd6cf316507949f023eecb064eb', part: heading2 }, "Representative"), h("div", { key: '83c9b653887b11a242a64da2d6e56ee0a5928c09', class: "row gy-3" }, h("div", { key: '641bf82762b34021bb4de999b7ac7bdfc7467992', class: "col-12 col-md-8" }, h("form-control-text", { key: '5c467daf7356de89b9f83d1ad623b278a8728237', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3fe3718a17b31d15c538708bf04ac3709e4fc693', class: "col-12 col-md-4" }, h("form-control-text", { key: '12d100d5169fc48738b948ae427a25f9e56a3a43', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '96cc8dcd98a219da320060afecbe606484d5e366', class: "col-12 col-md-6" }, h("form-control-text", { key: '77847b0d23fd7e12330965948c983e8d6d4dc9a7', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '85c1991710d1eb0459d6ec38f11e3e04db190e41', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '978cb087ff6dc7cb2b9de885eafb3ef129e9c98f', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'abf26703f0a54067e37b1431730c88b3bec66ea0', class: "col-12 col-md-4" }, h("form-control-date", { key: '1dce5eca05db74ac62070152c169acf527cecde0', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b95022325c2954a38fd28d0e601b948c1dea1af9', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'c3e85a5a69b44bb009756ea431433e6997dbf33e', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'f4e5fd0ee95bd83fc0916ebf70045e78e6ea0500', class: "col-12" }, h("justifi-identity-address-form", { key: '3559f515326eea50c760522f4a22a0231214ffc8', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [0, "justifi-business-representative", {
         "formController": [16],
@@ -48,7 +48,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-representative", "custom-popper", "form-control-date", "form-control-error-text", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-identity-address-form"];
+    const components = ["justifi-business-representative", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-representative":
             if (!customElements.get(tagName)) {
@@ -56,16 +56,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

package/dist/module/business-terms-conditions-form-step.js

@@ -1,6 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$7, F as FormController } from './form.js';
-import { a as BusinessFormStep, B as BusinessFormStepV2 } from './business-form-types.js';
 import { c as config } from './config.js';
 import { A as Api } from './Api.js';
 import './Checkout.js';
@@ -8,9 +7,10 @@ import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { d as defineCustomElement$4 } from './form-control-checkbox2.js';
-import { d as defineCustomElement$3 } from './form-control-error-text2.js';
-import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { h as heading2 } from './parts.js';
+import './Business.js';
+import { B as BusinessFormStep } from './event-types2.js';
+import { d as defineCustomElement$2 } from './form-control-checkbox2.js';
 import { d as defineCustomElement$1 } from './business-terms-conditions-text.js';
 
 const businessTermsConditionsSchema = (allowOptionalFields) => {
@@ -29,10 +29,10 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
     constructor() {
         super();
         this.__registerHost();
-        this.submitted = createEvent(this, "submitted", 7);
-        this.stepCompleted = createEvent(this, "form-step-completed", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.formCompleted = createEvent(this, "formCompleted", 7);
         this.fetchData = async () => {
             this.formLoading.emit(true);
             try {
@@ -71,11 +71,13 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
             }
         };
         this.inputHandler = (name, value) => {
+            this.acceptedTerms = value;
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
         this.formController = undefined;
         this.errors = {};
         this.acceptedTermsBefore = undefined;
+        this.acceptedTerms = undefined;
         this.authToken = undefined;
         this.businessId = undefined;
         this.allowOptionalFields = undefined;
@@ -115,12 +117,13 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         else {
             onSuccess();
         }
-        this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.termsAndConditions } });
-        this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.termsAndConditions });
+        this.stepCompleteEvent.emit({ response: response, formStep: BusinessFormStep.termsAndConditions });
+        this.formCompleted.emit();
     }
     async validateAndSubmit({ onSuccess }) {
         if (this.acceptedTermsBefore) {
-            this.submitted.emit({ metadata: { completedStep: BusinessFormStep.termsAndConditions } });
+            this.stepCompleteEvent.emit({ response: null, formStep: BusinessFormStep.termsAndConditions, metadata: 'no data submitted' });
+            this.formCompleted.emit();
             onSuccess();
         }
         else {
@@ -134,7 +137,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         });
     }
     render() {
-        return (h("form", { key: 'e675f117eb90a0690e148a1164fffde5d4f01419' }, h("fieldset", { key: 'e1cb1fe38b7365cc282eb91689afb40d6b01136c' }, h("legend", { key: 'e57a4bc006983c3ee3805445d750ea330bedd477' }, "Terms and Conditions"), h("hr", { key: '7b373693bd10d6493816b3dd9ae07d826bd7ff84' }), h("justifi-business-terms-conditions-text", { key: '984b3668240861df4947c60068c1be079a3eb7e1' }), h("br", { key: '15dfba53dd81d39be4ea216bf798f51881abf23d' }), h("div", { key: 'b426c709c11435911efb4289b68fa8f86c2569f2', class: "row-gy-3" }, h("div", { key: '307c51a7f78613807054a5d1480318fdb9316bff', class: "col-12" }, h("form-control-checkbox", { key: '6069cb9929c7ea0f2c1b2cbc99dad61806c80429', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText }))))));
+        return (h("form", { key: 'acbe79a11f280351401eed6722db5f033cf3f889' }, h("fieldset", { key: 'dceb358d0578dca96ab26433dc056296854359cd' }, h("legend", { key: '81c73a6eab1654a1da56031bdd83cdc2a13dfb2d', part: heading2 }, "Terms and Conditions"), h("hr", { key: '24c0e396766b7c5c925d50d05154913eeee1fca0' }), h("justifi-business-terms-conditions-text", { key: 'dc0634fa35ae5f74105b0c7711d9e53254f5f555' }), h("br", { key: 'cd3abfa1415477fad5014a6a28c6a99b9205d2c6' }), h("div", { key: '21d395c38900bf670df836cbf5aff7a9336081c1', class: "row-gy-3" }, h("div", { key: '1930a06c942c99121b00b569215b388eb0d3e953', class: "col-12" }, h("form-control-checkbox", { key: 'ebf7dc7ec3fbabdcebac51e13df0e15aa48dfe25', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 }, [0, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],
@@ -143,13 +146,14 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         "formController": [32],
         "errors": [32],
         "acceptedTermsBefore": [32],
+        "acceptedTerms": [32],
         "validateAndSubmit": [64]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-terms-conditions-form-step", "form-control-checkbox", "form-control-error-text", "form-control-help-text", "justifi-business-terms-conditions-text"];
+    const components = ["justifi-business-terms-conditions-form-step", "form-control-checkbox", "justifi-business-terms-conditions-text"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
@@ -157,16 +161,6 @@ function defineCustomElement() {
             }
             break;
         case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-error-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }