@mindly/ui-components 6.2.14 → 6.3.1

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

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

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

@@ -1,8 +1,10 @@
 import { FC } from 'react';
 type OnBoardingHeaderProps = {
     title?: string | null;
+    subTitle?: string | null;
     description?: string | null;
     isPreview?: boolean;
+    template?: 'radio' | 'image' | 'roundImage' | 'emoji' | 'icon';
 };
 declare const OnBoardingSelectionHeader: FC<OnBoardingHeaderProps>;
 export default OnBoardingSelectionHeader;

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

@@ -1,11 +1,18 @@
 import { WithTranslation } from 'react-i18next';
-import { ScheduleSlot } from '../../shared';
+import { ScheduleSlot, TypographyVariantsEnum } from '../../shared';
 import { ScheduleDate } from '../../shared';
 export type ScheduleFeatureProps = {
     className?: string;
     t?: WithTranslation['t'];
     locale?: string;
     forceLoading?: boolean;
+    variant?: 'full' | 'flat';
+    slotsLimit?: number;
+    slotFormat?: string;
+    useClosestDateFormat?: boolean;
+    slotVariant?: TypographyVariantsEnum;
+    isBookingLoading?: boolean;
     onDateChange?: (date: ScheduleDate, slots: ScheduleSlot[]) => void;
     onSlotChange?: (slot: ScheduleSlot | null) => void;
+    onShowAll?: () => void;
 };

package/dist/cjs/lib2/features/SpecialistShortInfoItemFeature/SpecialistShortInfoItemFeature.d.ts

@@ -21,6 +21,7 @@ export type SpecialistShortInfoItemFeatureProps = {
     video_link?: string;
     onClickReview?(): void;
     onToggleFavourite?(): void;
+    onVideoPlay?(): void;
 };
 declare const SpecialistShortInfoItemFeature: FC<SpecialistShortInfoItemFeatureProps>;
 export default SpecialistShortInfoItemFeature;

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

@@ -12,4 +12,5 @@ export interface Props extends Omit<TypographyProps, 'children'> {
     t?: WithTranslation['t'];
     presentingElement?: HTMLElement;
     onMoreClick?(): void;
+    hideShowMore?: boolean;
 }

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

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

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

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

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

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

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

@@ -137,3 +137,6 @@ export * from './IconArrowRange';
 export * from './IconLeaderboard';
 export * from './IconCheckboxThinUnchecked';
 export * from './IconMooving';
+export * from './IconAlignHorizontalTextCenter';
+export * from './IconAlignHorizontalTextLeft';
+export * from './IconAlignHorizontalTextRight';

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

@@ -26,6 +26,7 @@ export declare enum OnBoardingScreenOptions {
     MULTI_SELECT = "MULTI_SELECT",
     SINGLE_SELECT = "SINGLE_SELECT",
     SINGLE_IMAGE_SELECT = "SINGLE_IMAGE_SELECT",
+    SINGLE_ROUND_IMAGE_SELECT = "SINGLE_ROUND_IMAGE_SELECT",
     SINGLE_SCALE_SELECT = "SINGLE_SCALE_SELECT",
     INFO = "INFO",
     LOADER = "LOADER",
@@ -59,10 +60,6 @@ export type OnBoardingScreenSkipButtonType = {
     skipButtonText?: string | null;
     showSkipButton?: boolean;
 };
-export type OnBoardingScreenBgType = {
-    backgroundColor?: string | null;
-    contentStyle: OnBoardingScreenStyleOptions;
-};
 export type OnBoardingScreenDescriptionType = {
     title?: string | null;
     description?: string | null;
@@ -105,11 +102,13 @@ export type OnBoardingBaseScreenType = {
     isPageView?: boolean;
     hideTimer?: boolean;
     isStartScreen?: boolean;
+    backgroundColor?: string | null;
+    contentStyle: OnBoardingScreenStyleOptions;
 };
-export type OnBoardingStartScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenSkipButtonType & OnBoardingScreenBgType & OnBoardingScreenDescriptionType & {
+export type OnBoardingStartScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenSkipButtonType & OnBoardingScreenDescriptionType & {
     image?: ResponseFileType | null;
 };
-export type OnBoardingInfoScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenBgType & OnBoardingScreenDescriptionType & {
+export type OnBoardingInfoScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenDescriptionType & {
     image?: ResponseFileType | null;
 };
 export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenDescriptionType & {
@@ -127,6 +126,14 @@ export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & O
     legalText?: string;
     options: OnBoardingScreenOptionType[];
 };
+export type OnBoardingSingleRoundImageSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    legalText?: string;
+    options: OnBoardingScreenOptionType[];
+    isRoundCorners?: boolean;
+    image?: ResponseFileType | null;
+    horizontalImageAlignment?: 'left' | 'right' | 'center';
+    subTitle?: string | null;
+};
 export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
     minLabel?: string;
     maxLabel?: string;
@@ -203,7 +210,7 @@ export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScr
     disclaimer?: string;
     chart: ChartData;
 };
-export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
+export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleRoundImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
 export type OnBoardingFlowType = {
     id: string;
     locale: string;

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

@@ -8,7 +8,7 @@ export type AvatarProps = {
     src?: string;
     alt?: string;
     showSkeleton?: boolean;
-    onClick?(): void;
+    onClick?(e: React.MouseEvent<HTMLDivElement>): void;
     border?: boolean | string;
 };
 declare const _default: React.NamedExoticComponent<AvatarProps>;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, isTransparent, isRoundCorners, ...props }: ListBoxProps<T>): JSX.Element;

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

@@ -4,6 +4,7 @@ export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
     Radio = "radio",
     Image = "image",
+    RoundImage = "roundImage",
     Emoji = "emoji",
     Icon = "icon"
 }
@@ -18,4 +19,6 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     image?: ResponseFileType;
     isOnboardingPreview?: boolean;
     selectionMode?: 'single' | 'multiple' | 'none';
+    isTransparent?: boolean;
+    isRoundCorners?: boolean;
 };

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

@@ -13,6 +13,6 @@ declare const _default: React.MemoExoticComponent<({ item, isSelected, selection
     selectionPosition: "end" | "start";
     enableSelection: boolean;
     selectedIconProps: IconProps;
-    type: "image" | "icon" | "checkbox" | "radio" | "emoji";
+    type: "image" | "icon" | "checkbox" | "radio" | "emoji" | "roundImage";
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -8,7 +8,7 @@ declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSel
     variant: VariantType;
     item: Node<unknown>;
     enableSelection: boolean;
-    type: "image" | "icon" | "checkbox" | "radio" | "emoji";
+    type: "image" | "icon" | "checkbox" | "radio" | "emoji" | "roundImage";
     isOnboardingPreview?: boolean | undefined;
     image?: ResponseFileType | null | undefined;
     selectionMode?: "none" | "multiple" | "single" | undefined;

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

@@ -1,7 +1,7 @@
 import React, { DOMAttributes } from 'react';
 import { Node } from 'react-stately';
 import { ResponseFileType } from '../../types';
-import { VariantType } from '../ListBox/types';
+import { ListBoxSelectionType, VariantType } from '../ListBox/types';
 type ListBoxImageItemProps = {
     isSelected: boolean;
     item: Node<unknown>;
@@ -9,6 +9,8 @@ type ListBoxImageItemProps = {
     variant: VariantType;
     labelProps: DOMAttributes<HTMLDivElement>;
     isOnboardingPreview?: boolean;
+    isRoundCorners?: boolean;
+    type: ListBoxSelectionType.Image | ListBoxSelectionType.RoundImage | 'image' | 'roundImage';
 };
-declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, labelProps, isOnboardingPreview, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, labelProps, isOnboardingPreview, isRoundCorners, type, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -16,6 +16,8 @@ export type ListOptionsProps = {
     image?: ResponseFileType | null;
     isOnboardingPreview?: boolean;
     selectionMode?: 'single' | 'multiple' | 'none';
+    isTransparent?: boolean;
+    isRoundCorners?: boolean;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;

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

@@ -13,6 +13,7 @@ type PictureProps = {
     className?: string;
     responsive?: boolean;
     containerWidth?: number;
+    imageClassName?: string;
 };
 declare const _default: React.NamedExoticComponent<PictureProps>;
 export default _default;

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

@@ -6,6 +6,7 @@ export type VideoProps = {
     isWithWatermark?: boolean;
     isWithPlay?: boolean;
     buttonPlacement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
+    buttonSize?: 'small' | 'medium' | 'large';
     hiddenVideo?: boolean;
     variant?: VariantEnum;
     preview?: string;

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

@@ -1,4 +1,18 @@
 export declare const videoStyle: import("tailwind-variants").TVReturnType<{
+    buttonSize: {
+        small: {
+            playButton: string;
+            playIcon: string;
+        };
+        medium: {
+            playButton: string;
+            playIcon: string;
+        };
+        large: {
+            playButton: string;
+            playIcon: string;
+        };
+    };
     buttonPlacement: {
         center: {
             playButton: string;
@@ -29,7 +43,22 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
 }, {
     playButton: string;
     loadingIcon: string;
+    playIcon: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    buttonSize: {
+        small: {
+            playButton: string;
+            playIcon: string;
+        };
+        medium: {
+            playButton: string;
+            playIcon: string;
+        };
+        large: {
+            playButton: string;
+            playIcon: string;
+        };
+    };
     buttonPlacement: {
         center: {
             playButton: string;
@@ -58,6 +87,20 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
+    buttonSize: {
+        small: {
+            playButton: string;
+            playIcon: string;
+        };
+        medium: {
+            playButton: string;
+            playIcon: string;
+        };
+        large: {
+            playButton: string;
+            playIcon: string;
+        };
+    };
     buttonPlacement: {
         center: {
             playButton: string;
@@ -86,6 +129,20 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
         };
     };
 }>, {
+    buttonSize: {
+        small: {
+            playButton: string;
+            playIcon: string;
+        };
+        medium: {
+            playButton: string;
+            playIcon: string;
+        };
+        large: {
+            playButton: string;
+            playIcon: string;
+        };
+    };
     buttonPlacement: {
         center: {
             playButton: string;
@@ -116,7 +173,22 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
 }, {
     playButton: string;
     loadingIcon: string;
+    playIcon: string;
 }, import("tailwind-variants").TVReturnType<{
+    buttonSize: {
+        small: {
+            playButton: string;
+            playIcon: string;
+        };
+        medium: {
+            playButton: string;
+            playIcon: string;
+        };
+        large: {
+            playButton: string;
+            playIcon: string;
+        };
+    };
     buttonPlacement: {
         center: {
             playButton: string;
@@ -147,7 +219,22 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
 }, {
     playButton: string;
     loadingIcon: string;
+    playIcon: string;
 }, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    buttonSize: {
+        small: {
+            playButton: string;
+            playIcon: string;
+        };
+        medium: {
+            playButton: string;
+            playIcon: string;
+        };
+        large: {
+            playButton: string;
+            playIcon: string;
+        };
+    };
     buttonPlacement: {
         center: {
             playButton: string;
@@ -176,6 +263,20 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
+    buttonSize: {
+        small: {
+            playButton: string;
+            playIcon: string;
+        };
+        medium: {
+            playButton: string;
+            playIcon: string;
+        };
+        large: {
+            playButton: string;
+            playIcon: string;
+        };
+    };
     buttonPlacement: {
         center: {
             playButton: string;

package/dist/cjs/lib2/widgets/SpecialistCardWithScheduleWidget/SpecialistCardWithScheduleSkeleton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SpecialistCardSkeleton: React.FC;
+export default SpecialistCardSkeleton;

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { WithTranslation } from 'react-i18next';
+import { ScheduleDate, ScheduleSlot, Specialist, UserType } from '../../shared/types';
+export type SpecialistCardWithScheduleWidgetProps = {
+    t?: WithTranslation['t'];
+    loading?: boolean;
+    specialist: Specialist;
+    isFavourite?: boolean;
+    onToggleFavourite(): void;
+    onCardClick(): void;
+    currentUser?: UserType;
+    isBookingLoading?: boolean;
+    events?: {
+        onVideoClick?(): void;
+        onScheduleDateChange?: (date: ScheduleDate, slots: ScheduleSlot[]) => void;
+        onScheduleSlotChange?: (slot: ScheduleSlot | null) => void;
+        onScheduleShowAll?: () => void;
+    };
+};

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

@@ -11,3 +11,4 @@ export * from './SessionDetailWidget';
 export * from './SessionPaymentsWidget';
 export * from './SpecialistPreviewWidget';
 export * from './SpecialistDetailWithTabsWidget';
+export * from './SpecialistCardWithScheduleWidget';

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

@@ -51,6 +51,7 @@ declare const _default: {
         typography: {
             primary: string;
             secondary: string;
+            tertiary: string;
         };
     };
     badges: {