@mindly/ui-components 5.103.1 → 5.104.0

package/dist/cjs/lib2/shared/types/onBoardingFlow.type.d.ts

@@ -2,6 +2,7 @@ import { ResponseFileType } from './responseFileType';
 import { ISpecialistReview } from '../../../lib/ReviewSwiperSection';
 import { TranslationType } from './common';
 import { WithTranslation } from 'react-i18next';
+import { ChartData } from '../../features/Charts/types';
 export declare enum ConditionRulesType {
     IS = "is"
 }
@@ -23,11 +24,15 @@ export declare enum OnBoardingScreenOptions {
     START = "START",
     MULTI_SELECT = "MULTI_SELECT",
     SINGLE_SELECT = "SINGLE_SELECT",
+    SINGLE_IMAGE_SELECT = "SINGLE_IMAGE_SELECT",
     INFO = "INFO",
     LOADER = "LOADER",
     REVIEWS = "REVIEWS",
     EMAIL = "EMAIL",
-    CONFIRM = "CONFIRM"
+    CONFIRM = "CONFIRM",
+    PAYWALL = "PAYWALL",
+    COMPARE = "COMPARE",
+    CHART = "CHART"
 }
 export type OnBoardingScreenOptionType = {
     id: string;
@@ -36,6 +41,9 @@ export type OnBoardingScreenOptionType = {
     isDefault?: boolean;
     filtrationAnswerId?: string;
 };
+export type OnBoardingScreenOptionWithImageType = OnBoardingScreenOptionType & {
+    image?: ResponseFileType | null;
+};
 export type OnBoardingScreenButtonType = {
     buttonText?: string | null;
     buttonColor?: string | null;
@@ -102,8 +110,13 @@ export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoard
     options: OnBoardingScreenOptionType[];
 };
 export type OnBoardingSingleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    legalText?: string;
     options: OnBoardingScreenOptionType[];
 };
+export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    legalText?: string;
+    options: OnBoardingScreenOptionWithImageType[];
+};
 export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     title?: string | null;
     additionalText?: string;
@@ -138,7 +151,27 @@ export type OnBoardingConfirmScreenType = OnBoardingBaseScreenType & OnBoardingS
     onChangeEmail?: (email: string) => void;
     onChangePassword?: (password: string) => void;
 };
-export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType;
+export type OnBoardingPaywallScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & {
+    title: string;
+    description?: string;
+};
+export type OnBoardingCompareScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & {
+    title: string;
+    description?: string;
+    otherPlatformsTitle?: string;
+    items: {
+        id: string;
+        title: string;
+        hasInMindly: boolean;
+        hasInCompetitors: boolean;
+    }[];
+};
+export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & {
+    title?: string;
+    disclaimer?: string;
+    chart: ChartData;
+};
+export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType;
 export type OnBoardingFlowType = {
     id: string;
     locale: string;

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

@@ -17,3 +17,12 @@ export type SpecialistReview = {
     created_at: number;
     review_status: 'on_review' | 'approved' | 'rejected';
 };
+export type MindlyReview = {
+    id: string;
+    avatar: string | null;
+    first_name: string;
+    last_name?: string | null;
+    review_rating: number;
+    text_of_review: string | null;
+    created_at: number;
+};

package/dist/cjs/lib2/shared/types/variant.d.ts

@@ -0,0 +1,4 @@
+export declare enum VariantEnum {
+    default = "default",
+    blue = "blue"
+}

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

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

package/dist/cjs/lib2/shared/ui/ListBox/ListBox.d.ts

@@ -1,2 +1,2 @@
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, selectionImageClassNames, variant, ...props }: ListBoxProps<T>): JSX.Element;

package/dist/cjs/lib2/shared/ui/ListBox/types.d.ts

@@ -1,8 +1,9 @@
 import { AriaListBoxProps } from 'react-aria';
-import { IconProps } from '../../types';
+import { IconProps, ResponseFileType } from '../../types';
 export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
-    Radio = "radio"
+    Radio = "radio",
+    Image = "image"
 }
 export type VariantType = 'default' | 'blue';
 export type ListBoxProps<T> = AriaListBoxProps<T> & {
@@ -10,6 +11,12 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     enableSelection?: boolean;
     selectedIconProps?: IconProps;
     selectionPosition?: 'start' | 'end';
+    selectionImageClassNames?: {
+        label?: string;
+        arrowIcon?: string;
+        bottomContainer?: string;
+    } | null;
     className?: string;
     variant?: VariantType;
+    image?: ResponseFileType;
 };

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxImageItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Node } from 'react-stately';
+import { ResponseFileType } from '../../types';
+import { VariantType } from '../ListBox/types';
+type ListBoxImageItemProps = {
+    isSelected: boolean;
+    item: Node<unknown>;
+    image?: ResponseFileType | null;
+    variant: VariantType;
+    selectionImageClassNames?: {
+        label?: string;
+        arrowIcon?: string;
+        bottomContainer?: string;
+    } | null;
+};
+declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, selectionImageClassNames, }: ListBoxImageItemProps) => JSX.Element>;
+export default _default;

package/dist/cjs/lib2/shared/ui/ListBoxItem/types.d.ts

@@ -1,7 +1,7 @@
 import { ListState, Node } from 'react-stately';
 import * as React from 'react';
 import { ListBoxSelectionType, VariantType } from '../ListBox';
-import { IconProps } from '../../types';
+import { IconProps, ResponseFileType } from '../../types';
 export type ListOptionsProps = {
     item: Node<unknown>;
     state: ListState<unknown>;
@@ -13,6 +13,12 @@ export type ListOptionsProps = {
     selectionPosition?: 'start' | 'end';
     enableSelection?: boolean;
     variant?: VariantType;
+    image?: ResponseFileType | null;
+    selectionImageClassNames?: {
+        label?: string;
+        arrowIcon?: string;
+        bottomContainer?: string;
+    } | null;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;
@@ -22,8 +28,14 @@ export type ListBoxItemProps = {
     value?: string;
     children: React.ReactNode;
     className?: string;
+    sselectionImageClassNames?: {
+        label?: string;
+        arrowIcon?: string;
+        bottomContainer?: string;
+    } | null;
     customContent?: boolean;
     onClick?: HTMLIonItemElement['onclick'];
     variant?: VariantType;
+    image?: ResponseFileType | null;
 };
 export type { Selection } from 'react-stately';

package/dist/cjs/lib2/shared/ui/Rating/types.d.ts

@@ -1,3 +1,4 @@
+import { RatingComponentProps } from 'react-rating';
 export type RatingProps = {
     initialRating?: number;
     onChange?: (value: number) => void;
@@ -6,4 +7,4 @@ export type RatingProps = {
     size?: number;
     className?: string;
     readonly?: boolean;
-};
+} & RatingComponentProps;

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

@@ -40,6 +40,7 @@ export type TypographyProps = {
     opacity?: TypographyOpacityType;
     isAppearCase?: boolean;
     className?: string;
+    style?: React.CSSProperties;
     children: React.ReactNode;
     onClick?: (args: any) => typeof args;
     isError?: boolean;

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

@@ -1,10 +1,13 @@
 import React from 'react';
+import { VariantEnum } from '../../types/variant';
 export type VideoProps = {
     src: string;
     isMuted?: boolean;
     isWithWatermark?: boolean;
     isWithPlay?: boolean;
+    buttonPlacement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
     hiddenVideo?: boolean;
+    variant?: VariantEnum;
     preview?: string;
     onMuteToggle?: () => void;
     onPlay?(src: string): void;

package/dist/cjs/lib2/shared/ui/Video/styles.d.ts

@@ -0,0 +1,189 @@
+export declare const videoStyle: import("tailwind-variants").TVReturnType<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    playButton: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}>, {
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    playButton: string;
+}, import("tailwind-variants").TVReturnType<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    playButton: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/cjs/lib2/shared/utils/format.d.ts

@@ -2,3 +2,4 @@ export declare const formatByDigits: (value: number) => string;
 export declare const roundToPrecision: (value: number, decimals?: number) => number;
 export declare const getDateLocale: (locale: string) => Locale;
 export declare const getGMTOffset: (timeZone: string) => string;
+export declare const getMonthNameInGenitive: (date: Date, locale: string) => string;

package/dist/cjs/lib2/widgets/SpecialistPreviewWidget/SpecialistPreviewWidget.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SpecialistPreviewWidgetProps } from './types';
+declare const _default: React.NamedExoticComponent<SpecialistPreviewWidgetProps>;
+export default _default;

package/dist/cjs/lib2/widgets/SpecialistPreviewWidget/SpecialistPreviewWidget.stories.d.ts

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

package/dist/cjs/lib2/widgets/SpecialistPreviewWidget/index.d.ts

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

package/dist/cjs/lib2/widgets/SpecialistPreviewWidget/types.d.ts

@@ -0,0 +1,9 @@
+import { WithTranslation } from 'react-i18next';
+import { Specialist } from '../../shared/types';
+import { VariantEnum } from '../../shared/types/variant';
+export type SpecialistPreviewWidgetProps = {
+    t?: WithTranslation['t'];
+    specialist: Specialist;
+    variant?: VariantEnum;
+    className?: string;
+};

package/dist/cjs/lib2/widgets/index.d.ts

@@ -9,3 +9,4 @@ export * from './SpecialistPreviewListWidget';
 export * from './SessionsListWidget';
 export * from './SessionDetailWidget';
 export * from './SessionPaymentsWidget';
+export * from './SpecialistPreviewWidget';

package/dist/esm/configs/tailwind/colors.d.ts

@@ -40,6 +40,7 @@ declare const _default: {
         black: string;
         brand: {
             client: {
+                celestialBlueSuperLight: string;
                 celestialBlue: string;
                 celestialBlueDarker: string;
             };
@@ -48,6 +49,7 @@ declare const _default: {
     typography: {
         typography: {
             primary: string;
+            secondary: string;
         };
     };
     badges: {