@mindly/ui-components 5.90.3 → 5.91.1

package/dist/esm/lib2/shared/assets/icons/IconStudyHat.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../../types/iconProps';
+export declare const IconStudyHat: React.FC<IconProps>;

package/dist/esm/lib2/shared/assets/icons/index.d.ts

@@ -88,3 +88,10 @@ export * from './IconIdCard';
 export * from './IconProfile';
 export * from './IconReceiptLong';
 export * from './IconInvoice';
+export * from './IconRenew';
+export * from './IconDot';
+export * from './IconHeart';
+export * from './IconMindly';
+export * from './IconPlay';
+export * from './IconStudyHat';
+export * from './IconMindlyColored';

package/dist/esm/lib2/shared/types/common.d.ts

@@ -29,3 +29,4 @@ export declare enum ShortCurrencySignByLocale {
     'eur' = "EUR",
     'es' = "USD"
 }
+export declare const StripeSupportedCurrency: SupportedCurrency[];

package/dist/esm/lib2/shared/types/contract.d.ts

@@ -0,0 +1,12 @@
+export declare enum ContractStatusEnum {
+    active = "active",
+    pending = "pending",
+    expired = "expired",
+    outdated = "outdated"
+}
+export declare enum ClientSpecialistContractStatusEnum {
+    active = "active",
+    signed_by_specialist = "signed_by_specialist",
+    signed_by_client = "signed_by_client",
+    expired = "expired"
+}

package/dist/esm/lib2/shared/types/iconProps.d.ts

@@ -3,4 +3,5 @@ export interface IconProps extends SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
     className?: string;
+    filled?: boolean;
 }

package/dist/esm/lib2/shared/types/index.d.ts

@@ -5,3 +5,7 @@ export * from './common';
 export * from './getCountryKeyByName';
 export * from './responseFileType';
 export * from './onBoardingFlow.type';
+export * from './specialistTypes';
+export * from './review';
+export * from './contract';
+export * from './user';

package/dist/esm/lib2/shared/types/review.d.ts

@@ -0,0 +1,19 @@
+export type SpecialistReview = {
+    id: string;
+    specialist_id: string;
+    client_id: string;
+    client_avatar: string | null;
+    client_country: string;
+    client_first_name: string;
+    client_last_name?: string | null;
+    /**
+     * Count of stars that client gave to specialist (1-5)
+     */
+    review_rating: number;
+    text_of_review: string | null;
+    /**
+     * Timestamp of review creation
+     */
+    created_at: number;
+    review_status: 'on_review' | 'approved' | 'rejected';
+};

package/dist/esm/lib2/shared/types/specialistTypes.d.ts

@@ -0,0 +1,65 @@
+import { SupportedCurrency } from './common';
+import { ClientSpecialistContractStatusEnum, ContractStatusEnum } from './contract';
+import { Sex } from './user';
+export type SpecialistEducation = {
+    institution_name: string;
+    institution_logo_link?: string;
+    certificate_link?: string;
+    faculty?: string;
+    year_start?: number;
+    year_end?: number;
+};
+export type Specialist = {
+    id: string;
+    slug: string;
+    first_name: string;
+    last_name: string;
+    specialization?: string;
+    session_price_uah: number;
+    session_price: number;
+    session_price_type: SupportedCurrency;
+    session_duration_minutes: number;
+    video_link?: string;
+    video_cover_link: string;
+    video_duration_seconds: number;
+    super_specialist: boolean;
+    reviews_average_rating: number;
+    reviews_count: number;
+    profile_lang: string;
+    summary: string;
+    years_of_experience: number;
+    hours_of_practice?: number;
+    specialist_list_photo_link?: string;
+    is_active: boolean;
+    is_public?: boolean;
+    full_name_in_instrumental_case: string;
+    profile_photo_link?: string;
+    video_calling_photo_link?: string;
+    about?: string;
+    areas_of_work: Array<string> | [];
+    areas_of_work_by_client_problem: Array<string> | [];
+    therapy_description?: string;
+    avatar_link?: string;
+    time_zone: string;
+    mindly_contract_status?: ContractStatusEnum;
+    client?: {
+        specialist_client_contract_id?: string;
+        specialist_client_contract_status?: ClientSpecialistContractStatusEnum;
+    };
+    education: SpecialistEducation[];
+    sex: Sex;
+    active_clients?: number;
+    sessions_count?: number;
+    country_of_birthday?: string;
+    languages: Array<string> | [];
+    year_of_birthday?: number;
+    reviews_count_by_stars: {
+        [key: string]: number;
+    };
+    percent_match: number;
+    session_count_by_3_days?: number;
+    favourite?: boolean;
+    app_lang?: string;
+    isFavourite?: boolean;
+    subscription_discounts?: Record<string, number>;
+};

package/dist/esm/lib2/shared/types/user.d.ts

@@ -0,0 +1,33 @@
+export type Sex = 'male' | 'female';
+export type SpecialistOrderType = {
+    specialist_id: string;
+    match: number;
+    matching_by_areas?: string[];
+    matching_by_specialization?: string[];
+};
+export type UserType = {
+    id?: string | undefined;
+    avatar: string;
+    display_name: string;
+    last_name?: string;
+    displayName?: string;
+    email: string;
+    phone_number: string;
+    phoneNumber?: string;
+    user_psychologists?: Array<string> | string;
+    time_zone: string;
+    favourite_specialist_ids?: Array<string> | null;
+    app_lang: string;
+    app_reviewed_after_consultation_count?: number;
+    onBoardingAnswers?: {
+        [key: string]: string[];
+    };
+    specialist_order?: SpecialistOrderType[] | null;
+    onboarding_key?: string | null;
+    /**
+     * Date of birth in format 'dd.mm.yyyy'
+     */
+    dob?: string;
+    country?: string;
+    tax_id?: string;
+};

package/dist/esm/lib2/shared/ui/Avatar_v2/Avatar_v2.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import { AvatarRoundVariants } from './Avatar_v2.style';
-type AvatarProps = {
-    variant?: 'small' | 'medium' | 'smaller';
+export type AvatarProps = {
+    variant?: 'small' | 'medium' | 'smaller' | 'large';
     round?: AvatarRoundVariants;
     className?: string;
     src?: string;
     alt?: string;
     showSkeleton?: boolean;
+    onClick?(): void;
 };
 declare const _default: React.NamedExoticComponent<AvatarProps>;
 export default _default;

package/dist/esm/lib2/shared/ui/Avatar_v2/index.d.ts

@@ -1 +1,2 @@
 export { default as Avatar_v2 } from './Avatar_v2';
+export type { AvatarProps as Avatar_v2Props } from './Avatar_v2';

package/dist/esm/lib2/shared/ui/Badge/styles.d.ts

@@ -16,7 +16,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
         default: "";
         accent: "";
     };
-}, undefined, "inline-flex justify-center items-center rounded-3xl", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex justify-center items-center rounded-3xl gap-1", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         attention: "";
         neutral: "";
@@ -88,7 +88,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
         default: "";
         accent: "";
     };
-}, undefined, "inline-flex justify-center items-center rounded-3xl", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "inline-flex justify-center items-center rounded-3xl gap-1", import("tailwind-variants/dist/config").TVConfig<{
     variant: {
         attention: "";
         neutral: "";

package/dist/esm/lib2/shared/ui/Badge/types.d.ts

@@ -5,4 +5,5 @@ export type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
     variant: BadgeVariants;
     size?: 'S' | 'M';
     type?: BadgeType;
+    iconType?: 'check';
 };

package/dist/esm/lib2/shared/ui/Button_v2/Button_v2.d.ts

@@ -13,6 +13,7 @@ type ButtonProps = {
     icon?: React.ReactNode;
     iconPosition?: 'start' | 'center';
     style?: React.CSSProperties;
+    id?: string;
 } & JSX.IonButton;
 declare const Button_v2: FC<ButtonProps>;
 export default Button_v2;

package/dist/esm/lib2/shared/ui/EducationCard_v2/EducationCard.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SpecialistEducation } from '../../types/specialistTypes';
+import { WithTranslation } from 'react-i18next';
+import 'react-photo-view/dist/react-photo-view.css';
+export type Props = {
+    className?: string;
+    education: SpecialistEducation;
+    t?: WithTranslation['t'];
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/esm/lib2/shared/ui/EducationCard_v2/index.d.ts

@@ -0,0 +1 @@
+export { default as EducationCard_v2 } from './EducationCard';

package/dist/esm/lib2/shared/ui/ListItemWithColumns/ListItemWithColumns.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    title: string;
+}
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<Props>>;
+export default _default;

package/dist/esm/lib2/shared/ui/ListItemWithColumns/index.d.ts

@@ -0,0 +1 @@
+export { default as ListItemWithColumns } from './ListItemWithColumns';

package/dist/esm/lib2/shared/ui/MatchProgress/MatchProgress.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type MatchProgressProps = {
+    className?: string;
+    percentMatch: number;
+};
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<MatchProgressProps>>;
+export default _default;

package/dist/esm/lib2/shared/ui/MatchProgress/index.d.ts

@@ -0,0 +1 @@
+export { default as MatchProgress } from './MatchProgress';

package/dist/esm/lib2/shared/ui/ModalSheet/ModalSheet.d.ts

@@ -4,5 +4,6 @@ declare const ModalSheet: React.ForwardRefExoticComponent<import("@ionic/core/di
 } & {
     heightInPx?: number | undefined;
     className?: string | undefined;
+    withCloseButton?: boolean | undefined;
 } & React.RefAttributes<HTMLIonModalElement>>;
 export default ModalSheet;

package/dist/esm/lib2/shared/ui/ModalSheet/types.d.ts

@@ -3,4 +3,5 @@ import { JSX } from '@ionic/core/components';
 export type ModalSheetProps = React.PropsWithChildren<JSX.IonModal> & {
     heightInPx?: number;
     className?: string;
+    withCloseButton?: boolean;
 };

package/dist/esm/lib2/shared/ui/ReviewsSummary/ReviewsSummary.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { WithTranslation } from 'react-i18next';
+type Props = {
+    className?: string;
+    rating: number;
+    reviews: number;
+    t?: WithTranslation['t'];
+    size?: 'default' | 'small' | 'large';
+    endAdornment?: React.ReactNode;
+    onClick?(): void;
+};
+declare const ReviewsSummary: FC<Props>;
+export default ReviewsSummary;

package/dist/esm/lib2/shared/ui/ReviewsSummary/ReviewsSummary.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ReviewsSummary from './ReviewsSummary';
+declare const meta: Meta<typeof ReviewsSummary>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;

package/dist/esm/lib2/shared/ui/ReviewsSummary/index.d.ts

@@ -0,0 +1 @@
+export { default as ReviewsSummary } from './ReviewsSummary';

package/dist/esm/lib2/shared/ui/ReviewsSummary/styles.d.ts

@@ -0,0 +1,140 @@
+import { TypographyVariantsEnum } from '../Typography';
+export declare const reviewsSummaryStyle: import("tailwind-variants").TVReturnType<{
+    size: {
+        default: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        small: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        large: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+    };
+}, {
+    textVariant: string;
+    dot: string;
+    icon: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        default: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        small: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        large: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+    };
+}, {
+    size: {
+        default: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        small: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        large: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+    };
+}>, {
+    size: {
+        default: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        small: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        large: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+    };
+}, {
+    textVariant: string;
+    dot: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        default: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        small: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        large: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+    };
+}, {
+    textVariant: string;
+    dot: string;
+    icon: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        default: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        small: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        large: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+    };
+}, {
+    size: {
+        default: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        small: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+        large: {
+            textVariant: TypographyVariantsEnum;
+            icon: string;
+            dot: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/esm/lib2/shared/ui/ShowMore/ShowMore.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<React.HTMLAttributes<HTMLButtonElement>>>;
+export default _default;

package/dist/esm/lib2/shared/ui/ShowMore/index.d.ts

@@ -0,0 +1 @@
+export { default as ShowMore } from './ShowMore';

package/dist/esm/lib2/shared/ui/SuperSpecialist/SuperSpecialist.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SuperSpecialistProps } from './types';
+declare const SuperSpecialist: FC<SuperSpecialistProps>;
+export default SuperSpecialist;

package/dist/esm/lib2/shared/ui/SuperSpecialist/SuperSpecialist.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SuperSpecialist from './SuperSpecialist';
+declare const meta: Meta<typeof SuperSpecialist>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Full: Story;

package/dist/esm/lib2/shared/ui/SuperSpecialist/index.d.ts

@@ -0,0 +1 @@
+export { default as SuperSpecialist } from './SuperSpecialist';

package/dist/esm/lib2/shared/ui/SuperSpecialist/styles.d.ts

@@ -0,0 +1,105 @@
+import { TypographyVariantsEnum } from '../Typography';
+export declare const superSpecialistStyle: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    iconVariant: string;
+    titleVariant: string;
+    root: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    iconVariant: string;
+    titleVariant: string;
+    root: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    iconVariant: string;
+    titleVariant: string;
+    root: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+        full: {
+            root: string;
+            iconVariant: TypographyVariantsEnum;
+            titleVariant: TypographyVariantsEnum;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/esm/lib2/shared/ui/SuperSpecialist/types.d.ts

@@ -0,0 +1,6 @@
+import { WithTranslation } from 'react-i18next';
+export type SuperSpecialistProps = {
+    t?: WithTranslation['t'];
+    variant?: 'default' | 'full';
+    percent?: number;
+};

package/dist/esm/lib2/shared/ui/Typography/Typography.d.ts

@@ -1,14 +1,4 @@
 import React from 'react';
-import { TypographyAlignType, TypographyOpacityType, TypographyVariantsEnum } from './types';
-type TypographyProps = {
-    variant?: TypographyVariantsEnum;
-    align?: TypographyAlignType;
-    opacity?: TypographyOpacityType;
-    isAppearCase?: boolean;
-    className?: string;
-    children: React.ReactNode;
-    onClick?: (args: any) => typeof args;
-    isError?: boolean;
-};
-declare const _default: React.NamedExoticComponent<TypographyProps>;
+import { TypographyProps } from './types';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/esm/lib2/shared/ui/Typography/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare enum TypographyVariantsEnum {
     Title48Bold = "Title/48 Bold",
     Title48Semi = "Title/48 Semi",
@@ -27,7 +28,19 @@ export declare enum TypographyVariantsEnum {
     Tabbar10Medium = "Tabbar/10 Medium",
     Text8Regular = "Text/8 Regular",
     Text7Regular = "Text/7 Regular",
-    Text6Regular = "Text/6 Regular"
+    Text6Regular = "Text/6 Regular",
+    Badge12Semi = "Badge/12 Semi",
+    Badge12Regular = "Badge/12 Regular"
 }
 export type TypographyAlignType = 'left' | 'center' | 'right';
 export type TypographyOpacityType = 100 | 65 | 50 | 45 | 35 | 30 | 15 | 10 | 8 | 6;
+export type TypographyProps = {
+    variant?: TypographyVariantsEnum;
+    align?: TypographyAlignType;
+    opacity?: TypographyOpacityType;
+    isAppearCase?: boolean;
+    className?: string;
+    children: React.ReactNode;
+    onClick?: (args: any) => typeof args;
+    isError?: boolean;
+};

package/dist/esm/lib2/shared/ui/Video/Video.d.ts

@@ -1,8 +1,19 @@
 import React from 'react';
 export type VideoProps = {
     src: string;
-    isMuted: boolean;
-    onMuteToggle: () => void;
+    isMuted?: boolean;
+    isWithWatermark?: boolean;
+    isWithPlay?: boolean;
+    hiddenVideo?: boolean;
+    preview?: string;
+    onMuteToggle?: () => void;
+    onPlay?(src: string): void;
 };
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<VideoProps & React.RefAttributes<HTMLVideoElement>>>;
+export type VideoMethods = {
+    play(): void;
+};
+export type VideoRef = HTMLVideoElement | VideoMethods;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<VideoProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<VideoRef>>>;
 export default _default;

package/dist/esm/lib2/shared/ui/Video/Video.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof Video>;
 export default meta;
 type Story = StoryObj<typeof Video>;
 export declare const Default: Story;
+export declare const WithWaterMark: Story;