@goodhood-web/nebenan-base 3.4.0-development.5 → 3.4.0-development.50

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/Gallery/Gallery.d.ts

@@ -0,0 +1,3 @@
+import { GalleryProps } from './Gallery.types';
+export declare const Gallery: ({ ads, ctaSlot, footerAd, images, reserved, stickerSlot, type, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
+export default Gallery;

package/lib/Gallery/Gallery.types.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ImageAttachmentProps } from '../ImageAttachment/ImageAttachment.types';
+export type GalleryAdType = {
+    position: number;
+    render: FC<{
+        onHide: () => void;
+        onRender?: () => void;
+    }>;
+};
+export type GalleryProps = {
+    ads?: GalleryAdType[];
+    ctaSlot?: ImageAttachmentProps['ctaSlot'];
+    footerAd?: GalleryAdType;
+    images: ImageAttachmentProps['images'];
+    reserved?: ImageAttachmentProps['reserved'];
+    stickerSlot?: ImageAttachmentProps['stickerSlot'];
+    type?: ImageAttachmentProps['type'];
+};

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/ImageAttachment/ImageAttachment.d.ts

@@ -0,0 +1,3 @@
+import { ImageAttachmentProps } from './ImageAttachment.types';
+export declare const ImageAttachment: ({ activeIndex, ctaSlot, images, onImageClick, reserved, stickerSlot, type, }: ImageAttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageAttachment;

package/lib/ImageAttachment/ImageAttachment.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+export type ImageAttachmentProps = {
+    activeIndex?: number;
+    ctaSlot?: ReactElement;
+    images: string[];
+    onImageClick: (index: number) => void;
+    reserved?: boolean;
+    stickerSlot?: ReactElement;
+    type?: 'slideshow' | 'collage';
+};

package/lib/ImageAttachment/components/CollageImageAttachment/CollageImageAttachment.d.ts

@@ -0,0 +1,2 @@
+import { ImageAttachmentProps } from '../../ImageAttachment.types';
+export declare const CollageImageAttachment: ({ ctaSlot, images, onImageClick, stickerSlot, }: Omit<ImageAttachmentProps, "activeIndex" | "type">) => import("react/jsx-runtime").JSX.Element;

package/lib/ImageAttachment/components/PlaceholderImageAttachment/PlaceholderImageAttachment.d.ts

@@ -0,0 +1,7 @@
+import { ImageAttachmentProps } from '../../ImageAttachment.types';
+type PlaceholderImageAttachmentProps = {
+    ctaSlot?: ImageAttachmentProps['ctaSlot'];
+    type: ImageAttachmentProps['type'];
+};
+export declare const PlaceholderImageAttachment: ({ ctaSlot, type, }: PlaceholderImageAttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ImageAttachment/components/SwiperImageAttachment/SwiperImageAttachment.d.ts

@@ -0,0 +1,2 @@
+import { ImageAttachmentProps } from '../../ImageAttachment.types';
+export declare const SwiperImageAttachment: ({ activeIndex, ctaSlot, images, onImageClick, stickerSlot, }: Omit<ImageAttachmentProps, "type">) => import("react/jsx-runtime").JSX.Element;

package/lib/ImageCropper/ImageCropper.d.ts

@@ -0,0 +1,3 @@
+import { ImageCropperProps } from './ImageCropper.types';
+declare const ImageCropper: ({ aspectRatio, imageFile, onClose, onCrop, translations: t, }: ImageCropperProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageCropper;

package/lib/{ImagePicker → ImageCropper}/ImageCropper.types.d.ts

@@ -1,13 +1,12 @@
 export type ImageCropperProps = {
     aspectRatio?: number;
     imageFile?: File;
-    minCropHeight?: number;
-    minCropWidth?: number;
     onClose: () => void;
     onCrop: (image: File) => void;
     translations?: {
         close: string;
         crop: string;
+        mobileTitle: string;
         rotate: string;
         title: string;
     };

package/lib/ImageCropper/util.d.ts

@@ -0,0 +1,6 @@
+import { CropperRef, CropperState } from 'react-advanced-cropper';
+export declare const cropImage: (cropperRef: React.RefObject<CropperRef>, imgType: string, onCrop: (file: File) => void) => void;
+export declare const getDefaultSize: (state: CropperState) => {
+    height: number;
+    width: 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/ModalGallery/ModalGallery.d.ts

@@ -0,0 +1,3 @@
+import { ModalGalleryProps } from './ModalGallery.types';
+export declare const ModalGallery: ({ activeIndex, ads, footerAd, images, onClose, open, }: ModalGalleryProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ModalGallery;

package/lib/ModalGallery/ModalGallery.types.d.ts

@@ -0,0 +1,9 @@
+import { GalleryAdType, GalleryProps } from '../Gallery/Gallery.types';
+export type ModalGalleryProps = {
+    activeIndex: number;
+    ads?: GalleryProps['ads'];
+    footerAd?: GalleryAdType;
+    images: string[];
+    onClose: (index: number) => void;
+    open: boolean;
+};

package/lib/ModalGallery/utils.d.ts

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { GalleryProps } from '../Gallery/Gallery.types';
+type ImageAdItem = {
+    hidden: boolean;
+    position: number;
+    slideIndex: number;
+    src: string;
+    type: 'image';
+} | {
+    hidden: boolean;
+    position: number;
+    render: FC<{
+        onHide: () => void;
+        onRender?: () => void;
+    }>;
+    type: 'ad';
+};
+export declare const computeSlides: (images: string[], ads: GalleryProps["ads"]) => ImageAdItem[];
+export declare const checkPreviousAds: ({ index, slides, }: {
+    index: number;
+    slides: ImageAdItem[];
+}) => number;
+export declare const findSlideToGo: ({ activeIndex, slides, }: {
+    activeIndex: number;
+    slides: ImageAdItem[];
+}) => number;
+export declare const cleanUpSlides: (slides: ImageAdItem[]) => ImageAdItem[];
+export {};

package/lib/Reactions/ReactionStack/ReactionStack.types.d.ts

@@ -1,4 +1,5 @@
 import { ReactionType } from '../../../../../api/src/lib/core';
+import { ReactionItemProps } from './components/ReactionItem/ReactionItem.types';
 export interface ReactionStackProps {
     activeReaction?: ReactionType;
     expanded?: boolean;
@@ -9,9 +10,4 @@ export interface ReactionStackProps {
     stack?: boolean;
     toolTipSpacing?: string;
 }
-export interface Reaction {
-    count?: number;
-    reaction: ReactionType;
-    selected?: boolean;
-    tooltip?: string;
-}
+export type Reaction = Pick<ReactionItemProps, 'count' | 'reaction' | 'selected' | 'tooltip'>;

package/lib/Reactions/ReactionStack/components/ReactionItem/ReactionItem.types.d.ts

@@ -1,13 +1,14 @@
+import { ReactNode } from 'react';
 import { ReactionType } from '../../../../../../../api/src/lib/core';
 export type ReactionItemProps = {
     activeReaction?: ReactionType;
-    count: number | undefined;
+    count?: number;
     expanded: boolean;
     onSelect: (reaction: ReactionType) => void;
     reaction: ReactionType;
-    selected: boolean | undefined;
+    selected?: boolean;
     size?: 'small' | 'big';
     stack: boolean;
     toolTipSpacing?: string;
-    tooltip?: string;
+    tooltip?: string | ReactNode;
 };

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;
+}