@goodhood-web/nebenan-base 3.4.0-next.1 → 3.5.0-development.1

package/lib/Forms/Fields/PhoneInput/util.d.ts

@@ -0,0 +1,153 @@
+import { CountryCode } from '../../../../../../ui/src/lib/Base/FlagIcon/FlagIcon.types';
+import { Option } from '../SelectInput/SelectInput.types';
+export declare const euCountries: readonly [{
+    readonly code: "AT";
+    readonly dial_code: "+43";
+    readonly local_name: "Österreich";
+    readonly name: "Austria";
+}, {
+    readonly code: "BE";
+    readonly dial_code: "+32";
+    readonly local_name: "België";
+    readonly name: "Belgium";
+}, {
+    readonly code: "BG";
+    readonly dial_code: "+359";
+    readonly local_name: "България";
+    readonly name: "Bulgaria";
+}, {
+    readonly code: "HR";
+    readonly dial_code: "+385";
+    readonly local_name: "Hrvatska";
+    readonly name: "Croatia";
+}, {
+    readonly code: "CY";
+    readonly dial_code: "+357";
+    readonly local_name: "Κύπρος";
+    readonly name: "Cyprus";
+}, {
+    readonly code: "CZ";
+    readonly dial_code: "+420";
+    readonly local_name: "Česko";
+    readonly name: "Czechia";
+}, {
+    readonly code: "DK";
+    readonly dial_code: "+45";
+    readonly local_name: "Danmark";
+    readonly name: "Denmark";
+}, {
+    readonly code: "EE";
+    readonly dial_code: "+372";
+    readonly local_name: "Eesti";
+    readonly name: "Estonia";
+}, {
+    readonly code: "FI";
+    readonly dial_code: "+358";
+    readonly local_name: "Suomi";
+    readonly name: "Finland";
+}, {
+    readonly code: "FR";
+    readonly dial_code: "+33";
+    readonly local_name: "France";
+    readonly name: "France";
+}, {
+    readonly code: "DE";
+    readonly dial_code: "+49";
+    readonly local_name: "Deutschland";
+    readonly name: "Germany";
+}, {
+    readonly code: "GR";
+    readonly dial_code: "+30";
+    readonly local_name: "Ελλάς";
+    readonly name: "Greece";
+}, {
+    readonly code: "HU";
+    readonly dial_code: "+36";
+    readonly local_name: "Magyarország";
+    readonly name: "Hungary";
+}, {
+    readonly code: "IE";
+    readonly dial_code: "+353";
+    readonly local_name: "Éire";
+    readonly name: "Ireland";
+}, {
+    readonly code: "IT";
+    readonly dial_code: "+39";
+    readonly local_name: "Italia";
+    readonly name: "Italy";
+}, {
+    readonly code: "LV";
+    readonly dial_code: "+371";
+    readonly local_name: "Latvija";
+    readonly name: "Latvia";
+}, {
+    readonly code: "LT";
+    readonly dial_code: "+370";
+    readonly local_name: "Lietuva";
+    readonly name: "Lithuania";
+}, {
+    readonly code: "LU";
+    readonly dial_code: "+352";
+    readonly local_name: "Luxembourg";
+    readonly name: "Luxembourg";
+}, {
+    readonly code: "MT";
+    readonly dial_code: "+356";
+    readonly local_name: "Malta";
+    readonly name: "Malta";
+}, {
+    readonly code: "NL";
+    readonly dial_code: "+31";
+    readonly local_name: "Nederland";
+    readonly name: "Netherlands";
+}, {
+    readonly code: "PL";
+    readonly dial_code: "+48";
+    readonly local_name: "Polska";
+    readonly name: "Poland";
+}, {
+    readonly code: "PT";
+    readonly dial_code: "+351";
+    readonly local_name: "Portugal";
+    readonly name: "Portugal";
+}, {
+    readonly code: "RO";
+    readonly dial_code: "+40";
+    readonly local_name: "România";
+    readonly name: "Romania";
+}, {
+    readonly code: "SK";
+    readonly dial_code: "+421";
+    readonly local_name: "Slovensko";
+    readonly name: "Slovakia";
+}, {
+    readonly code: "SI";
+    readonly dial_code: "+386";
+    readonly local_name: "Slovenija";
+    readonly name: "Slovenia";
+}, {
+    readonly code: "ES";
+    readonly dial_code: "+34";
+    readonly local_name: "España";
+    readonly name: "Spain";
+}, {
+    readonly code: "SE";
+    readonly dial_code: "+46";
+    readonly local_name: "Sverige";
+    readonly name: "Sweden";
+}];
+export declare const euCountriesOpened: readonly [{
+    readonly code: "FR";
+    readonly dial_code: "+33";
+}, {
+    readonly code: "DE";
+    readonly dial_code: "+49";
+}, {
+    readonly code: "IT";
+    readonly dial_code: "+39";
+}, {
+    readonly code: "ES";
+    readonly dial_code: "+34";
+}];
+export declare const isCountryCode: (code: string) => code is CountryCode;
+export declare const getFormattedOptions: () => Option[];

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

@@ -0,0 +1,3 @@
+import { SelectInputProps } from './SelectInput.types';
+declare const SelectInput: ({ className, defaultValue, disabled, errorText, iconButton, id, label, name, onSelect, options, readonly, sheetBreakpoint, size, style, }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectInput;

package/lib/Forms/Fields/SelectInput/SelectInput.types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { TextInputProps } from '../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+import { CountryCode } from '../../../../../../ui/src/lib/Base/FlagIcon/FlagIcon.types';
+import { SheetBreakpoint } from '../../../../../../ui/src/lib/Organisms/Modals/Sheet/Sheet.types';
+export type Option = {
+    children: ReactNode;
+    code?: CountryCode;
+    label: string | undefined;
+    value: string;
+};
+export declare enum OpenState {
+    DROPDOWN = "dropdown",
+    NONE = "none",
+    SHEET = "sheet"
+}
+export interface SelectInputProps {
+    className?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    errorText?: string;
+    iconButton?: TextInputProps['iconButton'];
+    id: string;
+    label?: string;
+    name?: string;
+    onSelect: (option: string | null) => void;
+    options: Option[];
+    readonly?: boolean;
+    sheetBreakpoint?: SheetBreakpoint;
+    size?: TextInputProps['size'];
+    style?: TextInputProps['colorScheme'];
+}

package/lib/Forms/Fields/SelectInput/components/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input.type';
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;

package/lib/Forms/Fields/SelectInput/components/Input/Input.type.d.ts

@@ -0,0 +1,5 @@
+import { TextInputProps } from '../../../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+export interface InputProps {
+    isOpen: boolean;
+    textInputProps: Pick<TextInputProps, 'size' | 'colorScheme' | 'iconButton' | 'errorText' | 'placeholder' | 'readonly' | 'label' | 'disabled' | 'flagIcon' | 'wrapperClassName' | 'onBlur' | 'onChange' | 'onKeyDown' | 'onClick' | 'name' | 'id' | 'value'>;
+}

package/lib/Forms/Fields/SelectInput/components/OptionsList/OptionsList.d.ts

@@ -0,0 +1,3 @@
+import { OptionsListProps } from './OptionsList.types';
+declare const OptionsList: ({ handleOptionKeyDown, handleOptionMouseDown, handleOptionMouseEnter, highlightedIndex, id, inputValue, isReadonly, options, }: OptionsListProps) => import("react/jsx-runtime").JSX.Element;
+export default OptionsList;

package/lib/Forms/Fields/SelectInput/components/OptionsList/OptionsList.types.d.ts

@@ -0,0 +1,11 @@
+import { Option } from '../../SelectInput.types';
+export interface OptionsListProps {
+    handleOptionKeyDown: (e: React.KeyboardEvent<HTMLLIElement>, option: string) => void;
+    handleOptionMouseDown: (e: React.MouseEvent<HTMLLIElement>, option: string) => void;
+    handleOptionMouseEnter: (index: number) => void;
+    highlightedIndex: number;
+    id: string;
+    inputValue: string;
+    isReadonly?: boolean;
+    options: Option[];
+}

package/lib/Forms/Fields/SelectInput/utils.d.ts

@@ -0,0 +1,4 @@
+import { Option } from './SelectInput.types';
+export declare const getFilteredOptions: (options: Option[], inputValue: string, readonly?: boolean) => Option[];
+export declare const getFormattedOptions: (options: string[]) => Option[];
+export declare const getSelectedOption: (options: Option[], inputValue: string) => Option;

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

@@ -1,8 +1,10 @@
 import { default as FormCheckboxInput } from './FormCheckboxInput';
+import { default as FormContentCreatorTile } from './FormContentCreatorTile';
 import { default as FormInputFieldSpecial } from './FormInputFieldSpecial';
+import { default as FormPhoneInput } from './FormPhoneInput';
 import { default as FormRadioButton } from './FormRadioButton';
 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, FormRadioButton, FormRadioButtonCluster, FormTextInput, FormTextAreaInput, FormToggleInput, FormInputFieldSpecial, };
+export { FormCheckboxInput, FormInputFieldSpecial, FormPhoneInput, FormRadioButton, FormRadioButtonCluster, FormTextAreaInput, FormTextInput, FormContentCreatorTile, FormToggleInput, };

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

@@ -0,0 +1 @@
+export declare function parsePhoneNumber(phoneNumber: string, part?: 'code' | 'number' | 'full'): string;

package/lib/Forms/Form/Form.d.ts

@@ -1,3 +1,3 @@
 import { FieldValues } from 'react-hook-form';
 import { FormProps } from './Form.types';
-export default function Form<FormData extends FieldValues>({ children, className, initialValues, onSubmit, validationSchema, }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;
+export default function Form<FormData extends FieldValues>({ children, className, id, formKey, initialValues, onSubmit, formError, validationSchema, validationMode, }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
-import { DefaultValues, FieldValues, UseFormReturn } from 'react-hook-form';
+import { DefaultValues, FieldValues, Mode, UseFormReturn } from 'react-hook-form';
 import { ZodType } from 'zod';
-export type OnSubmitFunction<FormData extends FieldValues> = (arg: OnFormSubmitType<FormData>) => void;
+import { TGridSpacing } from '../../Grids/Grid/Grid.types';
+export type OnSubmitFunction<FormData extends FieldValues> = (arg: OnFormSubmitType<FormData>) => Promise<boolean | undefined | string>;
 export type OnFormSubmitType<FormData extends FieldValues> = {
     data: FormData;
     methods?: UseFormReturn<FormData>;
@@ -9,7 +10,15 @@ export type OnFormSubmitType<FormData extends FieldValues> = {
 export type FormProps<FormData extends FieldValues> = {
     children: ReactNode | ReactNode[];
     className?: string;
+    formError?: string | null;
+    formKey?: string;
+    id: string;
     initialValues?: DefaultValues<FormData>;
-    onSubmit: OnSubmitFunction<FormData>;
+    onSubmit?: OnSubmitFunction<FormData>;
+    spacing?: TGridSpacing;
+    validationMode?: Mode;
     validationSchema?: ZodType<FormData>;
 };
+export interface Data {
+    [key: string]: FieldValues;
+}

package/lib/Forms/Form/utils/parseApiErrors.d.ts

@@ -0,0 +1,5 @@
+export interface FormErrorMessageObject {
+    field: string | null;
+    message: string;
+}
+export declare function parseAndSetFormErrors(error: any, fieldId?: string): FormErrorMessageObject | string;

package/lib/Forms/Form/utils/utils.d.ts

@@ -0,0 +1,4 @@
+import { Data } from '../Form.types';
+export declare const getFormattedFormDate: (data: Data, storedData: Data) => {
+    [x: string]: any;
+};

package/lib/Forms/Form.store.d.ts

@@ -0,0 +1,7 @@
+import { PrimitiveAtom } from 'jotai';
+import { SyncStorage } from 'jotai/vanilla/utils/atomWithStorage';
+import { Data } from './Form/Form.types';
+export declare const sessionStorageSync: <T>() => SyncStorage<T>;
+export declare const formAtomStorage: <T>(key: string, defaultValue: T, storage: boolean, sessionStorage?: boolean) => PrimitiveAtom<T>;
+export declare const getFormAtom: <T>(formKey: string, storage: boolean | undefined, defaultValue: T, sessionStorage?: boolean) => PrimitiveAtom<T>;
+export declare const getFormAtomData: (key: string, storedData: Data) => Record<string, unknown> | string | undefined;

package/lib/Forms/GridForm/GridForm.d.ts

@@ -1,4 +1,4 @@
 import { FieldValues } from 'react-hook-form';
 import { FormProps } from '../Form/Form.types';
-export declare function GridForm<FormData extends FieldValues>({ children, ...props }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;
+export declare function GridForm<FormData extends FieldValues>({ children, spacing, ...props }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;
 export default GridForm;

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

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { WizardProps } from './Wizard.types';
-export default function Wizard({ steps }: PropsWithChildren<WizardProps>): import("react/jsx-runtime").JSX.Element;
+export default function Wizard({ excludedSteps, formError, formFieldMap, formWrapper, id, initialStep, onStepChange, steps, }: PropsWithChildren<WizardProps>): import("react/jsx-runtime").JSX.Element | null;

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/Reactions/ReactionSelection/ReactionSelection.types.d.ts

@@ -1,6 +1,6 @@
 import { PopupPlacement } from '@mui/base';
 import { ReactElement } from 'react';
-import { ReactionType } from '../../../../../api/src/lib/core';
+import { ReactionType } from '../../../../../api/src/lib/core_v2';
 import { Reaction } from '../ReactionStack/ReactionStack.types';
 export interface ReactionSelectionProps {
     buttonContent: ReactElement;

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

@@ -1,4 +1,5 @@
-import { ReactionType } from '../../../../../api/src/lib/core';
+import { ReactionType } from '../../../../../api/src/lib/core_v2';
+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 { ReactionType } from '../../../../../../../api/src/lib/core';
+import { ReactNode } from 'react';
+import { ReactionType } from '../../../../../../../api/src/lib/core_v2';
 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/Reactions/ReactionStack/components/ReactionPill/ReactionPill.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ReactionType } from '../../../../../../../api/src/lib/core';
+import { ReactionType } from '../../../../../../../api/src/lib/core_v2';
 import { ReactionPillProps } from './ReactionPill.type';
 export declare const renderReaction: (type: ReactionType, size?: "small" | "big") => ReactElement;
-declare const ReactionPill: ({ ariaDescribedBy, className, count, expanded, onClick, reaction, selected, size, stack, }: ReactionPillProps) => ReactElement;
+declare const ReactionPill: ({ ariaDescribedBy, className, count, expanded, onClick, reaction, selected, size, stack, transparent, }: ReactionPillProps) => ReactElement;
 export default ReactionPill;

package/lib/Reactions/ReactionStack/components/ReactionPill/ReactionPill.type.d.ts

@@ -1,12 +1,15 @@
-import { ReactionType } from '../../../../../../../api/src/lib/core';
+import { MouseEvent } from 'react';
+import { ReactionType } from '../../../../../../../api/src/lib/core_v2';
 import { BaseButtonProps } from '../../../../../../../ui/src/lib/Atoms/Buttons/Button/Button.types';
-export interface ReactionPillProps extends BaseButtonProps {
+export interface ReactionPillProps extends Omit<BaseButtonProps, 'onClick'> {
     ariaDescribedBy?: string;
     className?: string;
     count?: number;
     expanded?: boolean;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
     reaction: ReactionType;
     selected?: boolean;
     size?: 'small' | 'big';
     stack?: boolean;
+    transparent?: boolean;
 }

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

@@ -1,4 +1,4 @@
-import { ReactionUser, ReactionsGetPayload, ReactionsGetResponse } from '../../../../../api/src/lib/core';
+import { ReactionUser, ReactionsGetPayload, ReactionsGetResponse } from '../../../../../api/src/lib/core_v2';
 export interface ReactionTabListProps {
     closeText?: string;
     getPicturePlaceholder: (user: ReactionUser) => string;

package/lib/Reactions/utils.d.ts

@@ -1,4 +1,4 @@
-import { ReactionType } from '../../../../api/src/lib/core';
+import { ReactionType } from '../../../../api/src/lib/core_v2';
 import { Reaction } from './ReactionStack/ReactionStack.types';
 export declare const sortReactions: <T extends Reaction>(reactions: T[]) => T[];
 export declare const isReactionType: (key: string) => key is Exclude<ReactionType, "bookmark">;

package/lib/Register/Register.d.ts

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

package/lib/Register/Register.types.d.ts

@@ -0,0 +1,4 @@
+export interface RegisterProps {
+    onSubmit: (authToken: string) => void;
+    withGoogleSSO?: boolean;
+}

package/lib/Register/components/PrivacyInfoModal/PrivacyInfoModal.d.ts

@@ -0,0 +1,3 @@
+import { PrivacyInfoModalHeaderProps } from './PrivacyInfoModal.types';
+export declare const PrivacyInfoModalBody: () => import("react/jsx-runtime").JSX.Element;
+export declare const PrivacyInfoModalHeader: ({ onClose }: PrivacyInfoModalHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/Register/components/PrivacyInfoModal/PrivacyInfoModal.types.d.ts

@@ -0,0 +1,3 @@
+export interface PrivacyInfoModalHeaderProps {
+    onClose: () => void;
+}

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