@justifi/webcomponents 4.20.0 → 4.21.0

package/dist/module/business-bank-account-form-step.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
-import { B as BusinessFormStep } from './business-form-types.js';
+import { a as BusinessFormStep, B as BusinessFormStepV2 } from './business-form-types.js';
 import { g as bankNameValidation, n as nicknameValidation, i as identityNameValidation, h as accountTypeValidation, j as accountNumberValidation, k as routingNumberValidation } from './schema-validations.js';
 import { c as bankAccountTypeOptions } from './business-form-options.js';
 import { A as Api } from './Api.js';
@@ -10,10 +10,11 @@ import './Payout.js';
 import { c as config } from './config.js';
 import { n as numberOnlyHandler } from './utils4.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-error-text2.js';
-import { d as defineCustomElement$3 } from './form-control-help-text2.js';
-import { d as defineCustomElement$2 } from './form-control-select2.js';
-import { d as defineCustomElement$1 } from './form-control-text2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const businessBankAccountSchema = (allowOptionalFields) => {
     const schema = create$3({
@@ -61,6 +62,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         super();
         this.__registerHost();
         this.submitted = createEvent(this, "submitted", 7);
+        this.stepCompleted = createEvent(this, "form-step-completed", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.fetchData = async () => {
@@ -140,10 +142,16 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
             onSuccess();
         }
         this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.bankAccount } });
+        this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.bankAccount });
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formDisabled ? onSuccess() :
+        if (this.formDisabled) {
+            this.stepCompleted.emit({ data: null, formStep: BusinessFormStepV2.bankAccount, metadata: 'no data submitted' });
+            onSuccess();
+        }
+        else {
             this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        }
     }
     ;
     componentWillLoad() {
@@ -161,7 +169,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'c2bdcd5ab6301d1a39e4d774df101281c41e2002' }, h("fieldset", { key: '7f6b607be5b7bc5fcd0dc1687adaa1ad00d7d2e9' }, h("legend", { key: '91b68746c65bb68f4fbd2eef151258e6915f8e35' }, "Bank Account Info"), h("hr", { key: '5eceedbf59faef10757c9e2b04d4dc4cd6b88a9b' }), h("div", { key: 'd3185db7fceb9851ccb44c1c89f8cbe5a37c24e0', class: "row gy-3" }, h("div", { key: '625caf0e9b93c244d94c69174ffff57126d39fa1', class: "col-12" }, h("form-control-text", { key: 'ddf3206b09047dfea56df850babe6c8f92ed33ee', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'd7d498353eec8e1947ce748aa35cbee63e793817', class: "col-12" }, h("form-control-text", { key: 'a80050dcd088db0209c2e5da65b310d7fc7877f5', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ea5578470e0e4d0fd5b973807475a02c7764c9c8', class: "col-12" }, h("form-control-text", { key: 'dd8c77b43ddfca61cfd5ed39ce6e142654f18d9f', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'cb3256226c5fdfa5ff2a02c456a6c384e06d16a6', class: "col-12" }, h("form-control-select", { key: 'a865f48350a0ae6b6a2a540dc2d54de72a8af074', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'aa9062a25dade06db1f175d4233f2e5bb4e7ecd7', class: "col-12" }, h("form-control-text", { key: '1a87920e4df50178625446c770e4182d918664c7', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: 'c72858a29aa1289b367c0eb89d6cc0eded23346d', class: "col-12" }, h("form-control-text", { key: 'b7fb93bcf16c01689245d5aca11142b013fe6adc', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled }))))));
+        return (h("form", { key: 'c19f52934f1fa591d71175d1a0a584c0e9d0bd92' }, h("fieldset", { key: '96c326422e38efe3413b282fcc2415355108992c' }, h("div", { key: '7a39297bc087e310ad28fbdd58e71b509c002132', class: "d-flex align-items-center gap-2" }, h("legend", { key: '81b0cc0fc84846e04f3efb1efc0c33c181a3399d', class: "mb-0" }, "Bank Account Info"), h("form-control-tooltip", { key: 'f24f0605251a59c7df3a01bfb5d01302e95b45ba', 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: '8386d2b17e191ca529a663ced0c430e71c3da4d6', class: "mt-2" }), h("div", { key: 'd5ddcc4c0b54320a0e1f1fd381dd41e8bdb86c2f', class: "row gy-3" }, h("div", { key: '29bd4e26bed9fef74ee79241d5dc6fd9a4d5954e', class: "col-12" }, h("form-control-text", { key: 'ac9781048b7dfb24da9565b058994ffd78053db9', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'db9d13b0a62927b790bdcf5bc77ffa4fbadb227b', class: "col-12" }, h("form-control-text", { key: '41d192f0d9df09e62aa929642ca2ae40946f951e', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '2b37a20c6bb6f942ccf5b49e84a2d6d1669d9fd7', class: "col-12" }, h("form-control-text", { key: '0392b8d08a48ff27af80d6fa42959b90a713de4e', 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: '2a30485d70f0825e7e677b3f4b75caf4c601090e', class: "col-12" }, h("form-control-select", { key: '65cb43b080e47208bf83099cfec12cc8351281c6', 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: 'ab0c65f348486814ac14ed548ecaa25610e14d58', class: "col-12" }, h("form-control-text", { key: '3c08ce88f652bfe6ae64807beab30ed796cad6c3', 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: 'f5314db551f6d4482f151b49d9db685b78223f2a', class: "col-12" }, h("form-control-text", { key: '1f204b3140c9fc4fe20519ebc082751c291ba816', 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." }))))));
     }
 }, [0, "justifi-business-bank-account-form-step", {
         "authToken": [1, "auth-token"],
@@ -176,29 +184,34 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-bank-account-form-step", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text"];
+    const components = ["justifi-business-bank-account-form-step", "custom-popper", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessBankAccountFormStep);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "form-control-select":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "form-control-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -2,21 +2,24 @@ 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 { P as PHONE_MASKS } from './form-input-masks.js';
 import { n as numberOnlyHandler } from './utils4.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 { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$2 } from './form-control-select2.js';
-import { d as defineCustomElement$1 } from './form-control-text2.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';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfoFormStepCore extends HTMLElement {
     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.errorEvent = createEvent(this, "error-event", 7);
         this.getData = () => {
@@ -55,6 +58,7 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
                 },
                 final: () => {
                     this.submitted.emit({ data: { submittedData } });
+                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.businessInfo });
                     this.formLoading.emit(false);
                 }
             });
@@ -89,7 +93,7 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'ab0ae9821e19c2a2d1e87ce16b23cfe56bafb31b' }, h("fieldset", { key: 'eec949b50436218cee02c6410c34959a6b10ebf8' }, h("legend", { key: '34b37dddcb967275ddd3d561dd2931b74103c0ce' }, "General Info"), h("hr", { key: 'af37f3171790265c3b7d22d2328c31842c5a12ea' }), h("div", { key: 'ba4780eec04a8b34f644895913e99ea49c587f81', class: 'row gy-3' }, h("div", { key: '8109ee7485afc5a5ee3e38c947ef9387cab5daa4', class: 'col-12' }, h("form-control-text", { key: '885bc9f67fc4738cb5abc6165bf1f6f5b3382a90', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '453b4e25b812015a50f72e76159111818d0065f5', class: 'col-12' }, h("form-control-text", { key: 'a63ec6c1e936ab1104b92e6fdd5f6a350559009c', name: 'doing_business_as', label: 'Doing Business As (DBA)', defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '8a39b25c7d9c414569e22e73a98d7b136b0623dd', class: 'col-12 col-md-8' }, h("form-control-select", { key: '41d6d3a45431953746e86a5aea6ebb0a39674009', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd98e5f2ee6e7d3ddc23ba5501db4f698cc88ba40', class: 'col-12 col-md-4' }, h("form-control-date", { key: '4ea36622261e3a649b934700ee676c062789c519', name: 'date_of_incorporation', label: 'Date of Incorporation', defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '8617887e16cbc3a40b0c1ab56597d7098c7ac62f', class: 'col-12 col-md-6' }, h("form-control-text", { key: '9357ddb686194100fe705111bbc965c2956dddb4', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '968b0f492f354279736b531295a1e4813a5de0b0', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'd082445d9f876794e525839fb35457f114e89dac', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: 'a0e041bb3fa323e378d2b9730dd9055c9ecf1dfc', class: 'col-12' }, h("form-control-text", { key: '4994efe8c6cb5faf84accd0f2965b508d084144e', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '0f7f1548e704095aaef9d4fccd7c81284ff7bbed', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e1cffd24b03e5e3655649b68900c74fcc89513c5', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1732635477c58d1f57aa5b8dc0c560ae0c215501', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '04979d08463efc69557b782fda772702935349a7', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h("form", { key: '356323599591a3f6fdbdb634af70a90c1d614cee' }, h("fieldset", { key: '72021ae5bc712c81936a73a13bd5f62aa9208f71' }, h("div", { key: 'a92a56aeb5ac85a0bf531ac3f7905c827a91674b', class: "d-flex align-items-center gap-2" }, h("legend", { key: '0e1680b2eeacc7892dbb40a3e3b4bf94f706db25', class: "mb-0" }, "Business Information")), h("hr", { key: '4402e5e81d5e77f2d599774a9cbcab87f3e4d389', class: "mt-2" }), h("div", { key: '1e92f6236baef69ab2f00745d634dc79e0aa6660', class: "row gy-3" }, h("div", { key: '538a0496ec6d8cc4f5b9456df047ac91de3cac10', class: "col-12" }, h("form-control-text", { key: '5ae093c4b43f0c66b7a0123dedd6e0da94774380', 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: 'd7f4e47beb29ca0238186ba8778323dbe180a237', class: "col-12" }, h("form-control-text", { key: '8c430079a1d803929ba55aab06d7a526c9005848', 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: '2ff888b63c1b8a64e2cfe2d1e3ed7d9177632830', class: "col-12 col-md-8" }, h("form-control-select", { key: 'd56eecead9f19371c6f6ae353cf9701b985d5343', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'fdf9a1599d058f2058ddf91d41494ea33b607a4f', class: "col-12 col-md-4" }, h("form-control-date", { key: '286fbe2e49062fb8cb8800f89b21253357bc74ed', 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: '83bc51ad16e48fe89cd01772faf0615a3128434e', class: "col-12 col-md-6" }, h("form-control-text", { key: 'dde1fdbc902b79440d6d9c39c6c6fdc3ad913200', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), h("div", { key: '7cc685aca26505357f3f550c278d7b83b0e8ced3', class: "col-12 col-md-6" }, h("form-control-text", { key: '519a7f1672908413d4b1a4c09155aece58c176d9', 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: 'a9e8c6c2c8e1f664869601c23ba951cc737c933c', class: "col-12" }, h("form-control-text", { key: 'a2285b78e6999a5e1de151c1258103496637b545', 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: '0429aeb3991171d67990b96c89bcb8232a123848', class: "col-12 col-md-6" }, h("form-control-text", { key: '95b7f8153c178ea4dc0dc2631379f9012bbe2f8b', name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '90511bdbe0e23df68c1eba13a0cfccdf97f155e9', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '4fcde2104c1ad04ecc47a010c8219630b9717e43', 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"],
@@ -105,13 +109,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-core-info-form-step-core", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text"];
+    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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-core-info-form-step-core":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessCoreInfoFormStepCore);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
@@ -122,22 +131,22 @@ function defineCustomElement() {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "form-control-select":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "form-control-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -2,12 +2,13 @@ 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$5 } from './form-control-help-text2.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';
+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';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$1 } from './business-core-info-form-step-core.js';
 
 const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfoFormStep extends HTMLElement {
@@ -52,7 +53,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '4ee53046d16fd42df4e09b10c338a740c22184ef', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '8b034d8c728aef3683823a45083764a456d07545', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -73,13 +74,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-core-info-form-step", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-business-core-info-form-step-core"];
+    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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessCoreInfoFormStep);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
@@ -90,22 +96,22 @@ function defineCustomElement() {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-select":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "form-control-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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

@@ -2,12 +2,13 @@ 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 { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$2 } from './form-control-select2.js';
-import { d as defineCustomElement$1 } from './form-control-text2.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';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo extends HTMLElement {
     constructor() {
@@ -40,13 +41,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-core-info", "form-control-date", "form-control-error-text", "form-control-help-text", "form-control-number-masked", "form-control-select", "form-control-text"];
+    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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-core-info":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessCoreInfo);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
@@ -57,22 +63,22 @@ function defineCustomElement() {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "form-control-select":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "form-control-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
-import { B as BusinessFormStep } from './business-form-types.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';
@@ -8,9 +8,10 @@ import { B as voidedCheckValidation, C as governmentIdValidation, D as ss4Valida
 import { a as EntityDocument, b as EntityDocumentStorage } from './Document.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.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 { d as defineCustomElement$4 } from './form-control-file2.js';
-import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './business-document-upload-input-group.js';
 import { d as defineCustomElement$1 } from './business-documents-on-file.js';
 
@@ -41,6 +42,7 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         super();
         this.__registerHost();
         this.submitted = createEvent(this, "submitted", 7);
+        this.stepCompleted = createEvent(this, "form-step-completed", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.inputHandler = (name, value) => {
@@ -130,6 +132,7 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
             }
             else {
                 this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.documentUpload } });
+                this.stepCompleted.emit({ data: response, formStep: BusinessFormStepV2.documentUpload });
                 return true;
             }
         };
@@ -143,6 +146,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' });
                     return onSuccess();
                 }
                 const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
@@ -212,7 +216,7 @@ const BusinessDocumentFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (h("form", { key: '38bb9070ca04f773ec092ebb14ce8ad20f33d8cf' }, h("fieldset", { key: '9c736d11200bb9c5a37c1319f3bfb349b7a5e93f' }, h("legend", { key: '92ed2fb864e85e38532af364518c25ef4bd275a5' }, "Document Uploads"), h("p", { key: 'f5803df74a5d0bc4e544c6cc968333f2a3f77385' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '0c696d1bdb614bdacb3cbadeee66c95149efda68' }), this.documentsOnFile, h("div", { key: '7919205dfda677526d810a9fa1507ed8a55eafb8', class: "d-flex flex-column" }, this.formInputs))));
+        return (h("form", { key: 'f240b37d159cbf3db19e4256f97ade622e88d41b' }, h("fieldset", { key: '0555c8a1747336af04b470f750343d231cebb7cc' }, h("div", { key: '7c46295e5997aba7f769324d52def17236babe7b', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2a3fe8a3031a1923df6de8752438d595d935d8f6', class: "mb-0" }, "Document Uploads"), h("form-control-tooltip", { key: '6b3f02a801ff53a1c28ee30710980f5e2790ac5c', helpText: "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { key: 'ac1f9e460920d3654f9c079e8c3fc84ccf7369b4', class: "mt-2" }), this.documentsOnFile, h("div", { key: '444b0f875d460d6bdddc9183bc5c797d3828c127', class: "d-flex flex-column" }, this.formInputs))));
     }
 }, [0, "justifi-business-document-upload-form-step", {
         "authToken": [1, "auth-token"],
@@ -231,13 +235,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-document-upload-form-step", "form-control-error-text", "form-control-file", "form-control-help-text", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file"];
+    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"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-document-upload-form-step":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessDocumentFormStep);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
@@ -248,7 +257,7 @@ function defineCustomElement() {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

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

@@ -1,51 +1,52 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { E as EntityDocumentType } from './Document.js';
 import { d 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$2 } from './form-control-file2.js';
-import { d as defineCustomElement$1 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const voidedCheck = {
-    name: 'voided_check',
-    label: 'Upload Voided Check',
+    name: "voided_check",
+    label: "Upload Voided Check",
     documentType: EntityDocumentType.voidedCheck,
-    helpText: 'Please upload a voided check for the business.'
+    helpText: "Voided check or bank statement where the legal entity and account number are clearly visible. The check must match the legal entity registering for this merchant account."
 };
 const bankStatements = {
-    name: 'bank_statement',
-    label: 'Upload Bank Statements',
+    name: "bank_statement",
+    label: "Upload Bank Statements",
     documentType: EntityDocumentType.bankStatement,
-    helpText: 'Please upload 3 months of bank statements for the business.'
+    helpText: "The most recent 3 months of your business’ bank statements. The statements must match the legal entity registering for this merchant account."
 };
 const balanceSheet = {
-    name: 'balance_sheet',
-    label: 'Upload FYE Balance Sheet',
+    name: "balance_sheet",
+    label: "Upload FYE Balance Sheets",
     documentType: EntityDocumentType.balanceSheet,
-    helpText: 'Please upload the most recent 2 years of balance sheets.'
+    helpText: "Please provide the balance sheet that corresponds to the last day of your business' last two fiscal years. For example, 12/31/2022 & 12/31/2023 balance sheets."
 };
 const governmentId = {
     name: 'government_id',
-    label: 'Upload Government ID',
+    label: 'Upload Government ID (optional)',
     documentType: EntityDocumentType.governmentId,
-    helpText: 'Please upload a government issued ID for the business owner.'
+    helpText: "The ID must include a personal address."
 };
 const profitAndLossStatement = {
-    name: 'profit_and_loss_statement',
-    label: 'Upload Profit and Loss Statements',
+    name: "profit_and_loss_statement",
+    label: "Upload FYE Profit and Loss Statements",
     documentType: EntityDocumentType.profitAndLossStatement,
-    helpText: 'Please upload the most recent profit and loss statements.'
+    helpText: "Fiscal Year End Profit and Loss statements for your business’ last two fiscal years. For example, FYE 2022 and FYE 2023 profit and loss statements."
 };
 const ss4 = {
     name: 'ss4',
-    label: 'Upload SS4 / Article of Incorporation',
+    label: 'Upload SS4 / Article of Incorporation (optional)',
     documentType: EntityDocumentType.taxReturn,
     helpText: "Please upload the business's SS4 / Article of Incorporation."
 };
 const other = {
     name: 'other',
-    label: 'Upload any other documents',
+    label: 'Upload any other documents (optional)',
     documentType: EntityDocumentType.other,
-    helpText: 'Please upload any other documents that may be relevant to your business.'
+    helpText: "Please upload any other documents that may be relevant to your business."
 };
 const inputConfigurations = {
     voidedCheck,
@@ -87,7 +88,7 @@ const BusinessDocumentUploadInputGroup = /*@__PURE__*/ proxyCustomElement(class
     }
     render() {
         const inputsConfig = this.inputConfigs;
-        return (h("div", { key: '8035b474e298cae43e5ceda5594fd3891902a300', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true }))))));
+        return (h("div", { key: 'e43e94c773b524f5725c75af53db4ceadc0ba172', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true }))))));
     }
 }, [0, "justifi-business-document-upload-input-group", {
         "paymentVolume": [1, "payment-volume"],
@@ -99,13 +100,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-document-upload-input-group", "form-control-error-text", "form-control-file", "form-control-help-text"];
+    const components = ["justifi-business-document-upload-input-group", "custom-popper", "form-control-error-text", "form-control-file", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-document-upload-input-group":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BusinessDocumentUploadInputGroup);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
@@ -116,7 +122,7 @@ function defineCustomElement() {
                 defineCustomElement$2();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/business-form-types.js

@@ -9,6 +9,17 @@ var BusinessFormStep;
     BusinessFormStep["documentUpload"] = "documentUpload";
     BusinessFormStep["termsAndConditions"] = "termsAndConditions";
 })(BusinessFormStep || (BusinessFormStep = {}));
+var BusinessFormStepV2;
+(function (BusinessFormStepV2) {
+    BusinessFormStepV2["businessInfo"] = "business_info";
+    BusinessFormStepV2["legalAddress"] = "legal_address";
+    BusinessFormStepV2["additionalQuestions"] = "additional_questions";
+    BusinessFormStepV2["representative"] = "representative";
+    BusinessFormStepV2["owners"] = "owners";
+    BusinessFormStepV2["bankAccount"] = "bank_account";
+    BusinessFormStepV2["documentUpload"] = "document_upload";
+    BusinessFormStepV2["termsAndConditions"] = "terms_and_conditions";
+})(BusinessFormStepV2 || (BusinessFormStepV2 = {}));
 var BusinessFormServerErrors;
 (function (BusinessFormServerErrors) {
     BusinessFormServerErrors["fetchData"] = "Error retrieving business data";
@@ -36,4 +47,4 @@ var DocumentFormServerErrors;
     DocumentFormServerErrors["sendData"] = "Error uploading document data";
 })(DocumentFormServerErrors || (DocumentFormServerErrors = {}));
 
-export { BusinessFormStep as B, BusinessFormServerErrors as a, BusinessFormClickActions as b };
+export { BusinessFormStepV2 as B, BusinessFormStep as a, BusinessFormServerErrors as b, BusinessFormClickActions as c };