@justifi/webcomponents 4.9.0 → 4.10.0-rc.0

package/dist/types/components.d.ts

@@ -5,8 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AdditionalQuestions, IAddress, IBusiness, Identity } from "./api/Business";
+import { AdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 import { FormController } from "./components/form/form";
+import { BusinessFormClickEvent, BusinessFormServerErrorEvent, BusinessFormSubmitEvent, OwnerFormServerErrorEvent, OwnerFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
 import { ValidationError } from "yup";
@@ -16,10 +17,12 @@ import { Proceed } from "./api/Proceed";
 import { RefundFormFields } from "./components/refund-form/refund-form-schema";
 import { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity as SubAccountIdentity1, Terms } from "./api/SubAccount";
 import { TableProps } from "./components/table/table";
+import { Identity } from "./api/Identity";
 import { PaginationProps } from "./components/pagination-menu/pagination-menu";
 import { IOnboardingData as IOnboardingData1, SubAccountIdentity } from "./components";
-export { AdditionalQuestions, IAddress, IBusiness, Identity } from "./api/Business";
+export { AdditionalQuestions, IAddress, IBusiness } from "./api/Business";
 export { FormController } from "./components/form/form";
+export { BusinessFormClickEvent, BusinessFormServerErrorEvent, BusinessFormSubmitEvent, OwnerFormServerErrorEvent, OwnerFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
 export { ValidationError } from "yup";
@@ -29,6 +32,7 @@ export { Proceed } from "./api/Proceed";
 export { RefundFormFields } from "./components/refund-form/refund-form-schema";
 export { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity as SubAccountIdentity1, Terms } from "./api/SubAccount";
 export { TableProps } from "./components/table/table";
+export { Identity } from "./api/Identity";
 export { PaginationProps } from "./components/pagination-menu/pagination-menu";
 export { IOnboardingData as IOnboardingData1, SubAccountIdentity } from "./components";
 export namespace Components {
@@ -109,6 +113,16 @@ export namespace Components {
     interface JustifiAdditionalQuestions {
         "formController": FormController;
     }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiAdditionalQuestionsFormStep {
+        "authToken": string;
+        "businessId": string;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
+    }
     interface JustifiBankAccountForm {
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -160,7 +174,36 @@ export namespace Components {
     interface JustifiBusinessAddressForm {
         "defaultValues": any;
         "errors": any;
-        "onFormUpdate": (values: any) => void;
+        "handleFormUpdate": (values: any) => void;
+    }
+    interface JustifiBusinessAddressFormStep {
+        "defaultValues": any;
+        "errors": any;
+        "handleFormUpdate": (values: any) => void;
+    }
+    /**
+     * The difference between this component and business-core-info-details
+     * is that this component is meant to be a form and send data
+     * and the other one  is meant to be just read only.
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessCoreInfo {
+        "formController": FormController;
+    }
+    /**
+     * The difference between this component and business-generic-info-details
+     * is that this component is meant to be a form and send data
+     * and the other one  is meant to be just read only.
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessCoreInfoFormStep {
+        "authToken": string;
+        "businessId": string;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
     }
     /**
      * @exportedPart detail-section
@@ -194,17 +237,6 @@ export namespace Components {
         "hideErrors"?: boolean;
         "testMode": boolean;
     }
-    /**
-     * The difference between this component and business-generic-info-details
-     * is that this component is meant to be a form and send data
-     * and the other one  is meant to be just read only.
-     * @exportedPart label: Label for inputs
-     * @exportedPart input: The input fields
-     * @exportedPart input-invalid: Invalid state for inputfs
-     */
-    interface JustifiBusinessGenericInfo {
-        "formController": FormController;
-    }
     /**
      * @exportedPart table-head: Table head
      * @exportedPart table-head-row: Head row
@@ -245,9 +277,24 @@ export namespace Components {
     interface JustifiBusinessOwners {
         "formController": FormController;
     }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessOwnersFormStep {
+        "authToken": string;
+        "businessId": string;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
+    }
     interface JustifiBusinessRepresentative {
         "formController": FormController;
     }
+    interface JustifiBusinessRepresentativeFormStep {
+        "authToken": string;
+        "businessId": string;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
+    }
     interface JustifiCardForm {
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -306,6 +353,16 @@ export namespace Components {
     interface JustifiLegalAddressForm {
         "formController": FormController;
     }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiLegalAddressFormStep {
+        "authToken": string;
+        "businessId": string;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
+    }
     interface JustifiNewPaymentMethod {
         "accountId": string;
         "clientId": string;
@@ -314,6 +371,16 @@ export namespace Components {
         "isSelected": boolean;
         "paymentMethodOption": PaymentMethodOption;
     }
+    interface JustifiOwnerForm {
+        "authToken": string;
+        "businessId"?: string;
+        "newFormOpen"?: boolean;
+        "ownerId"?: string;
+        "ownersLength"?: number;
+        "removeOwner": (id: string) => void;
+        "submit": () => Promise<boolean>;
+        "validate": () => Promise<boolean>;
+    }
     interface JustifiPaymentBalanceTransactions {
         "accountId": string;
         "authToken": string;
@@ -595,10 +662,18 @@ export interface FormControlTextCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFormControlTextElement;
 }
+export interface JustifiAdditionalQuestionsFormStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiAdditionalQuestionsFormStepElement;
+}
 export interface JustifiBankAccountFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiBankAccountFormElement;
 }
+export interface JustifiBusinessCoreInfoFormStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiBusinessCoreInfoFormStepElement;
+}
 export interface JustifiBusinessFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiBusinessFormElement;
@@ -607,6 +682,14 @@ export interface JustifiBusinessFormSteppedCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLJustifiBusinessFormSteppedElement;
 }
+export interface JustifiBusinessOwnersFormStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiBusinessOwnersFormStepElement;
+}
+export interface JustifiBusinessRepresentativeFormStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiBusinessRepresentativeFormStepElement;
+}
 export interface JustifiCardFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiCardFormElement;
@@ -615,10 +698,18 @@ export interface JustifiCheckoutCoreCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiCheckoutCoreElement;
 }
+export interface JustifiLegalAddressFormStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiLegalAddressFormStepElement;
+}
 export interface JustifiNewPaymentMethodCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiNewPaymentMethodElement;
 }
+export interface JustifiOwnerFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiOwnerFormElement;
+}
 export interface JustifiPaymentFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiPaymentFormElement;
@@ -818,6 +909,30 @@ declare global {
         prototype: HTMLJustifiAdditionalQuestionsElement;
         new (): HTMLJustifiAdditionalQuestionsElement;
     };
+    interface HTMLJustifiAdditionalQuestionsFormStepElementEventMap {
+        "submitted": BusinessFormSubmitEvent;
+        "formLoading": boolean;
+        "serverError": BusinessFormServerErrorEvent;
+    }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface HTMLJustifiAdditionalQuestionsFormStepElement extends Components.JustifiAdditionalQuestionsFormStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiAdditionalQuestionsFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiAdditionalQuestionsFormStepElement, ev: JustifiAdditionalQuestionsFormStepCustomEvent<HTMLJustifiAdditionalQuestionsFormStepElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiAdditionalQuestionsFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiAdditionalQuestionsFormStepElement, ev: JustifiAdditionalQuestionsFormStepCustomEvent<HTMLJustifiAdditionalQuestionsFormStepElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiAdditionalQuestionsFormStepElement: {
+        prototype: HTMLJustifiAdditionalQuestionsFormStepElement;
+        new (): HTMLJustifiAdditionalQuestionsFormStepElement;
+    };
     interface HTMLJustifiBankAccountFormElementEventMap {
         "bankAccountFormReady": any;
         "ready": any;
@@ -855,6 +970,53 @@ declare global {
         prototype: HTMLJustifiBusinessAddressFormElement;
         new (): HTMLJustifiBusinessAddressFormElement;
     };
+    interface HTMLJustifiBusinessAddressFormStepElement extends Components.JustifiBusinessAddressFormStep, HTMLStencilElement {
+    }
+    var HTMLJustifiBusinessAddressFormStepElement: {
+        prototype: HTMLJustifiBusinessAddressFormStepElement;
+        new (): HTMLJustifiBusinessAddressFormStepElement;
+    };
+    /**
+     * The difference between this component and business-core-info-details
+     * is that this component is meant to be a form and send data
+     * and the other one  is meant to be just read only.
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface HTMLJustifiBusinessCoreInfoElement extends Components.JustifiBusinessCoreInfo, HTMLStencilElement {
+    }
+    var HTMLJustifiBusinessCoreInfoElement: {
+        prototype: HTMLJustifiBusinessCoreInfoElement;
+        new (): HTMLJustifiBusinessCoreInfoElement;
+    };
+    interface HTMLJustifiBusinessCoreInfoFormStepElementEventMap {
+        "submitted": BusinessFormSubmitEvent;
+        "formLoading": boolean;
+        "serverError": BusinessFormServerErrorEvent;
+    }
+    /**
+     * The difference between this component and business-generic-info-details
+     * is that this component is meant to be a form and send data
+     * and the other one  is meant to be just read only.
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface HTMLJustifiBusinessCoreInfoFormStepElement extends Components.JustifiBusinessCoreInfoFormStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiBusinessCoreInfoFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessCoreInfoFormStepElement, ev: JustifiBusinessCoreInfoFormStepCustomEvent<HTMLJustifiBusinessCoreInfoFormStepElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiBusinessCoreInfoFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessCoreInfoFormStepElement, ev: JustifiBusinessCoreInfoFormStepCustomEvent<HTMLJustifiBusinessCoreInfoFormStepElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiBusinessCoreInfoFormStepElement: {
+        prototype: HTMLJustifiBusinessCoreInfoFormStepElement;
+        new (): HTMLJustifiBusinessCoreInfoFormStepElement;
+    };
     /**
      * @exportedPart detail-section
      * @exportedPart detail-section-title
@@ -869,8 +1031,8 @@ declare global {
         new (): HTMLJustifiBusinessDetailsElement;
     };
     interface HTMLJustifiBusinessFormElementEventMap {
-        "clickEvent": { data?: any, name: string };
-        "submitted": { data: any };
+        "clickEvent": BusinessFormClickEvent;
+        "submitted": BusinessFormSubmitEvent;
     }
     /**
      * @exportedPart label: Label for inputs
@@ -892,8 +1054,7 @@ declare global {
         new (): HTMLJustifiBusinessFormElement;
     };
     interface HTMLJustifiBusinessFormSteppedElementEventMap {
-        "clickEvent": { data?: any, name: string };
-        "submitted": { data: any };
+        "clickEvent": BusinessFormClickEvent;
     }
     /**
      * @exportedPart label: Label for inputs
@@ -914,20 +1075,6 @@ declare global {
         prototype: HTMLJustifiBusinessFormSteppedElement;
         new (): HTMLJustifiBusinessFormSteppedElement;
     };
-    /**
-     * The difference between this component and business-generic-info-details
-     * is that this component is meant to be a form and send data
-     * and the other one  is meant to be just read only.
-     * @exportedPart label: Label for inputs
-     * @exportedPart input: The input fields
-     * @exportedPart input-invalid: Invalid state for inputfs
-     */
-    interface HTMLJustifiBusinessGenericInfoElement extends Components.JustifiBusinessGenericInfo, HTMLStencilElement {
-    }
-    var HTMLJustifiBusinessGenericInfoElement: {
-        prototype: HTMLJustifiBusinessGenericInfoElement;
-        new (): HTMLJustifiBusinessGenericInfoElement;
-    };
     /**
      * @exportedPart table-head: Table head
      * @exportedPart table-head-row: Head row
@@ -962,12 +1109,55 @@ declare global {
         prototype: HTMLJustifiBusinessOwnersElement;
         new (): HTMLJustifiBusinessOwnersElement;
     };
+    interface HTMLJustifiBusinessOwnersFormStepElementEventMap {
+        "submitted": BusinessFormSubmitEvent;
+        "formLoading": boolean;
+        "serverError": BusinessFormServerErrorEvent;
+    }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface HTMLJustifiBusinessOwnersFormStepElement extends Components.JustifiBusinessOwnersFormStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiBusinessOwnersFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessOwnersFormStepElement, ev: JustifiBusinessOwnersFormStepCustomEvent<HTMLJustifiBusinessOwnersFormStepElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiBusinessOwnersFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessOwnersFormStepElement, ev: JustifiBusinessOwnersFormStepCustomEvent<HTMLJustifiBusinessOwnersFormStepElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiBusinessOwnersFormStepElement: {
+        prototype: HTMLJustifiBusinessOwnersFormStepElement;
+        new (): HTMLJustifiBusinessOwnersFormStepElement;
+    };
     interface HTMLJustifiBusinessRepresentativeElement extends Components.JustifiBusinessRepresentative, HTMLStencilElement {
     }
     var HTMLJustifiBusinessRepresentativeElement: {
         prototype: HTMLJustifiBusinessRepresentativeElement;
         new (): HTMLJustifiBusinessRepresentativeElement;
     };
+    interface HTMLJustifiBusinessRepresentativeFormStepElementEventMap {
+        "submitted": BusinessFormSubmitEvent;
+        "formLoading": boolean;
+        "serverError": BusinessFormServerErrorEvent;
+    }
+    interface HTMLJustifiBusinessRepresentativeFormStepElement extends Components.JustifiBusinessRepresentativeFormStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiBusinessRepresentativeFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessRepresentativeFormStepElement, ev: JustifiBusinessRepresentativeFormStepCustomEvent<HTMLJustifiBusinessRepresentativeFormStepElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiBusinessRepresentativeFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessRepresentativeFormStepElement, ev: JustifiBusinessRepresentativeFormStepCustomEvent<HTMLJustifiBusinessRepresentativeFormStepElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiBusinessRepresentativeFormStepElement: {
+        prototype: HTMLJustifiBusinessRepresentativeFormStepElement;
+        new (): HTMLJustifiBusinessRepresentativeFormStepElement;
+    };
     interface HTMLJustifiCardFormElementEventMap {
         "cardFormReady": any;
         "ready": any;
@@ -1034,6 +1224,30 @@ declare global {
         prototype: HTMLJustifiLegalAddressFormElement;
         new (): HTMLJustifiLegalAddressFormElement;
     };
+    interface HTMLJustifiLegalAddressFormStepElementEventMap {
+        "submitted": BusinessFormSubmitEvent;
+        "formLoading": boolean;
+        "serverError": BusinessFormServerErrorEvent;
+    }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface HTMLJustifiLegalAddressFormStepElement extends Components.JustifiLegalAddressFormStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiLegalAddressFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiLegalAddressFormStepElement, ev: JustifiLegalAddressFormStepCustomEvent<HTMLJustifiLegalAddressFormStepElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiLegalAddressFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiLegalAddressFormStepElement, ev: JustifiLegalAddressFormStepCustomEvent<HTMLJustifiLegalAddressFormStepElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiLegalAddressFormStepElement: {
+        prototype: HTMLJustifiLegalAddressFormStepElement;
+        new (): HTMLJustifiLegalAddressFormStepElement;
+    };
     interface HTMLJustifiNewPaymentMethodElementEventMap {
         "paymentMethodOptionSelected": any;
     }
@@ -1051,6 +1265,25 @@ declare global {
         prototype: HTMLJustifiNewPaymentMethodElement;
         new (): HTMLJustifiNewPaymentMethodElement;
     };
+    interface HTMLJustifiOwnerFormElementEventMap {
+        "submitted": OwnerFormSubmitEvent;
+        "formLoading": boolean;
+        "serverError": OwnerFormServerErrorEvent;
+    }
+    interface HTMLJustifiOwnerFormElement extends Components.JustifiOwnerForm, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiOwnerFormElementEventMap>(type: K, listener: (this: HTMLJustifiOwnerFormElement, ev: JustifiOwnerFormCustomEvent<HTMLJustifiOwnerFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiOwnerFormElementEventMap>(type: K, listener: (this: HTMLJustifiOwnerFormElement, ev: JustifiOwnerFormCustomEvent<HTMLJustifiOwnerFormElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiOwnerFormElement: {
+        prototype: HTMLJustifiOwnerFormElement;
+        new (): HTMLJustifiOwnerFormElement;
+    };
     interface HTMLJustifiPaymentBalanceTransactionsElement extends Components.JustifiPaymentBalanceTransactions, HTMLStencilElement {
     }
     var HTMLJustifiPaymentBalanceTransactionsElement: {
@@ -1470,23 +1703,30 @@ declare global {
         "generic-info-details": HTMLGenericInfoDetailsElement;
         "gross-payment-chart-core": HTMLGrossPaymentChartCoreElement;
         "justifi-additional-questions": HTMLJustifiAdditionalQuestionsElement;
+        "justifi-additional-questions-form-step": HTMLJustifiAdditionalQuestionsFormStepElement;
         "justifi-bank-account-form": HTMLJustifiBankAccountFormElement;
         "justifi-billing-form": HTMLJustifiBillingFormElement;
         "justifi-business-address-form": HTMLJustifiBusinessAddressFormElement;
+        "justifi-business-address-form-step": HTMLJustifiBusinessAddressFormStepElement;
+        "justifi-business-core-info": HTMLJustifiBusinessCoreInfoElement;
+        "justifi-business-core-info-form-step": HTMLJustifiBusinessCoreInfoFormStepElement;
         "justifi-business-details": HTMLJustifiBusinessDetailsElement;
         "justifi-business-form": HTMLJustifiBusinessFormElement;
         "justifi-business-form-stepped": HTMLJustifiBusinessFormSteppedElement;
-        "justifi-business-generic-info": HTMLJustifiBusinessGenericInfoElement;
         "justifi-business-list": HTMLJustifiBusinessListElement;
         "justifi-business-owners": HTMLJustifiBusinessOwnersElement;
+        "justifi-business-owners-form-step": HTMLJustifiBusinessOwnersFormStepElement;
         "justifi-business-representative": HTMLJustifiBusinessRepresentativeElement;
+        "justifi-business-representative-form-step": HTMLJustifiBusinessRepresentativeFormStepElement;
         "justifi-card-form": HTMLJustifiCardFormElement;
         "justifi-checkout": HTMLJustifiCheckoutElement;
         "justifi-checkout-core": HTMLJustifiCheckoutCoreElement;
         "justifi-details": HTMLJustifiDetailsElement;
         "justifi-gross-payment-chart": HTMLJustifiGrossPaymentChartElement;
         "justifi-legal-address-form": HTMLJustifiLegalAddressFormElement;
+        "justifi-legal-address-form-step": HTMLJustifiLegalAddressFormStepElement;
         "justifi-new-payment-method": HTMLJustifiNewPaymentMethodElement;
+        "justifi-owner-form": HTMLJustifiOwnerFormElement;
         "justifi-payment-balance-transactions": HTMLJustifiPaymentBalanceTransactionsElement;
         "justifi-payment-details": HTMLJustifiPaymentDetailsElement;
         "justifi-payment-form": HTMLJustifiPaymentFormElement;
@@ -1610,6 +1850,18 @@ declare namespace LocalJSX {
     interface JustifiAdditionalQuestions {
         "formController"?: FormController;
     }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiAdditionalQuestionsFormStep {
+        "authToken"?: string;
+        "businessId"?: string;
+        "onFormLoading"?: (event: JustifiAdditionalQuestionsFormStepCustomEvent<boolean>) => void;
+        "onServerError"?: (event: JustifiAdditionalQuestionsFormStepCustomEvent<BusinessFormServerErrorEvent>) => void;
+        "onSubmitted"?: (event: JustifiAdditionalQuestionsFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
+    }
     interface JustifiBankAccountForm {
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -1654,7 +1906,38 @@ declare namespace LocalJSX {
     interface JustifiBusinessAddressForm {
         "defaultValues"?: any;
         "errors"?: any;
-        "onFormUpdate"?: (values: any) => void;
+        "handleFormUpdate"?: (values: any) => void;
+    }
+    interface JustifiBusinessAddressFormStep {
+        "defaultValues"?: any;
+        "errors"?: any;
+        "handleFormUpdate"?: (values: any) => void;
+    }
+    /**
+     * The difference between this component and business-core-info-details
+     * is that this component is meant to be a form and send data
+     * and the other one  is meant to be just read only.
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessCoreInfo {
+        "formController"?: FormController;
+    }
+    /**
+     * The difference between this component and business-generic-info-details
+     * is that this component is meant to be a form and send data
+     * and the other one  is meant to be just read only.
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessCoreInfoFormStep {
+        "authToken"?: string;
+        "businessId"?: string;
+        "onFormLoading"?: (event: JustifiBusinessCoreInfoFormStepCustomEvent<boolean>) => void;
+        "onServerError"?: (event: JustifiBusinessCoreInfoFormStepCustomEvent<BusinessFormServerErrorEvent>) => void;
+        "onSubmitted"?: (event: JustifiBusinessCoreInfoFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
     }
     /**
      * @exportedPart detail-section
@@ -1676,8 +1959,8 @@ declare namespace LocalJSX {
         "authToken"?: string;
         "businessId"?: string;
         "hideErrors"?: boolean;
-        "onClickEvent"?: (event: JustifiBusinessFormCustomEvent<{ data?: any, name: string }>) => void;
-        "onSubmitted"?: (event: JustifiBusinessFormCustomEvent<{ data: any }>) => void;
+        "onClickEvent"?: (event: JustifiBusinessFormCustomEvent<BusinessFormClickEvent>) => void;
+        "onSubmitted"?: (event: JustifiBusinessFormCustomEvent<BusinessFormSubmitEvent>) => void;
     }
     /**
      * @exportedPart label: Label for inputs
@@ -1688,21 +1971,9 @@ declare namespace LocalJSX {
         "authToken"?: string;
         "businessId"?: string;
         "hideErrors"?: boolean;
-        "onClickEvent"?: (event: JustifiBusinessFormSteppedCustomEvent<{ data?: any, name: string }>) => void;
-        "onSubmitted"?: (event: JustifiBusinessFormSteppedCustomEvent<{ data: any }>) => void;
+        "onClickEvent"?: (event: JustifiBusinessFormSteppedCustomEvent<BusinessFormClickEvent>) => void;
         "testMode"?: boolean;
     }
-    /**
-     * The difference between this component and business-generic-info-details
-     * is that this component is meant to be a form and send data
-     * and the other one  is meant to be just read only.
-     * @exportedPart label: Label for inputs
-     * @exportedPart input: The input fields
-     * @exportedPart input-invalid: Invalid state for inputfs
-     */
-    interface JustifiBusinessGenericInfo {
-        "formController"?: FormController;
-    }
     /**
      * @exportedPart table-head: Table head
      * @exportedPart table-head-row: Head row
@@ -1743,9 +2014,28 @@ declare namespace LocalJSX {
     interface JustifiBusinessOwners {
         "formController"?: FormController;
     }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiBusinessOwnersFormStep {
+        "authToken"?: string;
+        "businessId"?: string;
+        "onFormLoading"?: (event: JustifiBusinessOwnersFormStepCustomEvent<boolean>) => void;
+        "onServerError"?: (event: JustifiBusinessOwnersFormStepCustomEvent<BusinessFormServerErrorEvent>) => void;
+        "onSubmitted"?: (event: JustifiBusinessOwnersFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
+    }
     interface JustifiBusinessRepresentative {
         "formController"?: FormController;
     }
+    interface JustifiBusinessRepresentativeFormStep {
+        "authToken"?: string;
+        "businessId"?: string;
+        "onFormLoading"?: (event: JustifiBusinessRepresentativeFormStepCustomEvent<boolean>) => void;
+        "onServerError"?: (event: JustifiBusinessRepresentativeFormStepCustomEvent<BusinessFormServerErrorEvent>) => void;
+        "onSubmitted"?: (event: JustifiBusinessRepresentativeFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
+    }
     interface JustifiCardForm {
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -1811,6 +2101,18 @@ declare namespace LocalJSX {
     interface JustifiLegalAddressForm {
         "formController"?: FormController;
     }
+    /**
+     * @exportedPart label: Label for inputs
+     * @exportedPart input: The input fields
+     * @exportedPart input-invalid: Invalid state for inputfs
+     */
+    interface JustifiLegalAddressFormStep {
+        "authToken"?: string;
+        "businessId"?: string;
+        "onFormLoading"?: (event: JustifiLegalAddressFormStepCustomEvent<boolean>) => void;
+        "onServerError"?: (event: JustifiLegalAddressFormStepCustomEvent<BusinessFormServerErrorEvent>) => void;
+        "onSubmitted"?: (event: JustifiLegalAddressFormStepCustomEvent<BusinessFormSubmitEvent>) => void;
+    }
     interface JustifiNewPaymentMethod {
         "accountId"?: string;
         "clientId"?: string;
@@ -1819,6 +2121,17 @@ declare namespace LocalJSX {
         "onPaymentMethodOptionSelected"?: (event: JustifiNewPaymentMethodCustomEvent<any>) => void;
         "paymentMethodOption"?: PaymentMethodOption;
     }
+    interface JustifiOwnerForm {
+        "authToken"?: string;
+        "businessId"?: string;
+        "newFormOpen"?: boolean;
+        "onFormLoading"?: (event: JustifiOwnerFormCustomEvent<boolean>) => void;
+        "onServerError"?: (event: JustifiOwnerFormCustomEvent<OwnerFormServerErrorEvent>) => void;
+        "onSubmitted"?: (event: JustifiOwnerFormCustomEvent<OwnerFormSubmitEvent>) => void;
+        "ownerId"?: string;
+        "ownersLength"?: number;
+        "removeOwner"?: (id: string) => void;
+    }
     interface JustifiPaymentBalanceTransactions {
         "accountId"?: string;
         "authToken"?: string;
@@ -2097,23 +2410,30 @@ declare namespace LocalJSX {
         "generic-info-details": GenericInfoDetails;
         "gross-payment-chart-core": GrossPaymentChartCore;
         "justifi-additional-questions": JustifiAdditionalQuestions;
+        "justifi-additional-questions-form-step": JustifiAdditionalQuestionsFormStep;
         "justifi-bank-account-form": JustifiBankAccountForm;
         "justifi-billing-form": JustifiBillingForm;
         "justifi-business-address-form": JustifiBusinessAddressForm;
+        "justifi-business-address-form-step": JustifiBusinessAddressFormStep;
+        "justifi-business-core-info": JustifiBusinessCoreInfo;
+        "justifi-business-core-info-form-step": JustifiBusinessCoreInfoFormStep;
         "justifi-business-details": JustifiBusinessDetails;
         "justifi-business-form": JustifiBusinessForm;
         "justifi-business-form-stepped": JustifiBusinessFormStepped;
-        "justifi-business-generic-info": JustifiBusinessGenericInfo;
         "justifi-business-list": JustifiBusinessList;
         "justifi-business-owners": JustifiBusinessOwners;
+        "justifi-business-owners-form-step": JustifiBusinessOwnersFormStep;
         "justifi-business-representative": JustifiBusinessRepresentative;
+        "justifi-business-representative-form-step": JustifiBusinessRepresentativeFormStep;
         "justifi-card-form": JustifiCardForm;
         "justifi-checkout": JustifiCheckout;
         "justifi-checkout-core": JustifiCheckoutCore;
         "justifi-details": JustifiDetails;
         "justifi-gross-payment-chart": JustifiGrossPaymentChart;
         "justifi-legal-address-form": JustifiLegalAddressForm;
+        "justifi-legal-address-form-step": JustifiLegalAddressFormStep;
         "justifi-new-payment-method": JustifiNewPaymentMethod;
+        "justifi-owner-form": JustifiOwnerForm;
         "justifi-payment-balance-transactions": JustifiPaymentBalanceTransactions;
         "justifi-payment-details": JustifiPaymentDetails;
         "justifi-payment-form": JustifiPaymentForm;
@@ -2174,6 +2494,12 @@ declare module "@stencil/core" {
              * @exportedPart input-invalid: Invalid state for inputfs
              */
             "justifi-additional-questions": LocalJSX.JustifiAdditionalQuestions & JSXBase.HTMLAttributes<HTMLJustifiAdditionalQuestionsElement>;
+            /**
+             * @exportedPart label: Label for inputs
+             * @exportedPart input: The input fields
+             * @exportedPart input-invalid: Invalid state for inputfs
+             */
+            "justifi-additional-questions-form-step": LocalJSX.JustifiAdditionalQuestionsFormStep & JSXBase.HTMLAttributes<HTMLJustifiAdditionalQuestionsFormStepElement>;
             "justifi-bank-account-form": LocalJSX.JustifiBankAccountForm & JSXBase.HTMLAttributes<HTMLJustifiBankAccountFormElement>;
             /**
              * @exportedPart label: Label for inputs
@@ -2182,6 +2508,25 @@ declare module "@stencil/core" {
              */
             "justifi-billing-form": LocalJSX.JustifiBillingForm & JSXBase.HTMLAttributes<HTMLJustifiBillingFormElement>;
             "justifi-business-address-form": LocalJSX.JustifiBusinessAddressForm & JSXBase.HTMLAttributes<HTMLJustifiBusinessAddressFormElement>;
+            "justifi-business-address-form-step": LocalJSX.JustifiBusinessAddressFormStep & JSXBase.HTMLAttributes<HTMLJustifiBusinessAddressFormStepElement>;
+            /**
+             * The difference between this component and business-core-info-details
+             * is that this component is meant to be a form and send data
+             * and the other one  is meant to be just read only.
+             * @exportedPart label: Label for inputs
+             * @exportedPart input: The input fields
+             * @exportedPart input-invalid: Invalid state for inputfs
+             */
+            "justifi-business-core-info": LocalJSX.JustifiBusinessCoreInfo & JSXBase.HTMLAttributes<HTMLJustifiBusinessCoreInfoElement>;
+            /**
+             * The difference between this component and business-generic-info-details
+             * is that this component is meant to be a form and send data
+             * and the other one  is meant to be just read only.
+             * @exportedPart label: Label for inputs
+             * @exportedPart input: The input fields
+             * @exportedPart input-invalid: Invalid state for inputfs
+             */
+            "justifi-business-core-info-form-step": LocalJSX.JustifiBusinessCoreInfoFormStep & JSXBase.HTMLAttributes<HTMLJustifiBusinessCoreInfoFormStepElement>;
             /**
              * @exportedPart detail-section
              * @exportedPart detail-section-title
@@ -2202,15 +2547,6 @@ declare module "@stencil/core" {
              * @exportedPart input-invalid: Invalid state for inputfs
              */
             "justifi-business-form-stepped": LocalJSX.JustifiBusinessFormStepped & JSXBase.HTMLAttributes<HTMLJustifiBusinessFormSteppedElement>;
-            /**
-             * The difference between this component and business-generic-info-details
-             * is that this component is meant to be a form and send data
-             * and the other one  is meant to be just read only.
-             * @exportedPart label: Label for inputs
-             * @exportedPart input: The input fields
-             * @exportedPart input-invalid: Invalid state for inputfs
-             */
-            "justifi-business-generic-info": LocalJSX.JustifiBusinessGenericInfo & JSXBase.HTMLAttributes<HTMLJustifiBusinessGenericInfoElement>;
             /**
              * @exportedPart table-head: Table head
              * @exportedPart table-head-row: Head row
@@ -2235,7 +2571,14 @@ declare module "@stencil/core" {
              * @exportedPart input-invalid: Invalid state for inputfs
              */
             "justifi-business-owners": LocalJSX.JustifiBusinessOwners & JSXBase.HTMLAttributes<HTMLJustifiBusinessOwnersElement>;
+            /**
+             * @exportedPart label: Label for inputs
+             * @exportedPart input: The input fields
+             * @exportedPart input-invalid: Invalid state for inputfs
+             */
+            "justifi-business-owners-form-step": LocalJSX.JustifiBusinessOwnersFormStep & JSXBase.HTMLAttributes<HTMLJustifiBusinessOwnersFormStepElement>;
             "justifi-business-representative": LocalJSX.JustifiBusinessRepresentative & JSXBase.HTMLAttributes<HTMLJustifiBusinessRepresentativeElement>;
+            "justifi-business-representative-form-step": LocalJSX.JustifiBusinessRepresentativeFormStep & JSXBase.HTMLAttributes<HTMLJustifiBusinessRepresentativeFormStepElement>;
             "justifi-card-form": LocalJSX.JustifiCardForm & JSXBase.HTMLAttributes<HTMLJustifiCardFormElement>;
             "justifi-checkout": LocalJSX.JustifiCheckout & JSXBase.HTMLAttributes<HTMLJustifiCheckoutElement>;
             "justifi-checkout-core": LocalJSX.JustifiCheckoutCore & JSXBase.HTMLAttributes<HTMLJustifiCheckoutCoreElement>;
@@ -2247,7 +2590,14 @@ declare module "@stencil/core" {
              * @exportedPart input-invalid: Invalid state for inputfs
              */
             "justifi-legal-address-form": LocalJSX.JustifiLegalAddressForm & JSXBase.HTMLAttributes<HTMLJustifiLegalAddressFormElement>;
+            /**
+             * @exportedPart label: Label for inputs
+             * @exportedPart input: The input fields
+             * @exportedPart input-invalid: Invalid state for inputfs
+             */
+            "justifi-legal-address-form-step": LocalJSX.JustifiLegalAddressFormStep & JSXBase.HTMLAttributes<HTMLJustifiLegalAddressFormStepElement>;
             "justifi-new-payment-method": LocalJSX.JustifiNewPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiNewPaymentMethodElement>;
+            "justifi-owner-form": LocalJSX.JustifiOwnerForm & JSXBase.HTMLAttributes<HTMLJustifiOwnerFormElement>;
             "justifi-payment-balance-transactions": LocalJSX.JustifiPaymentBalanceTransactions & JSXBase.HTMLAttributes<HTMLJustifiPaymentBalanceTransactionsElement>;
             /**
              * @exportedPart detail-loading-spinner