@goodhood-web/nebenan-base 4.11.0-development.4 → 4.11.0-development.6

package/index.mjs

@@ -1616,7 +1616,7 @@ const tP = ({ children: t, className: e, spacing: n }) => {
       onBlur: o,
       value: d,
       name: a,
-      hintText: c ? l : void 0,
+      hintText: l,
       progressBar: c && /* @__PURE__ */ p(
         Tw,
         {
@@ -1665,7 +1665,7 @@ const yP = (t, e) => {
     defaultValue: l,
     name: i,
     rules: o
-  }), h = f.value ? Ww(f.value) : null, m = (k) => {
+  }), h = f.value && a ? Ww(f.value) : null, m = (k) => {
     f.onChange(k), c(i);
   }, g = (k, y) => y ? k.length < 8 && y.score >= 2 ? y.score - 1 : y.score : null;
   return /* @__PURE__ */ p(
@@ -75795,7 +75795,7 @@ function Zre(t) {
         url: h.cta_url
       });
       const g = Kre({ extendedEmbed: h });
-      console.log("Created node:", g.getType(), "isUnlinked:", g.__isUnlinked), r.append(g), l += h.title, i.set(h.cta_url, h), a.add(h.cta_url);
+      r.append(g), l += h.title, i.set(h.cta_url, h), a.add(h.cta_url);
     } else
       Bd(r, d), l += d;
     s = f;
@@ -75863,50 +75863,58 @@ function Jre({ onChange: t, value: e }) {
     let c = !1;
     return n.registerUpdateListener(({ editorState: f }) => {
       c || f.read(() => {
-        const d = Ve(), h = d.getTextContent();
-        if (h === i.current) return;
-        const { embeds: m, linkUrls: g } = U5(
+        const d = Ve();
+        let h = "";
+        const m = d.getChildren();
+        if (m.forEach((k, y) => {
+          "getChildren" in k && (k.getChildren().forEach((T) => {
+            T.getType() === "linebreak" ? h += `
+` : h += T.getTextContent();
+          }), y < m.length - 1 && (h += `
+`));
+        }), h === i.current) return;
+        const { embeds: g, linkUrls: v } = U5(
           d,
           l.current
         );
-        g.forEach((b) => {
-          s.current.has(b) || (s.current.add(b), o(b).then((k) => {
-            if ((k == null ? void 0 : k.status) === "success" && k.data) {
-              const y = {
-                associated_gid: k.data.gid,
-                cta_url: k.data.cta_url,
-                description: k.data.description,
-                image_url: k.data.image_url,
+        v.forEach((k) => {
+          s.current.has(k) || (s.current.add(k), o(k).then((y) => {
+            if ((y == null ? void 0 : y.status) === "success" && y.data) {
+              const S = {
+                associated_gid: y.data.gid,
+                cta_url: y.data.cta_url,
+                description: y.data.description,
+                image_url: y.data.image_url,
                 indices: null,
-                recommendations_count: k.data.recommendations_count,
-                role: k.data.role,
-                title: k.data.title
+                recommendations_count: y.data.recommendations_count,
+                role: y.data.role,
+                title: y.data.title
               };
-              l.current.set(b, y), n.getEditorState().read(() => {
-                const { embeds: S } = U5(
+              l.current.set(k, S), n.getEditorState().read(() => {
+                const { embeds: C } = U5(
                   Ve(),
                   l.current
-                ), C = e.embeddables.filter(
-                  (T) => T.role === "profile"
+                ), T = e.embeddables.filter(
+                  (A) => A.role === "profile"
                 );
                 a.current = !0, t({
                   ...e,
                   body: h,
-                  embeddables: [...S, ...C]
+                  embeddables: [...C, ...T]
                 });
               });
             }
-          }).catch((k) => {
-            console.error("Failed to fetch link metadata:", k);
+          }).catch((y) => {
+            console.error("Failed to fetch link metadata:", y);
           }));
-        }), s.current.forEach((b) => {
-          g.has(b) || (s.current.delete(b), l.current.delete(b));
+        }), s.current.forEach((k) => {
+          v.has(k) || (s.current.delete(k), l.current.delete(k));
         });
-        const v = e.embeddables.filter((b) => b.role === "profile");
+        const b = e.embeddables.filter((k) => k.role === "profile");
         i.current = h, a.current = !0, c = !0, t({
           ...e,
           body: h,
-          embeddables: [...m, ...v]
+          embeddables: [...g, ...b]
         }), setTimeout(() => {
           c = !1;
         }, 0);
@@ -88768,6 +88776,7 @@ export {
   h4 as MobileLayout,
   Fge as ModalGallery,
   pAe as NPEAggregator,
+  kP as PasswordField,
   zMe as PasswordForgotten,
   FMe as PasswordReset,
   px as PointOfInterest,

package/lib/Authentication/LoginForm/LoginFormFields.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../Forms';
 import { OnSubmitFunction } from '../../Forms/Form/Form.types';
-export declare const getLoginFormFields: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>, onClick?: () => void) => WizardStepT;
+export declare const getLoginFormFields: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>, onClick?: () => void) => WizardStepT;

package/lib/Authentication/LoginForm/network.d.ts

@@ -1,6 +1,6 @@
-import { FormField, InferFormData } from '../../Forms';
+import { FormFieldType, InferFormData } from '../../Forms';
 import { OnFormSubmitType } from '../../Forms/Form/Form.types';
 import { FormErrorMessageObject } from '../../Forms/Form/utils/parseApiErrors';
 import { OnSuccessResponse } from '../Authentication.types';
-export declare const handleLogin: (data: OnFormSubmitType<InferFormData<FormField[]>>, onSuccess: (data: OnSuccessResponse) => void, setFormError: (error: string | null) => void, setState: (state: string | null) => void) => Promise<boolean | undefined>;
+export declare const handleLogin: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>, onSuccess: (data: OnSuccessResponse) => void, setFormError: (error: string | null) => void, setState: (state: string | null) => void) => Promise<boolean | undefined>;
 export declare const handleLoginErrorMassage: (error: unknown, setFormError: (error: string | null) => void, setFormFieldError?: (errorMassage: FormErrorMessageObject) => void, identifier?: string) => boolean;

package/lib/Authentication/PasswordForgotten/PasswordForgottenFormFields.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../Forms';
 import { OnSubmitFunction } from '../../Forms/Form/Form.types';
-export declare const getPasswordForgottenFormFields: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getPasswordForgottenFormFields: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/PasswordForgotten/network.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData } from '../../Forms';
+import { FormFieldType, InferFormData } from '../../Forms';
 import { OnFormSubmitType } from '../../Forms/Form/Form.types';
-export declare const handleReset: (data: OnFormSubmitType<InferFormData<FormField[]>>, onSubmit: (userEmail: string, screen: string) => void, setFormError: (error: string | null) => void, submitter?: string) => Promise<boolean | undefined>;
+export declare const handleReset: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>, onSubmit: (userEmail: string, screen: string) => void, setFormError: (error: string | null) => void, submitter?: string) => Promise<boolean | undefined>;

package/lib/Authentication/PasswordReset/PasswordResetFormFields.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../Forms';
 import { OnSubmitFunction } from '../../Forms/Form/Form.types';
-export declare const getPasswordForgottenFormFields: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getPasswordForgottenFormFields: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/PasswordReset/network.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData } from '../../Forms';
+import { FormFieldType, InferFormData } from '../../Forms';
 import { OnFormSubmitType } from '../../Forms/Form/Form.types';
-export declare const handleReset: (data: OnFormSubmitType<InferFormData<FormField[]>>, onSubmit: (userEmail: string) => void, setFormError: (error: string | null) => void, token?: string) => Promise<boolean | undefined>;
+export declare const handleReset: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>, onSubmit: (userEmail: string) => void, setFormError: (error: string | null) => void, token?: string) => Promise<boolean | undefined>;

package/lib/Authentication/Registration/FieldMappings/FieldMappings.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
-import { FormField } from '../../../Forms';
-export declare const registrationFieldMap: Record<string, (field: FormField) => ReactNode | JSX.Element>;
+import { FormFieldType } from '../../../Forms';
+export declare const registrationFieldMap: Record<string, (field: FormFieldType) => ReactNode | JSX.Element>;

package/lib/Authentication/Registration/RegistrationForm/FieldMappings/FieldMappings.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
-import { FormField } from '../../../../Forms';
-export declare const registrationFormFieldMap: Record<string, (field: FormField) => ReactNode | JSX.Element>;
+import { FormFieldType } from '../../../../Forms';
+export declare const registrationFormFieldMap: Record<string, (field: FormFieldType) => ReactNode | JSX.Element>;

package/lib/Authentication/Registration/RegistrationForm/Steps/Address.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../../Forms';
 import { OnSubmitFunction } from '../../../../Forms/Form/Form.types';
-export declare const getAddressStep: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getAddressStep: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/Registration/RegistrationForm/Steps/Email.d.ts

@@ -1,6 +1,6 @@
 import { z } from 'zod';
-import { FormField, InferFormData, WizardStepT } from '../../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../../Forms';
 import { OnSubmitFunction } from '../../../../Forms/Form/Form.types';
 export declare const emailSchema: z.ZodString;
 export declare const passwordSchema: z.ZodEffects<z.ZodString, string, string>;
-export declare const getEmailStep: (onSubmit: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getEmailStep: (onSubmit: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/Registration/RegistrationForm/network.d.ts

@@ -1,6 +1,6 @@
-import { FormField, InferFormData } from '../../../Forms';
+import { FormFieldType, InferFormData } from '../../../Forms';
 import { OnFormSubmitType } from '../../../Forms/Form/Form.types';
-export declare const handleRegistration: (data: OnFormSubmitType<InferFormData<FormField[]>>, trackingParams: Record<string, string | null>, onSuccess: (data: {
+export declare const handleRegistration: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>, trackingParams: Record<string, string | null>, onSuccess: (data: {
     access_token?: string | null;
     email_confirmation_required: boolean;
 }) => void, isSSOFlow: boolean | undefined, googleIdToken: string | null, invite_token?: string | null) => Promise<boolean | undefined>;

package/lib/Authentication/Registration/RegistrationForm/utils.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../Forms';
 import { OnSubmitFunction } from '../../../Forms/Form/Form.types';
-export declare const getRegistrationFormFields: (ssoRegistration: boolean, onSubmit: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT[];
+export declare const getRegistrationFormFields: (ssoRegistration: boolean, onSubmit: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT[];

package/lib/Authentication/Registration/VerificationForm/FieldMappings/FieldMappings.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
-import { FormField } from '../../../../Forms';
-export declare const verificationFormFieldMap: Record<string, (field: FormField) => ReactNode | JSX.Element>;
+import { FormFieldType } from '../../../../Forms';
+export declare const verificationFormFieldMap: Record<string, (field: FormFieldType) => ReactNode | JSX.Element>;

package/lib/Authentication/Registration/VerificationForm/Steps/Gps.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../../Forms';
 import { OnSubmitFunction } from '../../../../Forms/Form/Form.types';
-export declare const getGpsMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getGpsMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/Registration/VerificationForm/Steps/InviteCode.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../../Forms';
 import { OnSubmitFunction } from '../../../../Forms/Form/Form.types';
-export declare const getInviteCodeMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getInviteCodeMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/Registration/VerificationForm/Steps/PostalCode.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../../Forms';
 import { OnSubmitFunction } from '../../../../Forms/Form/Form.types';
-export declare const getPostalCodeMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getPostalCodeMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/Registration/VerificationForm/Steps/Sms.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../../Forms';
 import { OnSubmitFunction } from '../../../../Forms/Form/Form.types';
-export declare const getSmsMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getSmsMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/Registration/VerificationForm/Steps/SmsCode.d.ts

@@ -1,3 +1,3 @@
-import { FormField, InferFormData, WizardStepT } from '../../../../Forms';
+import { FormFieldType, InferFormData, WizardStepT } from '../../../../Forms';
 import { OnSubmitFunction } from '../../../../Forms/Form/Form.types';
-export declare const getSmsCodeMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>) => WizardStepT;
+export declare const getSmsCodeMethod: (onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>) => WizardStepT;

package/lib/Authentication/Registration/VerificationForm/network.d.ts

@@ -1,8 +1,8 @@
 import { VerificationGPSResponse, VerificationSMSResponse } from '../../../../../../api/src/lib/core_v2';
-import { FormField, InferFormData } from '../../../Forms';
+import { FormFieldType, InferFormData } from '../../../Forms';
 import { OnFormSubmitType } from '../../../Forms/Form/Form.types';
-export declare const handleSmsCodeRequest: (data: OnFormSubmitType<InferFormData<FormField[]>>, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean>;
-export declare const handleSmsCodeSend: (data: OnFormSubmitType<InferFormData<FormField[]>>, onSubmit: (data: VerificationSMSResponse) => void, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean | undefined>;
-export declare const handleInviteCodeSend: (data: OnFormSubmitType<InferFormData<FormField[]>>, onSubmit: (data: VerificationSMSResponse) => void, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean | undefined>;
+export declare const handleSmsCodeRequest: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean>;
+export declare const handleSmsCodeSend: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>, onSubmit: (data: VerificationSMSResponse) => void, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean | undefined>;
+export declare const handleInviteCodeSend: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>, onSubmit: (data: VerificationSMSResponse) => void, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean | undefined>;
 export declare const handlePostalCodeRequest: (onFetchProfile: () => Promise<void>, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean | "postalCodeRequested">;
 export declare const handleGpsVerification: (onSubmit: (data: VerificationGPSResponse) => void, setFormError: (error: string | null) => void, token: string | null) => Promise<boolean>;

package/lib/Authentication/Registration/VerificationForm/utils.d.ts

@@ -1,5 +1,5 @@
 import { VerificationMethods } from '../../../../../../api/src/lib/core_v2';
-import { FormField } from '../../../Forms';
+import { FormFieldType } from '../../../Forms';
 export declare const VERIFICATION_POSSIBLE = 0;
 export declare const VERIFICATION_PENDING = 1;
 export declare const VERIFICATION_KEY_CODE = "code";
@@ -61,7 +61,7 @@ export declare const VERIFICATION_METHODS_FIELDS: {
         type: string;
     };
 };
-export declare const getVerificationMethods: (verificationMethods: VerificationMethods) => FormField[];
+export declare const getVerificationMethods: (verificationMethods: VerificationMethods) => FormFieldType[];
 export declare const isPostcardRequested: (status: {
     is_postcard_verification_pending: boolean;
 }) => boolean;

package/lib/Forms/DynamicForm/DynamicForm.d.ts

@@ -1,10 +1,10 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { TGridSpacing } from '../../Grids/Grid/Grid.types';
-import { FormField } from '../Wizard/Wizard.types';
+import { FormFieldType } from '../Wizard/Wizard.types';
 interface DynamicFormProps {
-    fields: FormField[];
+    fields: FormFieldType[];
     formError?: string | null;
-    formFieldMap?: Record<string, (field: FormField) => ReactNode>;
+    formFieldMap?: Record<string, (field: FormFieldType) => ReactNode>;
     spacing?: TGridSpacing;
 }
 export declare function DynamicForm({ fields, formError, formFieldMap, spacing, }: PropsWithChildren<DynamicFormProps>): import("react/jsx-runtime").JSX.Element;

package/lib/Forms/DynamicForm/StandaloneDynamicForm.d.ts

@@ -3,17 +3,17 @@ import { Mode } from 'react-hook-form';
 import { ZodType } from 'zod';
 import { TGridSpacing } from '../../Grids/Grid/Grid.types';
 import { OnSubmitFunction } from '../Form/Form.types';
-import { FormField, InferFormData } from '../Wizard/Wizard.types';
+import { FormFieldType, InferFormData } from '../Wizard/Wizard.types';
 interface StandaloneDynamicFormProps {
-    fields: FormField[];
+    fields: FormFieldType[];
     formError?: string | null;
-    formFieldMap?: Record<string, (field: FormField) => React.ReactNode>;
+    formFieldMap?: Record<string, (field: FormFieldType) => React.ReactNode>;
     formKey?: string;
     id: string;
-    onSubmit?: OnSubmitFunction<InferFormData<FormField[]>>;
+    onSubmit?: OnSubmitFunction<InferFormData<FormFieldType[]>>;
     spacing?: TGridSpacing;
     validationMode?: Mode;
-    validationSchema?: ZodType<InferFormData<FormField[]>>;
+    validationSchema?: ZodType<InferFormData<FormFieldType[]>>;
 }
 export declare function StandaloneDynamicForm({ fields, formError, formFieldMap, formKey, id, onSubmit, spacing, validationMode, validationSchema, }: PropsWithChildren<StandaloneDynamicFormProps>): import("react/jsx-runtime").JSX.Element;
 export default StandaloneDynamicForm;

package/lib/Forms/Fields/index.d.ts

@@ -8,4 +8,5 @@ import { default as FormRadioButtonCluster } from './FormRadioButtonCluster';
 import { default as FormTextAreaInput } from './FormTextAreaInput';
 import { default as FormTextInput } from './FormTextInput';
 import { default as FormToggleInput } from './FormToggleInput';
-export { FormCheckboxInput, FormInputFieldSpecial, FormPasswordField, FormPhoneInput, FormRadioButton, FormRadioButtonCluster, FormTextAreaInput, FormTextInput, FormContentCreatorTile, FormToggleInput, };
+import { default as PasswordField } from './PasswordField/PasswordField';
+export { FormCheckboxInput, FormInputFieldSpecial, FormPasswordField, FormPhoneInput, FormRadioButton, FormRadioButtonCluster, FormTextAreaInput, FormTextInput, FormContentCreatorTile, FormToggleInput, PasswordField, };

package/lib/Forms/Wizard/Wizard.types.d.ts

@@ -27,7 +27,7 @@ export type InferFormData<T extends readonly unknown[]> = {
     [Field in OnlyStrictFields<T> as Field['name']]: FieldValueMap[Field['type']];
 };
 type StepType = 'text' | 'submit' | 'slot' | 'selectInput' | 'formHeader' | 'button' | 'password' | 'genderSelector' | 'codeField' | 'tileButton' | 'nameAbbr' | 'toggle' | 'phoneInput';
-export type StepField = {
+export type StepFieldType = {
     id: string;
     layout?: {
         desktop?: GridItemProps['desktop'];
@@ -36,79 +36,79 @@ export type StepField = {
     };
     type: StepType;
 };
-export type TextField = StepField & FormTextInputProps & {
+export type TextFieldType = StepFieldType & FormTextInputProps & {
     type: 'text';
 };
-export type FormHeaderField = StepField & {
+export type FormHeaderFieldType = StepFieldType & {
     fieldConfig: FormHeaderProps;
     type: 'formHeader';
 };
-export type GenderSelectorField = StepField & FormGenderSelectorProps & {
+export type GenderSelectorFieldType = StepFieldType & FormGenderSelectorProps & {
     type: 'genderSelector';
 };
-export type SelectInputField = StepField & {
+export type SelectInputFieldType = StepFieldType & {
     fieldConfig: FormSelectInputProps;
     type: 'selectInput';
 };
-export type PhoneInputField = StepField & {
+export type PhoneInputFieldType = StepFieldType & {
     fieldConfig: FormPhoneInputProps;
     type: 'phoneInput';
 };
-export type ContentCreatorTileField = StepField & {
+export type ContentCreatorTileFieldType = StepFieldType & {
     fieldConfig: Omit<FormContentCreatorTileProps, 'selected'>;
     type: 'tileButton';
 };
-export type ToggleField = StepField & FormToggleInputProps & {
+export type ToggleFieldType = StepFieldType & FormToggleInputProps & {
     type: 'toggle';
 };
-export type ButtonField = StepField & {
+export type ButtonFieldType = StepFieldType & {
     fieldConfig: FormButtonProps;
     type: 'button';
 };
-export type PasswordField = StepField & FormPasswordFieldProps & {
+export type PasswordFieldType = StepFieldType & FormPasswordFieldProps & {
     type: 'password';
 };
-export type NameAbbreviationField = StepField & FormNameAbbreviationProps & {
+export type NameAbbreviationFieldType = StepFieldType & FormNameAbbreviationProps & {
     type: 'nameAbbr';
 };
-export type SubmitField = StepField & {
+export type SubmitFieldType = StepFieldType & {
     fieldConfig?: {
         label?: string;
     };
     type: 'submit';
 };
-export type CodeField = StepField & {
+export type CodeFieldType = StepFieldType & {
     fieldConfig: FormCodeInputProps;
     type: 'codeField';
 };
-export type SlotField = StepField & {
+export type SlotFieldType = StepFieldType & {
     render: ({ key }: {
         key: string;
     }) => ReactNode;
     type: 'slot';
 };
-export type FormField = TextField | FormHeaderField | GenderSelectorField | SelectInputField | PasswordField | ToggleField | ButtonField | NameAbbreviationField | ContentCreatorTileField | SubmitField | CodeField | SlotField | PhoneInputField;
+export type FormFieldType = TextFieldType | FormHeaderFieldType | GenderSelectorFieldType | SelectInputFieldType | PasswordFieldType | ToggleFieldType | ButtonFieldType | NameAbbreviationFieldType | ContentCreatorTileFieldType | SubmitFieldType | CodeFieldType | SlotFieldType | PhoneInputFieldType;
 export type WizardStepT = {
     canGoBack?: boolean;
     canGoNext?: boolean;
-    fields: FormField[];
+    fields: FormFieldType[];
     formError?: WizardProps['formError'];
-    formFieldMap?: Record<string, (field: FormField) => ReactNode | JSX.Element>;
+    formFieldMap?: Record<string, (field: FormFieldType) => ReactNode | JSX.Element>;
     formKey?: string;
     id: string;
-    onSubmit?: FormProps<InferFormData<FormField[]>>['onSubmit'];
+    onSubmit?: FormProps<InferFormData<FormFieldType[]>>['onSubmit'];
     pageViewtracking?: {
         name: SnowplowTrackEventMap['page_view']['name'];
         section?: PageSection;
     };
     spacing?: TGridSpacing;
-    validationMode?: FormProps<InferFormData<FormField[]>>['validationMode'];
-    validationSchema?: FormProps<InferFormData<FormField[]>>['validationSchema'];
+    validationMode?: FormProps<InferFormData<FormFieldType[]>>['validationMode'];
+    validationSchema?: FormProps<InferFormData<FormFieldType[]>>['validationSchema'];
 };
 export type WizardProps = {
     excludedSteps?: WizardStepT['id'][];
     formError?: string | null;
-    formFieldMap?: Record<string, (field: FormField) => ReactNode | JSX.Element>;
+    formFieldMap?: Record<string, (field: FormFieldType) => ReactNode | JSX.Element>;
     formWrapper?: (props: ReactNode) => ReactNode;
     id: string;
     initialStep?: number | WizardStepT['id'];

package/lib/Forms/Wizard/WizardContext.d.ts

@@ -1,6 +1,6 @@
 import { UseFormReturn } from 'react-hook-form';
 import { OnFormSubmitType } from '../Form/Form.types';
-import { FormField, InferFormData, WizardStepT } from './Wizard.types';
+import { FormFieldType, InferFormData, WizardStepT } from './Wizard.types';
 type TWizardContext = {
     currentStep: number;
     currentStepData: WizardStepT;
@@ -8,7 +8,7 @@ type TWizardContext = {
     formMethods: UseFormReturn | null;
     goToStep: (stepId: string, prevStepId?: string) => void;
     next: () => void;
-    onSubmitStep: (data: OnFormSubmitType<InferFormData<FormField[]>>) => Promise<boolean | undefined>;
+    onSubmitStep: (data: OnFormSubmitType<InferFormData<FormFieldType[]>>) => Promise<boolean | undefined>;
     prevStep: string;
     previous: () => void;
     setFieldErrors: (errors: Record<string, string | string[]> | ((prev: Record<string, string | string[]>) => Record<string, string | string[]>)) => void;

package/lib/Forms/Wizard/useWizard.d.ts

@@ -3,7 +3,7 @@ export declare const useWizard: () => {
     currentStepData: import('./Wizard.types').WizardStepT;
     goToStep: (stepId: string, prevStepId?: string) => void;
     next: () => void;
-    onSubmitStep: (data: import('../Form/Form.types').OnFormSubmitType<import('./Wizard.types').InferFormData<import('./Wizard.types').FormField[]>>) => Promise<boolean | undefined>;
+    onSubmitStep: (data: import('../Form/Form.types').OnFormSubmitType<import('./Wizard.types').InferFormData<import('./Wizard.types').FormFieldType[]>>) => Promise<boolean | undefined>;
     prevStep: string;
     previous: () => void;
     totalSteps: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "4.11.0-development.4",
+  "version": "4.11.0-development.6",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",