@mindly/ui-components 6.0.0 → 6.1.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/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/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/index.d.ts

@@ -1257,6 +1257,7 @@ declare enum OnBoardingScreenOptions {
     SINGLE_SCALE_SELECT = "SINGLE_SCALE_SELECT",
     INFO = "INFO",
     LOADER = "LOADER",
+    LIST_LOADER = "LIST_LOADER",
     REVIEWS = "REVIEWS",
     EMAIL = "EMAIL",
     CONFIRM = "CONFIRM",
@@ -1361,6 +1362,8 @@ type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardi
 };
 type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     title?: string | null;
+    highlightedTitle?: string | null;
+    reviewsTitle?: string | null;
     additionalText?: string;
     loaderText: string;
     answerScreenId?: string[];
@@ -1370,6 +1373,13 @@ type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     listItems?: {
         id: string;
         label: string;
+        durationSeconds?: number;
+    }[];
+    template?: 'circle' | 'list';
+    reviews?: ISpecialistReview[];
+    modals?: {
+        id: string;
+        label: string;
     }[];
 };
 type OnBoardingReviewsScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & TranslationType & {
@@ -1812,6 +1822,7 @@ declare const _default$N: React__default.MemoExoticComponent<React__default.Forw
 
 type RatingProps = {
     initialRating?: number;
+    color?: string;
     onChange?: (value: number) => void;
     onClick?: (value: number) => void;
     onHover?: (value: number) => void;
@@ -2904,7 +2915,7 @@ type GoogleCalendarModalFeatureProps = {
 };
 declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, presentingElement, imageUrl, onDidDismiss, t, }: GoogleCalendarModalFeatureProps): JSX.Element;
 
-type ReviewCardFeatureVariantType = 'default' | 'outlined' | 'full' | 'store';
+type ReviewCardFeatureVariantType = 'default' | 'outlined' | 'full' | 'store' | 'starFirst';
 declare const _default$u: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
     id?: string | undefined;
     avatarSrc?: string | undefined;
@@ -3097,6 +3108,8 @@ declare const _default$l: React__default.NamedExoticComponent<OnBoardingSingleSe
 declare const OnBoardingLoaderScreenPreviewFeature: FC<OnBoardingLoaderScreenType & {
     t?: WithTranslation['t'];
     onProgressEnd?: () => void;
+    variant?: OnboardingVariant;
+    previewWrapperRef?: React__default.RefObject<HTMLDivElement>;
 }>;
 
 type OnBoardingProgressFeatureProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",