@mindly/ui-components 5.103.2 → 5.104.1

package/dist/cjs/lib2/features/Charts/types.d.ts

@@ -11,8 +11,8 @@ export type ChartData<T = ChartType> = T extends 'area' ? {
     strokeColor?: string;
     fillColor?: string;
     data: {
-        name: string;
-        label?: string;
+        label: string;
+        tooltip?: string;
         dotBorderColor?: string;
         value: number;
     }[];
@@ -23,8 +23,8 @@ export type ChartData<T = ChartType> = T extends 'area' ? {
     labels: Record<string, string>;
     fillColor?: string;
     data: {
-        [key: string]: string | number | undefined;
-        name: string;
+        [key: string]: string | number;
+        label: string;
     }[];
     yAxisLabels: string[];
 };

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingChartScreenPreviewFeature/OnBoardingChartScreenPreviewFeature.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { OnBoardingChartScreenType, OnboardingVariant } from '../../../shared';
 type OnBoardingChartScreenPreviewFeatureProps = {
     className?: string;
@@ -6,5 +6,5 @@ type OnBoardingChartScreenPreviewFeatureProps = {
     isPreview?: boolean;
     variant?: OnboardingVariant;
 } & OnBoardingChartScreenType;
-declare const _default: React.NamedExoticComponent<OnBoardingChartScreenPreviewFeatureProps>;
-export default _default;
+declare const OnBoardingChartScreenPreviewFeature: FC<OnBoardingChartScreenPreviewFeatureProps>;
+export default OnBoardingChartScreenPreviewFeature;

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingCompareScreenPreviewFeature /OnBoardingCompareScreenPreviewFeature.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { FC } from 'react';
 import { OnboardingVariant, OnBoardingCompareScreenType } from '../../../shared';
 type OnBoardingPaywallScreenPreviewFeatureProps = {
     variant?: OnboardingVariant;
     className?: string;
     titleClassName?: string;
 } & OnBoardingCompareScreenType;
-declare const _default: React.NamedExoticComponent<OnBoardingPaywallScreenPreviewFeatureProps>;
-export default _default;
+declare const OnBoardingCompareScreenPreviewFeature: FC<OnBoardingPaywallScreenPreviewFeatureProps>;
+export default OnBoardingCompareScreenPreviewFeature;

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/OnBoardingPaywallScreenPreviewFeature.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { OnBoardingPaywallScreenType, OnboardingVariant, Specialist, MindlyReview } from '../../../shared';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
@@ -6,8 +6,8 @@ type OnBoardingPaywallScreenPreviewFeatureProps = {
     variant?: OnboardingVariant;
     specialists: Specialist[];
     reviews: MindlyReview[];
-    previuesDiscount?: number;
-    currentDiscount?: number;
+    locale?: string;
+    useAdditionalDiscount?: boolean;
 } & OnBoardingPaywallScreenType;
-declare const _default: React.NamedExoticComponent<OnBoardingPaywallScreenPreviewFeatureProps>;
-export default _default;
+declare const OnBoardingPaywallScreenPreviewFeature: FC<OnBoardingPaywallScreenPreviewFeatureProps>;
+export default OnBoardingPaywallScreenPreviewFeature;

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/conts.d.ts

@@ -22,7 +22,7 @@ export declare const images: {
 };
 export declare const compareItems: {
     id: string;
-    title: string;
+    label: string;
     hasInMindly: boolean;
     hasInCompetitors: boolean;
 }[];
@@ -32,31 +32,8 @@ export declare const howItWorksItems: {
     description: string;
     image: string;
 }[];
-export declare const tariffs: ({
-    id: string;
-    name: string;
-    price: number;
-    priceBefore: number;
-    description: string;
-    advantagesList: {
-        id: string;
-        title: string;
-    }[];
-    isMostPopular?: undefined;
-} | {
-    id: string;
-    name: string;
-    price: number;
-    priceBefore: number;
-    isMostPopular: boolean;
-    description: string;
-    advantagesList: {
-        id: string;
-        title: string;
-    }[];
-})[];
 export declare const chartData: {
-    name: string;
+    label: string;
     self: number;
     medetation: number;
     therapy: number;

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { OnBoardingSingleSelectScreenType } from '../../../shared';
+import { OnBoardingSingleSelectScreenType, OnBoardingSingleImageSelectScreenType } from '../../../shared';
 import { OnboardingVariant } from '../../../shared/';
 type OnBoardingSingleSelectionScreenPreviewFeatureProps = {
     onChange?: (value: string) => void;
     defaultValues?: string[];
     variant?: OnboardingVariant;
-} & OnBoardingSingleSelectScreenType;
+    template?: 'radio' | 'image';
+} & OnBoardingSingleSelectScreenType & OnBoardingSingleImageSelectScreenType;
 declare const _default: React.NamedExoticComponent<OnBoardingSingleSelectionScreenPreviewFeatureProps>;
 export default _default;

package/dist/cjs/lib2/features/OnBoardingFlow/components/OnBoardingSelectionHeader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type OnBoardingHeaderProps = {
+    title?: string | null;
+    description?: string | null;
+    isPreview?: boolean;
+};
+declare const OnBoardingSelectionHeader: FC<OnBoardingHeaderProps>;
+export default OnBoardingSelectionHeader;

package/dist/cjs/lib2/features/TariffFeature/TariffFeature.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Default: Story;
 export declare const WithLabel: Story;
 export declare const Blue: Story;
 export declare const Selected: Story;
+export declare const IsPreview: Story;

package/dist/cjs/lib2/features/TariffFeature/styles.d.ts

@@ -19,6 +19,13 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
             info: string;
         };
     };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
 }, {
     root: string;
     label: string;
@@ -46,6 +53,13 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
             info: string;
         };
     };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
 }, {
     variant: {
         default: {
@@ -67,6 +81,13 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
             info: string;
         };
     };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
 }>, {
     variant: {
         default: {
@@ -88,6 +109,13 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
             info: string;
         };
     };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
 }, {
     root: string;
     label: string;
@@ -115,6 +143,13 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
             info: string;
         };
     };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
 }, {
     root: string;
     label: string;
@@ -142,6 +177,13 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
             info: string;
         };
     };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
 }, {
     variant: {
         default: {
@@ -163,4 +205,11 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
             info: string;
         };
     };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
 }>, unknown, unknown, undefined>>;

package/dist/cjs/lib2/features/TariffFeature/types.d.ts

@@ -1,22 +1,22 @@
 import { WithTranslation } from 'react-i18next';
-import { SupportedCurrency } from '../../shared';
 import { VariantEnum } from '../../shared/types/variant';
 export type TariffFeatureProps = {
     className?: string;
     t?: WithTranslation['t'];
-    name: string;
+    label: string;
     priceBefore?: number;
     price: number;
-    currency: SupportedCurrency;
+    locale?: string;
     id: string;
     isSelected: boolean;
-    label?: string;
+    badge?: string;
     variant: VariantEnum;
     description?: string;
     advantagesList?: {
         id: string;
-        title: string;
+        label: string;
     }[];
     initialIsInfoOpen?: boolean;
+    isPreview?: boolean;
     onSelect(id: string): void;
 };

package/dist/cjs/lib2/shared/assets/icons/IconChart.d.ts

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

package/dist/cjs/lib2/shared/assets/icons/IconCompare.d.ts

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

package/dist/cjs/lib2/shared/assets/icons/IconPaywall.d.ts

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

package/dist/cjs/lib2/shared/assets/icons/IconRadioPartial.d.ts

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

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

@@ -129,3 +129,7 @@ export * from './IconMatching';
 export * from './IconSwitch';
 export * from './IconGlobe';
 export * from './IconAppStoreRating';
+export * from './IconCompare';
+export * from './IconChart';
+export * from './IconPaywall';
+export * from './IconRadioPartial';

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

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

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

@@ -3,6 +3,7 @@ import { ISpecialistReview } from '../../../lib/ReviewSwiperSection';
 import { TranslationType } from './common';
 import { WithTranslation } from 'react-i18next';
 import { ChartData } from '../../features/Charts/types';
+import { Tariff } from './tariff';
 export declare enum ConditionRulesType {
     IS = "is"
 }
@@ -24,6 +25,7 @@ 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",
@@ -40,6 +42,9 @@ export type OnBoardingScreenOptionType = {
     isDefault?: boolean;
     filtrationAnswerId?: string;
 };
+export type OnBoardingScreenOptionWithImageType = OnBoardingScreenOptionType & {
+    image?: ResponseFileType | null;
+};
 export type OnBoardingScreenButtonType = {
     buttonText?: string | null;
     buttonColor?: string | null;
@@ -106,8 +111,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;
@@ -145,14 +155,17 @@ export type OnBoardingConfirmScreenType = OnBoardingBaseScreenType & OnBoardingS
 export type OnBoardingPaywallScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & {
     title: string;
     description?: string;
+    tariffs: Tariff[];
+    percentDiscount: number;
+    additionalDiscount?: number;
 };
 export type OnBoardingCompareScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & {
     title: string;
     description?: string;
     otherPlatformsTitle?: string;
-    items: {
+    listItems: {
         id: string;
-        title: string;
+        label: string;
         hasInMindly: boolean;
         hasInCompetitors: boolean;
     }[];

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

@@ -0,0 +1,14 @@
+export type Tariff = {
+    id: string;
+    label: string;
+    priceAfterDiscount: number;
+    priceAfterAdditionalDiscount: number;
+    priceBase: number;
+    description: string;
+    isMostPopular?: boolean;
+    percentDiscount?: number;
+    advantagesList: {
+        id: string;
+        label: string;
+    }[];
+};

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/esm/configs/tailwind/colors.d.ts

@@ -40,6 +40,7 @@ declare const _default: {
         black: string;
         brand: {
             client: {
+                celestialBlueSuperLight: string;
                 celestialBlue: string;
                 celestialBlueDarker: string;
             };