@justifi/webcomponents 4.23.1 → 5.0.0-rc-2

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

@@ -2,13 +2,13 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { F as FormController } from './form.js';
 import { C as CoreBusinessInfo } from './Business.js';
-import { B as BusinessFormStepV2 } from './business-form-types.js';
 import { a as businessClassificationOptions } from './business-form-options.js';
+import { B as BusinessFormStep } from './event-types2.js';
 import { P as PHONE_MASKS } from './form-input-masks.js';
-import { n as numberOnlyHandler } from './utils5.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-error-text2.js';
+import { n as numberOnlyHandler } from './utils4.js';
+import { h as heading2 } from './parts.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -18,10 +18,9 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
     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({
@@ -57,8 +56,7 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
                     });
                 },
                 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);
                 }
             });
@@ -93,7 +91,7 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
     }
     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 }))))));
     }
 }, [0, "justifi-business-core-info-form-step-core", {
         "businessId": [1, "business-id"],
@@ -109,7 +107,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-core-info-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"];
+    const components = ["justifi-business-core-info-form-step-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
@@ -117,16 +115,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/module/business-core-info-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$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 { 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';
@@ -53,7 +52,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         }
     }
     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 watchers() { return {
         "authToken": ["propChanged"],
@@ -74,7 +73,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-core-info-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-core-info-form-step-core"];
+    const components = ["justifi-business-core-info-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-core-info-form-step-core"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
@@ -82,16 +81,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-core-info.js

@@ -2,9 +2,9 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { a as businessClassificationOptions } from './business-form-options.js';
 import { T as TAX_ID_MASKS, P as PHONE_MASKS } from './form-input-masks.js';
 import { C as CoreBusinessInfo } from './Business.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-error-text2.js';
+import { h as heading2 } from './parts.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -30,7 +30,7 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '8d81a67cdd39073a8a2c4a392b848583bfbd3bb8', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '83cf000ec3b8d66bc62d87e9adaf323e148d8caf' }, h("legend", { key: '904718bfb29a0542edf87a200c787424802a5e83' }, "General Info"), h("hr", { key: 'c62b85278d5dad53a5f87b4ce58e91092a7d8669' }), h("div", { key: 'f0bb373bf75561070fb745e0c73c3c65fd6754f1', class: "row gy-3" }, h("div", { key: 'a4d7446b5ba21a87b0f308726f0ebb6d827f4f97', class: "col-12" }, h("form-control-text", { key: '70c449d9559c0c08c449531a585fc0ffcd0a745c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '8483e884591f2f48502d59ff3c2135a38f623752', class: "col-12" }, h("form-control-text", { key: '5037e14c786af49c92c139d83ac4b600a22e0d20', 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: '3de67ca2647f294aaea74964e7959e470d64ded6', class: "col-12 col-md-8" }, h("form-control-select", { key: '97f96111305371f1a4e037d49ed88cd9ee1864c6', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '9e72fce44d9dedddb78e80e60de04f9d1c011c3d', class: "col-12 col-md-4" }, h("form-control-date", { key: '7ef7d6dfc1be302b7c34c03c5795d487bfecb628', 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: '1f922b07e9b518ef8803e38baf592edc5e1f3d53', class: "col-12 col-md-6" }, h("form-control-text", { key: '4db75fd442ab14ff0387967f8a91fc34b666aeca', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '3f7fe65745fc046a7654a1d091c68ba54f139bda', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3e0c9db91b9bc2eed4a048d96e7d5c8e6cf9e04e', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'cc4f89e9b8507752c147a9f59ed6a945ccfa0d95', class: "col-12" }, h("form-control-text", { key: '7d19bd16720da687b4a0f506509ec9fd8a6185fa', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'ddfacd485ca994560955ffaf3e9dc21e6300ea06', class: "col-12 col-md-6" }, h("form-control-text", { key: '9047a690090fe0c64b580c64bed78febeffafee8', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '54a8e1f648446f5be503c2f1f9e99e841f9a6e6f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce8821b40c1771df94bc2a9658eea34befdd462a', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: 'e4137edfffdb68e6dd792a9b38b13752734f5fd2' }, h("fieldset", { key: '7652930c2d961361969a454b6632ece8d34e9a7b' }, h("legend", { key: 'cb6e3a3eb561d862ea57d74bfd8a59fc8f2bb017', part: heading2 }, "General Info"), h("div", { key: '7becc4c5b16f7a77ff425b40e961fb478e50b3b4', class: "row gy-3" }, h("div", { key: '1c4d8eba65f262bf35e405e38818c2bb489c4c1a', class: "col-12" }, h("form-control-text", { key: 'f71636cf4bb91ee161e6e056cafc275950642e20', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '1865bb01a25c5f6148331a15804e31f48af4c6e8', class: "col-12" }, h("form-control-text", { key: '9d8a77ea431d826c864fe833fdb7866aa3fc6283', 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: 'a271782b9750547ff609653307db7f3bfaccf25b', class: "col-12 col-md-8" }, h("form-control-select", { key: '52144fe64984bfbddc7d4488e48cc44decf44943', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '88c72bf4401345def76beff2f555f8dcd04724a5', class: "col-12 col-md-4" }, h("form-control-date", { key: '6c8b11e80c6959f257ed9a1022d6f0bc9437cf79', 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: 'f5ddb61e0b705a4c16a0ae2b4610a6407cc4d919', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e816266819351742ec3a00683a211d3b9ed5969', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0e23adafca4f1dbde3a40d5f28a84278a00ef5df', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '143ad2c24b1643532186d0bbb4a0f4ada84cc880', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: '3549c796c3c9653e2006f7441a3aedff5c559660', class: "col-12" }, h("form-control-text", { key: 'ae1794226a4aeffdc0ec0ae1a1959a7e1f599024', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'a10bae7797bdc5c0bad910281dba1006dcf336b7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'f6c80857ae53d6949d9276d4df3d04e459300c5f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd680203bd386b10a8385bf50d2b7a8e5a5564e29', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ca47e1b1d774b1fd61242ddd8d8adbeb21576970', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [0, "justifi-business-core-info", {
         "formController": [16],
@@ -41,7 +41,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-core-info", "custom-popper", "form-control-date", "form-control-error-text", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip"];
+    const components = ["justifi-business-core-info", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-core-info":
             if (!customElements.get(tagName)) {
@@ -49,16 +49,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/module/business-details-core2.js

@@ -1,12 +1,34 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { L as LoadingState, E as ErrorState } from './utils.js';
+import { h, Fragment, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { E as ErrorState } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import { S as Skeleton } from './skeleton.js';
 import { d as defineCustomElement$5 } from './additional-questions-details2.js';
 import { d as defineCustomElement$4 } from './generic-info-details2.js';
 import { d as defineCustomElement$3 } from './legal-address-details2.js';
 import { d as defineCustomElement$2 } from './owner-details2.js';
 import { d as defineCustomElement$1 } from './representative-details2.js';
 
+const BusinessDetailsLoading = () => {
+    const Block = () => (h("div", { class: "mt-5" },
+        h(Skeleton, { width: "40%", height: "1.5rem" }),
+        h("hr", null),
+        h("div", { class: "row g-3" },
+            h("div", { class: "col-12 col-md-6" },
+                h(Skeleton, null),
+                h(Skeleton, null),
+                h(Skeleton, null)),
+            h("div", { class: "col-12 col-md-6" },
+                h(Skeleton, null),
+                h(Skeleton, null),
+                h(Skeleton, null)))));
+    return (h(Fragment, null,
+        h(Block, null),
+        h(Block, null),
+        h(Block, null),
+        h(Block, null)));
+};
+
 var RENDER_STATES;
 (function (RENDER_STATES) {
     RENDER_STATES["LOADING"] = "loading";
@@ -48,7 +70,7 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
     }
     render() {
         if (this.renderState === RENDER_STATES.LOADING) {
-            return h(StyledHost, null, LoadingState());
+            return (h(StyledHost, null, h(BusinessDetailsLoading, null)));
         }
         if (this.renderState === RENDER_STATES.ERROR) {
             return h(StyledHost, null, ErrorState(this.errorMessage));

package/dist/module/business-document-upload-form-step.js

@@ -1,15 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
-import { a as BusinessFormStep, B as BusinessFormStepV2 } from './business-form-types.js';
 import { a as Business } from './Business.js';
 import { A as Api } from './Api.js';
 import { c as config } from './config.js';
 import { B as voidedCheckValidation, C as governmentIdValidation, D as ss4Validation, E as otherDocumentValidation, F as balanceSheetValidation, G as bankStatementValidation, H as profitAndLossStatementValidation } from './schema-validations.js';
 import { a as EntityDocument, b as EntityDocumentStorage } from './Document.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { h as heading2 } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
-import { d as defineCustomElement$6 } from './custom-popper2.js';
-import { d as defineCustomElement$5 } from './form-control-error-text2.js';
+import './details.js';
+import { B as BusinessFormStep } from './event-types2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './business-document-upload-input-group.js';
@@ -41,10 +42,9 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
     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.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
@@ -131,8 +131,7 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
                 return false;
             }
             else {
-                this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.documentUpload } });
-                this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.documentUpload });
+                this.stepCompleteEvent.emit({ response: response, formStep: BusinessFormStep.documentUpload });
                 return true;
             }
         };
@@ -146,7 +145,7 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             try {
                 const docArray = Object.values(this.documentData).flat();
                 if (!docArray.length) {
-                    this.stepCompleted.emit({ data: null, formStep: BusinessFormStepV2.documentUpload, metadata: 'no data submitted' });
+                    this.stepCompleteEvent.emit({ response: null, formStep: BusinessFormStep.documentUpload, metadata: 'no data submitted' });
                     return onSuccess();
                 }
                 const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
@@ -202,7 +201,7 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             return null;
         }
         if (this.isLoading) {
-            return h(Skeleton, { variant: 'rounded', height: '50px' });
+            return h(Skeleton, { height: '50px' });
         }
         return h("justifi-business-documents-on-file", { documents: this.existingDocuments });
     }
@@ -211,12 +210,12 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             return null;
         }
         if (this.isLoading) {
-            return h(Skeleton, { variant: 'rounded', height: '350px' });
+            return h(Skeleton, { height: '350px' });
         }
         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: '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))));
+        return (h("form", { key: '0d59a81a25ce1b983e1cc1e076072fc60f277829' }, h("fieldset", { key: '806183bf7a2b7bd49f11be8f8e66685360b392d8' }, h("div", { key: '22e1914c580e90acbf0cc295ed878c2f4d3cb12f', class: "d-flex align-items-center gap-2" }, h("legend", { key: '88369a06ab43a76c477a6af93672364fd101a7d2', class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { key: 'ccbff3cea2f17156a358a82de3e5e8afa87e2ab5', 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: 'e99c7eba9c7605244bee06ae4c0fa4954cafb99a', class: "mt-2" }), this.documentsOnFile, h("div", { key: 'ddbeda2a9740d2a20becde70f5f8113e4a327dc7', class: "d-flex flex-column" }, this.formInputs))));
     }
 }, [0, "justifi-business-document-upload-form-step", {
         "authToken": [1, "auth-token"],
@@ -235,7 +234,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-document-upload-form-step", "custom-popper", "form-control-error-text", "form-control-file", "form-control-tooltip", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file"];
+    const components = ["justifi-business-document-upload-form-step", "custom-popper", "form-control-file", "form-control-tooltip", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-document-upload-form-step":
             if (!customElements.get(tagName)) {
@@ -243,11 +242,6 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/module/business-document-upload-input-group.js

@@ -1,8 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { E as EntityDocumentType } from './Document.js';
 import { e as isInRange } from './utils2.js';
-import { d as defineCustomElement$4 } from './custom-popper2.js';
-import { d as defineCustomElement$3 } from './form-control-error-text2.js';
+import { d as defineCustomElement$3 } from './custom-popper2.js';
 import { d as defineCustomElement$2 } from './form-control-file2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -88,7 +87,7 @@ const BusinessDocumentUploadInputGroup = /*@__PURE__*/ proxyCustomElement(class
     }
     render() {
         const inputsConfig = this.inputConfigs;
-        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 }))))));
+        return (h("div", { key: '875e19e33818ff3582a274b75c78301fa799a81b', 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 }))))));
     }
 }, [0, "justifi-business-document-upload-input-group", {
         "paymentVolume": [1, "payment-volume"],
@@ -100,7 +99,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-document-upload-input-group", "custom-popper", "form-control-error-text", "form-control-file", "form-control-tooltip"];
+    const components = ["justifi-business-document-upload-input-group", "custom-popper", "form-control-file", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-document-upload-input-group":
             if (!customElements.get(tagName)) {
@@ -108,11 +107,6 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/module/business-documents-on-file.js

@@ -1,5 +1,6 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as snakeCaseToHumanReadable, a as formatDate, g as formatTimeSeconds } from './utils2.js';
+import { K as card, h as heading2, j as table, f as tableHeadCell, k as tableCell } from './parts.js';
 
 const BusinessDocumentsOnFile = /*@__PURE__*/ proxyCustomElement(class BusinessDocumentsOnFile extends HTMLElement {
     constructor() {
@@ -11,9 +12,9 @@ const BusinessDocumentsOnFile = /*@__PURE__*/ proxyCustomElement(class BusinessD
         if (!this.documents.length) {
             return null;
         }
-        return (h("div", null, h("div", { class: 'card' }, h("div", { class: 'card-body' }, h("h5", { class: 'card-title' }, "Documents Already on File"), h("div", { class: 'table-responsive' }, h("table", { class: 'table table-sm table-borderless' }, h("thead", { part: "table-head" }, h("tr", { part: 'table-head-row' }, h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "File Name"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "File Type"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "Document Type"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "Date Uploaded"))), h("tbody", { part: 'table-body' }, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
+        return (h(Host, null, h("div", { class: 'card', part: card }, h("div", { class: 'card-body' }, h("h5", { class: 'card-title', part: heading2 }, "Documents Already on File"), h("div", { class: 'table-responsive' }, h("table", { class: 'table table-sm table-borderless', part: table }, h("thead", null, h("tr", null, h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "File Name"), h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "File Type"), h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "Document Type"), h("th", { style: { width: '25%' }, part: tableHeadCell, scope: 'col' }, "Date Uploaded"))), h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
             .map((document, index) => {
-            return (h("tr", { class: index === 0 ? 'border-bottom border-top' : 'border-bottom' }, h("td", { part: "table-cell" }, document.file_name), h("td", { part: "table-cell" }, document.file_type), h("td", { part: "table-cell" }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: "table-cell" }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
+            return (h("tr", { class: index === 0 ? 'border-bottom border-top' : 'border-bottom' }, h("td", { part: tableCell }, document.file_name), h("td", { part: tableCell }, document.file_type), h("td", { part: tableCell }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: tableCell }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
         })))))), h("hr", null)));
     }
 }, [0, "justifi-business-documents-on-file", {

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

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as BusinessFormStep, B as BusinessFormStepV2, c as BusinessFormClickActions } from './business-form-types.js';
 import { B as Button } from './button.js';
-import { d as defineCustomElement$b } from './custom-popper2.js';
-import { d as defineCustomElement$a } from './form-control-date2.js';
-import { d as defineCustomElement$9 } from './form-control-error-text2.js';
+import { h as heading2 } from './parts.js';
+import './details.js';
+import { B as BusinessFormStep, a as BusinessFormClickActions } from './event-types2.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-number-masked2.js';
 import { d as defineCustomElement$7 } from './form-control-select2.js';
 import { d as defineCustomElement$6 } from './form-control-text2.js';
@@ -17,11 +18,10 @@ const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busine
     constructor() {
         super();
         this.__registerHost();
-        this.submitted = createEvent(this, "submitted", 7);
-        this.stepCompleted = createEvent(this, "form-step-completed", 7);
         this.clickEvent = createEvent(this, "click-event", 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.matchRef = (ref, ownerId) => {
             const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
             if (ownerIndex !== -1) {
@@ -70,8 +70,7 @@ const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busine
                     });
                 },
                 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);
                 }
             });
@@ -131,9 +130,9 @@ const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busine
         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 watchers() { return {
         "ownersPayload": ["ownersWatcher"]
@@ -155,7 +154,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-owners-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-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-business-owners-form-step-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-owners-form-step-core":
             if (!customElements.get(tagName)) {
@@ -163,16 +162,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }

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

@@ -2,9 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 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$c } from './custom-popper2.js';
-import { d as defineCustomElement$b } from './form-control-date2.js';
-import { d as defineCustomElement$a } from './form-control-error-text2.js';
+import { d as defineCustomElement$b } from './custom-popper2.js';
+import { d as defineCustomElement$a } from './form-control-date2.js';
 import { d as defineCustomElement$9 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$8 } from './form-control-select2.js';
 import { d as defineCustomElement$7 } from './form-control-text2.js';
@@ -57,7 +56,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         }
     }
     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 watchers() { return {
         "authToken": ["propChanged"],
@@ -78,7 +77,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-owners-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-owners-form-step-core", "justifi-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-business-owners-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-business-owners-form-step-core", "justifi-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
@@ -86,16 +85,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-error-text":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }