@mindly/ui-components 6.0.0 → 6.2.0

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/OnBoardingLoaderScreenPreviewFeature.d.ts

@@ -1,8 +1,10 @@
-import { FC } from 'react';
-import { OnBoardingLoaderScreenType } from '../../../shared';
+import React, { FC } from 'react';
+import { OnBoardingLoaderScreenType, OnboardingVariant } from '../../../shared';
 import { WithTranslation } from 'react-i18next';
 declare const OnBoardingLoaderScreenPreviewFeature: FC<OnBoardingLoaderScreenType & {
     t?: WithTranslation['t'];
     onProgressEnd?: () => void;
+    variant?: OnboardingVariant;
+    previewWrapperRef?: React.RefObject<HTMLDivElement>;
 }>;
 export default OnBoardingLoaderScreenPreviewFeature;

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/components/CircleTemplateLoader.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { OnBoardingScreensType } from '../../../../shared';
+import { WithTranslation } from 'react-i18next';
+declare const CircleTemplateLoader: FC<{
+    title?: string | null;
+    loadingItemDuration?: number;
+    answerScreenId?: string[];
+    allScreens?: Record<string, OnBoardingScreensType>;
+    selectedAnswers?: Record<string, string[]>;
+    isPreview?: boolean;
+    listItems?: {
+        id: string;
+        label: string;
+    }[];
+    onProgressEnd?: () => void;
+    t?: WithTranslation['t'];
+}>;
+export default CircleTemplateLoader;

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/components/ListTemplateLoader.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { OnboardingVariant } from '../../../../shared';
+import { WithTranslation } from 'react-i18next';
+import { ISpecialistReview } from '../../../../../lib/ReviewSwiperSection';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+declare const ListTemplateLoader: FC<{
+    title?: string | null;
+    highlightedTitle?: string | null;
+    isPreview?: boolean;
+    listItems?: {
+        id: string;
+        label: string;
+        duration?: number;
+    }[];
+    reviewsTitle?: string | null;
+    reviews?: ISpecialistReview[];
+    modals?: {
+        id: string;
+        label: string;
+    }[];
+    variant?: OnboardingVariant;
+    onProgressEnd?: () => void;
+    t?: WithTranslation['t'];
+}>;
+export default ListTemplateLoader;

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/components/ListTemplateLoaderItem.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+declare const ListTemplateItem: FC<{
+    label: string;
+    duration: number;
+    isPreview?: boolean;
+    isActive: boolean;
+    isCompleted: boolean;
+    isDisabled: boolean;
+    isPaused: boolean;
+    handleProgressEnd: () => void;
+}>;
+export default ListTemplateItem;

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/components/ListTemplateLoaderModal.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { OnboardingVariant } from '../../../../shared';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+import { WithTranslation } from 'react-i18next';
+declare const ListTemplateLoaderModal: FC<{
+    isOpen: boolean;
+    label: string;
+    isPreview?: boolean;
+    variant?: OnboardingVariant;
+    handleDismissModal: () => void;
+    t?: WithTranslation['t'];
+}>;
+export default ListTemplateLoaderModal;

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/components/ListTemplateLoaderReviews.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { ISpecialistReview } from '../../../../../lib/ReviewSwiperSection';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+declare const ListTemplateLoaderReviews: FC<{
+    isPreview?: boolean;
+    reviewsTitle?: string | null;
+    reviews?: ISpecialistReview[];
+    isPaused: boolean;
+    autoplaySpeed: number;
+    slideCount: number;
+    t?: WithTranslation['t'];
+}>;
+export default ListTemplateLoaderReviews;

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingLoaderScreenPreviewFeature/constants.d.ts

@@ -0,0 +1 @@
+export declare const DURATION_OFFSET = 0.1;

package/dist/esm/lib2/features/ReviewCardFeature/ReviewCardFeature.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SpecialistReview, TranslationType } from '../../shared/types';
-export type ReviewCardFeatureVariantType = 'default' | 'outlined' | 'full' | 'store';
+export type ReviewCardFeatureVariantType = 'default' | 'outlined' | 'full' | 'store' | 'starFirst';
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     id?: string | undefined;
     avatarSrc?: string | undefined;

package/dist/esm/lib2/features/ReviewCardFeature/styles.d.ts

@@ -53,6 +53,14 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             review: string;
             userContainer: string;
         };
+        starFirst: {
+            base: string;
+            name: string;
+            rating: string;
+            review: string;
+            reviewText: string;
+            userContainer: string;
+        };
     };
 }, {
     base: string;
@@ -62,6 +70,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
     editIcon: string;
     rating: string;
     review: string;
+    reviewText: string;
     name: string;
     mainTextVariant: string;
     dateTextVariant: string;
@@ -121,6 +130,14 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             review: string;
             userContainer: string;
         };
+        starFirst: {
+            base: string;
+            name: string;
+            rating: string;
+            review: string;
+            reviewText: string;
+            userContainer: string;
+        };
     };
 }, import("tailwind-variants").TVVariantsDefault<{
     base: string;
@@ -130,6 +147,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
     editIcon: string;
     rating: string;
     review: string;
+    reviewText: string;
     name: string;
     mainTextVariant: string;
     dateTextVariant: string;
@@ -145,6 +163,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -159,6 +178,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -173,6 +193,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -189,6 +210,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -203,6 +225,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -217,6 +240,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -231,6 +255,22 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
+            name: string;
+            mainTextVariant: string;
+            dateTextVariant: string;
+            ratingSize: null;
+            avatarSize: null;
+        }, undefined>;
+        starFirst?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<{
+            base: string;
+            userContainer: string;
+            user: string;
+            editContainer: string;
+            editIcon: string;
+            rating: string;
+            review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -246,6 +286,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
     editIcon: string;
     rating: string;
     review: string;
+    reviewText: string;
     name: string;
     mainTextVariant: string;
     dateTextVariant: string;
@@ -261,6 +302,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -275,6 +317,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -289,6 +332,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -305,6 +349,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -319,6 +364,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -333,6 +379,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -347,6 +394,22 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
+            name: string;
+            mainTextVariant: string;
+            dateTextVariant: string;
+            ratingSize: null;
+            avatarSize: null;
+        }, undefined>;
+        starFirst?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<{
+            base: string;
+            userContainer: string;
+            user: string;
+            editContainer: string;
+            editIcon: string;
+            rating: string;
+            review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -362,6 +425,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
     editIcon: string;
     rating: string;
     review: string;
+    reviewText: string;
     name: string;
     mainTextVariant: string;
     dateTextVariant: string;
@@ -421,6 +485,14 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             review: string;
             userContainer: string;
         };
+        starFirst: {
+            base: string;
+            name: string;
+            rating: string;
+            review: string;
+            reviewText: string;
+            userContainer: string;
+        };
     };
 }, {
     base: string;
@@ -430,6 +502,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
     editIcon: string;
     rating: string;
     review: string;
+    reviewText: string;
     name: string;
     mainTextVariant: string;
     dateTextVariant: string;
@@ -489,6 +562,14 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             review: string;
             userContainer: string;
         };
+        starFirst: {
+            base: string;
+            name: string;
+            rating: string;
+            review: string;
+            reviewText: string;
+            userContainer: string;
+        };
     };
 }, import("tailwind-variants").TVVariantsDefault<{
     base: string;
@@ -498,6 +579,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
     editIcon: string;
     rating: string;
     review: string;
+    reviewText: string;
     name: string;
     mainTextVariant: string;
     dateTextVariant: string;
@@ -513,6 +595,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -527,6 +610,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -541,6 +625,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -557,6 +642,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -571,6 +657,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -585,6 +672,7 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;
@@ -599,6 +687,22 @@ export declare const reviewCardStyle: import("tailwind-variants").TVReturnType<{
             editIcon: string;
             rating: string;
             review: string;
+            reviewText: string;
+            name: string;
+            mainTextVariant: string;
+            dateTextVariant: string;
+            ratingSize: null;
+            avatarSize: null;
+        }, undefined>;
+        starFirst?: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<{
+            base: string;
+            userContainer: string;
+            user: string;
+            editContainer: string;
+            editIcon: string;
+            rating: string;
+            review: string;
+            reviewText: string;
             name: string;
             mainTextVariant: string;
             dateTextVariant: string;

package/dist/esm/lib2/features/ScheduleFeature/ScheduleFeature.d.ts

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

package/dist/esm/lib2/features/ScheduleFeature/ScheduleSkeletonFeature.d.ts

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

package/dist/esm/lib2/features/ScheduleFeature/index.d.ts

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

package/dist/esm/lib2/features/ScheduleFeature/types.d.ts

@@ -0,0 +1,11 @@
+import { WithTranslation } from 'react-i18next';
+import { Schedule, ScheduleDate, ScheduleSlot } from '../../shared/types';
+export type ScheduleFeatureProps = {
+    isLoading?: boolean;
+    className?: string;
+    t?: WithTranslation['t'];
+    schedule?: Schedule;
+    locale?: string;
+    onDateClick?: (date: ScheduleDate, slots: ScheduleSlot[]) => void;
+    onSlotClick?: (slot: ScheduleSlot) => void;
+};

package/dist/esm/lib2/features/SpecialistEducationsFeature/SpecialistEducationsFeature.d.ts

@@ -8,6 +8,7 @@ type Props = {
     classNameTitle?: string;
     t?: WithTranslation['t'];
     presentingElement?: HTMLElement;
+    withPreview?: boolean;
 };
 declare const SpecialistEducationsFeature: FC<Props>;
 export default SpecialistEducationsFeature;

package/dist/esm/lib2/features/TabsFeature/TabsFeature.d.ts

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

package/dist/esm/lib2/features/TabsFeature/TabsFeatureSkeleton.d.ts

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

package/dist/esm/lib2/features/TabsFeature/index.d.ts

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

package/dist/esm/lib2/features/TabsFeature/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type TabsFeatureProps = {
+    tabs: {
+        title: string;
+        content?: React.ReactNode;
+        anchor?: string;
+    }[];
+    className?: string;
+    isLoading?: boolean;
+};

package/dist/esm/lib2/features/index.d.ts

@@ -48,3 +48,5 @@ export * from './MindlyReviewFeature';
 export * from './TariffFeature';
 export * from './PoweredByStripeFeature';
 export * from './DropdownFeature';
+export * from './TabsFeature';
+export * from './ScheduleFeature';

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

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

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

@@ -136,3 +136,4 @@ export * from './IconRadioPartial';
 export * from './IconArrowRange';
 export * from './IconLeaderboard';
 export * from './IconCheckboxThinUnchecked';
+export * from './IconMooving';

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

@@ -8,3 +8,4 @@ export * from './useDeepCompareEffect';
 export * from './useUpdateEffect';
 export * from './useDeepUpdateEffect';
 export * from './useIsKeyboardShown';
+export * from './useDelayMount';

package/dist/esm/lib2/shared/hooks/useDelayMount.d.ts

@@ -0,0 +1 @@
+export declare const useDelayMount: (delay: number) => boolean;

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

@@ -14,3 +14,4 @@ export * from './filter';
 export * from './subscription';
 export * from './session';
 export * from './tariff';
+export * from './schedule';

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

@@ -29,6 +29,7 @@ export declare enum OnBoardingScreenOptions {
     SINGLE_SCALE_SELECT = "SINGLE_SCALE_SELECT",
     INFO = "INFO",
     LOADER = "LOADER",
+    LIST_LOADER = "LIST_LOADER",
     REVIEWS = "REVIEWS",
     EMAIL = "EMAIL",
     CONFIRM = "CONFIRM",
@@ -133,6 +134,8 @@ export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & O
 };
 export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     title?: string | null;
+    highlightedTitle?: string | null;
+    reviewsTitle?: string | null;
     additionalText?: string;
     loaderText: string;
     answerScreenId?: string[];
@@ -142,6 +145,13 @@ export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     listItems?: {
         id: string;
         label: string;
+        durationSeconds?: number;
+    }[];
+    template?: 'circle' | 'list';
+    reviews?: ISpecialistReview[];
+    modals?: {
+        id: string;
+        label: string;
     }[];
 };
 export type OnBoardingReviewsScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & TranslationType & {

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

@@ -0,0 +1,3 @@
+export type ScheduleSlot = string;
+export type ScheduleDate = string;
+export type Schedule = Record<ScheduleDate, ScheduleSlot[]>;

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

@@ -1,5 +1,6 @@
 import { SupportedCurrency } from './common';
 import { ClientSpecialistContractStatusEnum, ContractStatusEnum } from './contract';
+import { Schedule } from './schedule';
 import { Sex } from './user';
 export type SpecialistEducation = {
     institution_name: string;
@@ -66,4 +67,5 @@ export type Specialist = {
     activated_at?: number;
     matching_by_areas?: string[];
     matching_by_specialization?: string[];
+    available_schedule?: Schedule;
 };

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

@@ -6,6 +6,7 @@ export type Props = {
     className?: string;
     education: SpecialistEducation;
     t?: WithTranslation['t'];
+    withPreview?: boolean;
 };
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

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

@@ -1,6 +1,7 @@
 import { RatingComponentProps } from 'react-rating';
 export type RatingProps = {
     initialRating?: number;
+    color?: string;
     onChange?: (value: number) => void;
     onClick?: (value: number) => void;
     onHover?: (value: number) => void;

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

@@ -44,4 +44,5 @@ export type TypographyProps = {
     children: React.ReactNode;
     onClick?: (args: any) => typeof args;
     isError?: boolean;
+    id?: string;
 };

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

@@ -9,6 +9,7 @@ export type VideoProps = {
     hiddenVideo?: boolean;
     variant?: VariantEnum;
     preview?: string;
+    className?: string;
     onMuteToggle?: () => void;
     onPlay?(src: string): void;
     children?: React.ReactNode | ((props: {