@mindly/ui-components 5.105.1-hotfix → 5.105.2-dev.1

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

@@ -0,0 +1,215 @@
+export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            label: string;
+            checkbox: string;
+        };
+        blue: {
+            label: string;
+            checkbox: string;
+        };
+    };
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInfoOpen: {
+        true: "";
+        false: {
+            info: string;
+        };
+    };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    content: string;
+    info: string;
+    checkbox: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            label: string;
+            checkbox: string;
+        };
+        blue: {
+            label: string;
+            checkbox: string;
+        };
+    };
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInfoOpen: {
+        true: "";
+        false: {
+            info: string;
+        };
+    };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            label: string;
+            checkbox: string;
+        };
+        blue: {
+            label: string;
+            checkbox: string;
+        };
+    };
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInfoOpen: {
+        true: "";
+        false: {
+            info: string;
+        };
+    };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            label: string;
+            checkbox: string;
+        };
+        blue: {
+            label: string;
+            checkbox: string;
+        };
+    };
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInfoOpen: {
+        true: "";
+        false: {
+            info: string;
+        };
+    };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    content: string;
+    info: string;
+    checkbox: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            label: string;
+            checkbox: string;
+        };
+        blue: {
+            label: string;
+            checkbox: string;
+        };
+    };
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInfoOpen: {
+        true: "";
+        false: {
+            info: string;
+        };
+    };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+    content: string;
+    info: string;
+    checkbox: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            label: string;
+            checkbox: string;
+        };
+        blue: {
+            label: string;
+            checkbox: string;
+        };
+    };
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInfoOpen: {
+        true: "";
+        false: {
+            info: string;
+        };
+    };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            label: string;
+            checkbox: string;
+        };
+        blue: {
+            label: string;
+            checkbox: string;
+        };
+    };
+    isSelected: {
+        true: "";
+        false: "";
+    };
+    isInfoOpen: {
+        true: "";
+        false: {
+            info: string;
+        };
+    };
+    isPreview: {
+        true: {
+            checkbox: string;
+            info: string;
+            content: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

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

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

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

@@ -44,3 +44,7 @@ export * from './ContractDataFeature';
 export * from './MenuFeature';
 export * from './EmptySpecialistListFeature';
 export * from './SessionReviewsFeature';
+export * from './MindlyReviewFeature';
+export * from './TariffFeature';
+export * from './PoweredByStripeFeature';
+export * from './DropdownFeature';

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

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

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

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

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

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

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

@@ -1,7 +1,3 @@
 import * as React from 'react';
-interface IconProps extends React.SVGAttributes<SVGElement> {
-    size?: number | string;
-    color?: string;
-}
-export declare function IconCalendarMonth({ color, size, ...other }: IconProps): JSX.Element;
-export {};
+import { IconProps } from '../../types';
+export declare const IconCalendarMonth: React.FC<IconProps>;

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

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

package/dist/esm/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/esm/lib2/shared/assets/icons/IconCheckboxChecked.d.ts

@@ -3,5 +3,5 @@ interface IconProps extends React.SVGAttributes<SVGElement> {
     size?: number | string;
     color?: string;
 }
-export declare function IconCheckboxChecked({ color, size, ...other }: IconProps): JSX.Element;
+export declare const IconCheckboxChecked: ({ color, size, ...other }: IconProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare const IconCheckboxCheckedBold: React.FC<IconProps>;
+export {};

package/dist/esm/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/esm/lib2/shared/assets/icons/IconDivider.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    size?: number | string;
+    color?: string;
+}
+export declare const IconMatching: React.FC<IconProps>;
+export {};

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const IconPaperPencil: React.FC<React.SVGAttributes<SVGElement> & {
+    primaryColor?: string;
+    secondaryColor?: string;
+    primaryLightColor?: string;
+    backgroundColor?: string;
+}>;

package/dist/esm/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/esm/lib2/shared/assets/icons/IconPoweredByStripe.d.ts

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

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

@@ -1,2 +1,6 @@
-import { SVGProps } from 'react';
-export declare const IconRadioButtonChecked: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+import * as React from 'react';
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    color?: string;
+}
+export declare const IconRadioButtonChecked: ({ color, ...rest }: IconProps) => JSX.Element;
+export {};

package/dist/esm/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/esm/lib2/shared/assets/icons/IconSecure.d.ts

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

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

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

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

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

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

@@ -40,6 +40,7 @@ export * from './IconGiftNew';
 export * from './IconCreditCard';
 export * from './IconQuestion';
 export * from './IconPaper';
+export * from './IconPaperPencil';
 export * from './IconChat3d';
 export * from './IconChat3dSmaller';
 export * from './IconNotficationMuted';
@@ -111,3 +112,24 @@ export * from './IconExperience';
 export * from './IconSpecialistsEnded';
 export * from './IconReviewSessionSubscription';
 export * from './IconReviewSessionTrial';
+export * from './IconDoubleArrow';
+export * from './IconDivider';
+export * from './IconInfo';
+export * from './IconApplePay';
+export * from './IconSecure';
+export * from './IconGooglePay';
+export * from './IconAmEx';
+export * from './IconMaestro';
+export * from './IconMastercard';
+export * from './IconVisa';
+export * from './IconPoweredByStripe';
+export * from './IconCancelBold';
+export * from './IconCheckboxCheckedBold';
+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/esm/lib2/shared/hooks/useCircleRating.d.ts

@@ -2,7 +2,7 @@ import { SizeValues, CircleRatingRange, CircleRatingDataProps, CircleRatingDataR
 export declare const SIZES: SizeValues;
 export declare const BREAKPOINT_ICON_SIZE = 20;
 export declare function useCircleRatingRenderData({ progress, size, maxValue, isReverse, isShowBreakPoints, }: CircleRatingDataProps): CircleRatingDataResult;
-export declare function useRangeIndex({ progress, maxValue, ranges, isReverse }: ProgressRangeProps): number;
+export declare function useRangeIndex({ progress, maxValue, ranges, isReverse, }: ProgressRangeProps): number;
 export declare function getProgressForBreakPoint({ maxValue, breakPoint, }: {
     maxValue: number;
     breakPoint: number;
@@ -13,11 +13,15 @@ export declare function useBreakPointsPosition({ maxValue, breakPoints, radius,
     radius?: number;
     strokeWidth?: number;
 }): BreakPointPositionResult[];
-export declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, }: CircleRatingLegendProps): string[];
-export declare function useRatingCircleContentValue({ progress, isPercentage, decimal, }: {
+export declare function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, isShowLegend, }: CircleRatingLegendProps): string[];
+export declare function useRatingCircleContentValue({ progress, isPercentage, decimal, isWithAnimation, animationDuration, targetPercentage, onProgressEnd, }: {
     progress: number;
     isPercentage?: boolean;
     decimal?: number;
+    isWithAnimation?: boolean;
+    animationDuration?: number;
+    targetPercentage?: number;
+    onProgressEnd?: () => void;
 }): string;
 export declare function useRatingCircleBreakPoints({ ranges, maxValue, isReverse, }: {
     ranges: CircleRatingRange[];

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

@@ -34,4 +34,10 @@ export declare enum ShortCurrencySignByLocale {
     'eur' = "EUR",
     'es' = "USD"
 }
+export declare enum ShortTranscriptionCurrencySignByLocale {
+    'uk' = "\u0433\u0440",
+    'pl' = "z\u0142o",
+    'eur' = "EUR",
+    'es' = "US"
+}
 export declare const StripeSupportedCurrency: SupportedCurrency[];

package/dist/esm/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/esm/lib2/shared/types/onBoardingFlow.type.d.ts

@@ -1,6 +1,9 @@
 import { ResponseFileType } from './responseFileType';
 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"
 }
@@ -22,9 +25,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"
+    REVIEWS = "REVIEWS",
+    EMAIL = "EMAIL",
+    CONFIRM = "CONFIRM",
+    PAYWALL = "PAYWALL",
+    COMPARE = "COMPARE",
+    CHART = "CHART"
 }
 export type OnBoardingScreenOptionType = {
     id: string;
@@ -33,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;
@@ -50,6 +62,26 @@ export type OnBoardingScreenDescriptionType = {
     title?: string | null;
     description?: string | null;
 };
+export type OnBoardingScreenPrivacyType = {
+    privacyText?: string;
+    showPrivacyText?: boolean;
+};
+export type OnBoardingScreenEmailType = {
+    emailPlaceholder?: string;
+};
+export type OnBoardingScreenPasswordType = {
+    passwordPlaceholder?: string;
+};
+export type OnBoardingScreenAlertType = {
+    alertTitle?: string;
+    alertText?: string;
+};
+export type OnBoardingScreenTranslationsType = {
+    t?: WithTranslation['t'];
+};
+export type OnBoardingScreenErrorsType = {
+    errors?: Record<string, string>;
+};
 export type OnBoardingBaseScreenType = {
     id: string;
     type: OnBoardingScreenOptions;
@@ -67,6 +99,7 @@ export type OnBoardingBaseScreenType = {
     isPreview?: boolean;
     isPageView?: boolean;
     hideTimer?: boolean;
+    isStartScreen?: boolean;
 };
 export type OnBoardingStartScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenSkipButtonType & OnBoardingScreenBgType & OnBoardingScreenDescriptionType & {
     image?: ResponseFileType | null;
@@ -78,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;
@@ -87,6 +125,11 @@ export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     answerScreenId?: string[];
     allScreens?: Record<string, OnBoardingScreensType>;
     selectedAnswers?: Record<string, string[]>;
+    loadingItemDuration?: number;
+    listItems?: {
+        id: string;
+        label: string;
+    }[];
 };
 export type OnBoardingReviewsScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & TranslationType & {
     title?: string | null;
@@ -94,7 +137,36 @@ export type OnBoardingReviewsScreenType = OnBoardingBaseScreenType & OnBoardingS
     reviews: ISpecialistReview[];
     isLoading?: boolean;
 };
-export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType;
+export type OnBoardingEmailScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & OnBoardingScreenEmailType & OnBoardingScreenPrivacyType & {
+    title: string;
+};
+export type OnBoardingConfirmScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & OnBoardingScreenEmailType & OnBoardingScreenPasswordType & OnBoardingScreenAlertType & {
+    title: string;
+};
+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;
+    listItems: {
+        id: string;
+        label: 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;
@@ -114,4 +186,9 @@ export type OnBoardingFlowType = {
     promocode_duration_min?: number | null;
     duration_min?: number | null;
     isDefault?: boolean;
+    theme?: OnboardingVariant;
 };
+export declare enum OnboardingVariant {
+    default = "default",
+    blue = "blue"
+}

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

@@ -52,6 +52,7 @@ export type CircleRatingLegendProps = {
     t: WithTranslation['t'];
     isReverse?: boolean;
     isPercentage?: boolean;
+    isShowLegend?: boolean;
 };
 export type CircleRatingComponentProps = {
     size: keyof typeof CircleRatingSize;
@@ -68,7 +69,10 @@ export type CircleRatingComponentProps = {
     isZeroTransparent?: boolean;
     isWithOverlap?: boolean;
     isWithAnimation?: boolean;
+    isPrimaryColor?: boolean;
+    isProgressWithAnimation?: boolean;
     className?: string;
+    onProgressEnd?: () => void;
 };
 export type CircleRatingContextProps = CircleRatingComponentProps & {
     legend?: string[];

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

@@ -16,4 +16,14 @@ export type SpecialistReview = {
      */
     created_at: number;
     review_status: 'on_review' | 'approved' | 'rejected';
+    is_editable?: boolean;
+};
+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;
 };