@goodhood-web/nebenan-base 3.4.0-development.47 → 3.4.0-development.49

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

@@ -1,6 +1,17 @@
 import { ReactNode } from 'react';
+import { TGridSpacing } from '../../Grids/Grid/Grid.types';
 import { GridItemProps } from '../../Grids/Grid/GridItem/GridItem.types';
+import { FormButtonProps } from '../Fields/FormButton/FormButtonProps';
+import { FormCodeInputProps } from '../Fields/FormCodeField';
+import { FormContentCreatorTileProps } from '../Fields/FormContentCreatorTile';
+import { FormGenderSelectorProps } from '../Fields/FormGenderSelector';
+import { FormHeaderProps } from '../Fields/FormHeader/FormHeader.types';
+import { FormNameAbbreviationProps } from '../Fields/FormNameAbbreviation';
+import { FormPasswordFieldProps } from '../Fields/FormPasswordField';
+import { FormPhoneInputProps } from '../Fields/FormPhoneInput';
+import { FormSelectInputProps } from '../Fields/FormSelectInput';
 import { FormTextInputProps } from '../Fields/FormTextInput';
+import { FormToggleInputProps } from '../Fields/FormToggleInput';
 import { FormProps } from '../Form/Form.types';
 export type FieldValueMap = {
     text: string;
@@ -13,11 +24,12 @@ type OnlyStrictFields<T extends readonly unknown[]> = Extract<T[number], StrictF
 export type InferFormData<T extends readonly unknown[]> = {
     [Field in OnlyStrictFields<T> as Field['name']]: FieldValueMap[Field['type']];
 };
-type StepType = 'text' | 'submit' | 'slot';
+type StepType = 'text' | 'submit' | 'slot' | 'selectInput' | 'formHeader' | 'button' | 'password' | 'genderSelector' | 'codeField' | 'tileButton' | 'nameAbbr' | 'toggle' | 'phoneInput';
 export type StepField = {
     id: string;
     layout?: {
         desktop?: GridItemProps['desktop'];
+        gapTop?: GridItemProps['gapTop'];
         mobile?: GridItemProps['mobile'];
     };
     type: StepType;
@@ -25,22 +37,76 @@ export type StepField = {
 export type TextField = StepField & FormTextInputProps & {
     type: 'text';
 };
+export type FormHeaderField = StepField & {
+    fieldConfig: FormHeaderProps;
+    type: 'formHeader';
+};
+export type GenderSelectorField = StepField & FormGenderSelectorProps & {
+    type: 'genderSelector';
+};
+export type SelectInputField = StepField & {
+    fieldConfig: FormSelectInputProps;
+    type: 'selectInput';
+};
+export type PhoneInputField = StepField & {
+    fieldConfig: FormPhoneInputProps;
+    type: 'phoneInput';
+};
+export type ContentCreatorTileField = StepField & {
+    fieldConfig: Omit<FormContentCreatorTileProps, 'selected'>;
+    type: 'tileButton';
+};
+export type ToggleField = StepField & FormToggleInputProps & {
+    type: 'toggle';
+};
+export type ButtonField = StepField & {
+    fieldConfig: Omit<FormButtonProps, 'id'>;
+    type: 'button';
+};
+export type PasswordField = StepField & FormPasswordFieldProps & {
+    type: 'password';
+};
+export type NameAbbreviationField = StepField & FormNameAbbreviationProps & {
+    type: 'nameAbbr';
+};
 export type SubmitField = StepField & {
+    fieldConfig?: {
+        label?: string;
+    };
     type: 'submit';
 };
+export type CodeField = StepField & {
+    fieldConfig: FormCodeInputProps;
+    type: 'codeField';
+};
 export type SlotField = StepField & {
     render: ({ key }: {
         key: string;
     }) => ReactNode;
     type: 'slot';
 };
-export type FormField = TextField | SubmitField | SlotField;
+export type FormField = TextField | FormHeaderField | GenderSelectorField | SelectInputField | PasswordField | ToggleField | ButtonField | NameAbbreviationField | ContentCreatorTileField | SubmitField | CodeField | SlotField | PhoneInputField;
 export type WizardStepT = {
+    canGoBack?: boolean;
+    canGoNext?: boolean;
     fields: FormField[];
-    id?: string;
-    onSubmit: FormProps<InferFormData<FormField[]>>['onSubmit'];
+    formError?: WizardProps['formError'];
+    formFieldMap?: Record<string, (field: FormField) => ReactNode | JSX.Element>;
+    formKey?: string;
+    id: string;
+    onSubmit?: FormProps<InferFormData<FormField[]>>['onSubmit'];
+    spacing?: TGridSpacing;
+    validationMode?: FormProps<InferFormData<FormField[]>>['validationMode'];
+    validationSchema?: FormProps<InferFormData<FormField[]>>['validationSchema'];
 };
 export type WizardProps = {
+    excludedSteps?: WizardStepT['id'][];
+    formError?: string | null;
+    formFieldMap?: Record<string, (field: FormField) => ReactNode | JSX.Element>;
+    formWrapper?: (props: ReactNode) => ReactNode;
+    id: string;
+    initialStep?: number | WizardStepT['id'];
+    onStepChange?: () => void;
     steps: WizardStepT[];
 };
 export {};

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

@@ -1,7 +1,14 @@
+import { OnFormSubmitType } from '../Form/Form.types';
+import { FormField, InferFormData, WizardStepT } from './Wizard.types';
 type TWizardContext = {
+    currentStep: number;
+    currentStepData: WizardStepT;
+    goToStep: (stepId: string, prevStepId?: string) => void;
     next: () => void;
-    onSumbitStep: (data: object) => void;
+    onSubmitStep: (data: OnFormSubmitType<InferFormData<FormField[]>>) => Promise<boolean | undefined>;
+    prevStep: string;
     previous: () => void;
+    totalSteps: number;
 };
 export declare const WizardContext: import('react').Context<TWizardContext>;
 export declare const WizardProvider: import('react').Provider<TWizardContext>;

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

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

package/lib/Grids/Grid/Grid.types.d.ts

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
 export declare const gridSpacing: string[];
-export type TGridSpacing = (typeof gridSpacing)[number];
+export type TGridSpacingBase = (typeof gridSpacing)[number];
+export type TGridSpacing = TGridSpacingBase | {
+    x: TGridSpacingBase;
+    y: TGridSpacingBase;
+};
 export type GridProps = {
     children: ReactNode;
-    spacing?: TGridSpacing | {
-        x: TGridSpacing;
-        y: TGridSpacing;
-    };
+    spacing?: TGridSpacing;
 };

package/lib/Grids/Grid/GridItem/GridItem.d.ts

@@ -1,3 +1,3 @@
 import { GridItemProps } from './GridItem.types';
-export declare const GridItem: ({ children, desktop, mobile }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridItem: ({ children, desktop, gapTop, mobile, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
 export default GridItem;

package/lib/Grids/Grid/GridItem/GridItem.types.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from 'react';
 export type GridItemProps = {
     children: ReactNode;
     desktop?: number;
+    gapTop?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     mobile?: number;
 };

package/lib/MobileLayout/MobileLayout.types.d.ts

@@ -12,4 +12,5 @@ export interface MobileLayoutProps {
     header: ReactElement<MobileHeaderBarProps>;
     hideHeaderOnScroll?: boolean;
     showFooter?: boolean;
+    withoutMobileLayout?: boolean;
 }

package/lib/Registration/Registration.d.ts

@@ -0,0 +1,3 @@
+import { RegistrationProps } from './Registration.types';
+declare const Registration: ({ fetchProfile, initialForm, initialFormStep, onRegistrationSubmit, onVerificationSubmit, registrationToken, status, }: RegistrationProps) => import("react/jsx-runtime").JSX.Element;
+export default Registration;

package/lib/Registration/Registration.store.d.ts

@@ -0,0 +1,4 @@
+import { PrimitiveAtom, WritableAtom } from 'jotai';
+import { RESET } from 'jotai/utils';
+export declare const getAtom: <T>(key: string, storage?: boolean, defaultValue?: T, sessionStorage?: boolean) => PrimitiveAtom<T>;
+export declare function withReset<T>(atom: PrimitiveAtom<T>): WritableAtom<T, [typeof RESET], void>;

package/lib/Registration/Registration.types.d.ts

@@ -0,0 +1,17 @@
+import { RegistrationResponse, VerificationMethods, VerificationSMSResponse } from '../../../../api/src/lib/core';
+export declare enum State {
+    EMAIL_CONFIRMATION = "EMAIL_CONFIRMATION",
+    REGISTRATION_FORM = "REGISTRATION_FORM",
+    VERIFICATION_FORM = "VERIFICATION_FORM"
+}
+export interface RegistrationProps {
+    fetchProfile: () => void;
+    initialForm?: keyof typeof State;
+    initialFormStep?: string | number;
+    onRegistrationSubmit: (data: RegistrationResponse) => void;
+    onVerificationSubmit: (data?: VerificationSMSResponse) => void;
+    registrationToken: string | null;
+    status: {
+        verification_methods: VerificationMethods;
+    };
+}

package/lib/Registration/RegistrationCard/RegistrationCard.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+declare const RegistrationCard: ({ children, progressBar, }: {
+    children: ReactNode;
+    progressBar?: {
+        currentStep?: number;
+        steps?: number;
+    };
+}) => import("react/jsx-runtime").JSX.Element;
+export default RegistrationCard;

package/lib/Registration/RegistrationFieldMappings/RegistrationFieldMappings.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+import { RegistrationFormProps } from './RegistrationForm.types';
+declare const RegistrationForm: ({ initialStep, onSubmit }: RegistrationFormProps) => import("react/jsx-runtime").JSX.Element;
+export default RegistrationForm;

package/lib/Registration/RegistrationForm/RegistrationForm.types.d.ts

@@ -0,0 +1,5 @@
+import { RegistrationResponse } from '../../../../../api/src/lib/core';
+export interface RegistrationFormProps {
+    initialStep?: string | number;
+    onSubmit: (data: RegistrationResponse) => void;
+}

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

@@ -0,0 +1,2 @@
+import { WizardStepT } from '../../../Forms';
+export declare const getAddressStep: () => WizardStepT;

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

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

package/lib/Registration/RegistrationForm/Steps/Name.d.ts

@@ -0,0 +1,2 @@
+import { WizardStepT } from '../../../Forms';
+export declare const getNameStep: () => WizardStepT;

package/lib/Registration/RegistrationForm/Steps/index.d.ts

@@ -0,0 +1,4 @@
+import { getAddressStep } from './Address';
+import { getEmailStep } from './Email';
+import { getNameStep } from './Name';
+export { getNameStep, getEmailStep, getAddressStep };

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

@@ -0,0 +1,4 @@
+import { RegistrationResponse } from '../../../../../api/src/lib/core';
+import { FormField, InferFormData } from '../../Forms';
+import { OnFormSubmitType } from '../../Forms/Form/Form.types';
+export declare const handleRegistration: (data: OnFormSubmitType<InferFormData<FormField[]>>, onSubmit: (data: RegistrationResponse) => void, setFormError: (error: string | null) => void, setUserEmail: (value: string) => void) => Promise<boolean | undefined>;

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

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

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

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

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

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

package/lib/Registration/VerificationForm/Steps/Methods.d.ts

@@ -0,0 +1,3 @@
+import { VerificationMethods } from '../../../../../../api/src/lib/core';
+import { WizardStepT } from '../../../Forms';
+export declare const getMethods: (onClick: () => void, verificationMethod: VerificationMethods) => WizardStepT;

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

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

package/lib/Registration/VerificationForm/Steps/PostalCodeRequested.d.ts

@@ -0,0 +1,2 @@
+import { WizardStepT } from '../../../Forms';
+export declare const getPostalCodeRequested: () => WizardStepT;

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

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

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

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

package/lib/Registration/VerificationForm/Steps/index.d.ts

@@ -0,0 +1,7 @@
+import { getInviteCodeMethod } from './InviteCode';
+import { getMethods } from './Methods';
+import { getPostalCodeMethod } from './PostalCode';
+import { getPostalCodeRequested } from './PostalCodeRequested';
+import { getSmsMethod } from './Sms';
+import { getSmsCodeMethod } from './SmsCode';
+export { getSmsMethod, getSmsCodeMethod, getPostalCodeMethod, getInviteCodeMethod, getMethods, getPostalCodeRequested, };

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

@@ -0,0 +1,3 @@
+import { VerificationFormProps } from './VerificationForm.types';
+declare const VerificationForm: ({ fetchProfile, initialStep, onSubmit, status, token, }: VerificationFormProps) => import("react/jsx-runtime").JSX.Element;
+export default VerificationForm;

package/lib/Registration/VerificationForm/VerificationForm.types.d.ts

@@ -0,0 +1,10 @@
+import { VerificationMethods, VerificationSMSResponse } from '../../../../../api/src/lib/core';
+export interface VerificationFormProps {
+    fetchProfile: () => void;
+    initialStep?: string | number;
+    onSubmit: (data?: VerificationSMSResponse) => void;
+    status: {
+        verification_methods: VerificationMethods;
+    };
+    token: string | null;
+}