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

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/types/variant.d.ts

@@ -0,0 +1,4 @@
+export declare enum VariantEnum {
+    default = "default",
+    blue = "blue"
+}

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

@@ -5,5 +5,5 @@ export type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
     variant: BadgeVariants;
     size?: 'S' | 'M';
     type?: BadgeType;
-    iconType?: 'check';
+    iconType?: 'check' | React.ReactNode;
 };

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

@@ -1,20 +1,4 @@
-import React, { FC } from 'react';
-import { JSX } from '@ionic/core/components';
-export type ButtonProps = {
-    fill?: 'outline' | 'clear';
-    size?: 'default' | 'large' | 'small';
-    customSize?: 'smaller' | 'auto';
-    withDefaultState?: boolean;
-    color?: undefined;
-    fullWidth?: boolean;
-    className?: string;
-    routerLink?: string;
-    onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;
-    isLoading?: boolean;
-    icon?: React.ReactNode;
-    iconPosition?: 'start' | 'center';
-    style?: React.CSSProperties;
-    id?: string;
-} & JSX.IonButton;
+import { FC } from 'react';
+import { ButtonProps } from './types';
 declare const Button_v2: FC<ButtonProps>;
 export default Button_v2;

package/dist/cjs/lib2/shared/ui/Button_v2/Button_v2.style.d.ts

@@ -19,4 +19,5 @@ export declare const ButtonStyled: import("styled-components").StyledComponent<i
     iconPosition?: "center" | "start" | undefined;
     style?: import("react").CSSProperties | undefined;
     id?: string | undefined;
+    variant?: "default" | "blue" | undefined;
 } & import("@ionic/core/dist/types/components").JSX.IonButton, never>;

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { JSX } from '@ionic/core/components';
+export type ButtonProps = {
+    fill?: 'outline' | 'clear';
+    size?: 'default' | 'large' | 'small';
+    customSize?: 'smaller' | 'auto';
+    withDefaultState?: boolean;
+    color?: undefined;
+    fullWidth?: boolean;
+    className?: string;
+    routerLink?: string;
+    onClick?: (e: React.MouseEvent<HTMLIonButtonElement>) => void;
+    isLoading?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: 'start' | 'center';
+    style?: React.CSSProperties;
+    id?: string;
+    variant?: 'default' | 'blue';
+} & JSX.IonButton;

package/dist/cjs/lib2/shared/ui/Flag_v2/flags/Pl.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/dist/cjs/lib2/shared/ui/Flag_v2/flags/Uk.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

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

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

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

@@ -0,0 +1,4 @@
+import { JSX } from '@ionic/core';
+export interface TestTypeProps extends JSX.IonInput {
+    custom: 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, ...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,13 +1,22 @@
 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> & {
     type?: `${ListBoxSelectionType}`;
     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/constants.d.ts

@@ -0,0 +1,2 @@
+import { VariantType } from '../ListBox/types';
+export declare const VARIANT_COLOR_MAP: Record<VariantType, string>;

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 } from '../ListBox';
-import { IconProps } from '../../types';
+import { ListBoxSelectionType, VariantType } from '../ListBox';
+import { IconProps, ResponseFileType } from '../../types';
 export type ListOptionsProps = {
     item: Node<unknown>;
     state: ListState<unknown>;
@@ -12,6 +12,13 @@ export type ListOptionsProps = {
     type?: `${ListBoxSelectionType}`;
     selectionPosition?: 'start' | 'end';
     enableSelection?: boolean;
+    variant?: VariantType;
+    image?: ResponseFileType | null;
+    selectionImageClassNames?: {
+        label?: string;
+        arrowIcon?: string;
+        bottomContainer?: string;
+    } | null;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;
@@ -21,7 +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/cjs/lib2/shared/ui/ProgressBar_v2/ProgressBar_v2.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 type ProgressBar_v2Props = {
-    variant?: 'default' | 'danger' | 'success' | 'dark' | 'light';
+    variant?: 'default' | 'danger' | 'success' | 'dark' | 'light' | 'blue';
     progress: number;
     className?: string;
     reversed?: boolean;

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

@@ -1,3 +1,4 @@
+import { RatingComponentProps } from 'react-rating';
 export type RatingProps = {
     initialRating?: number;
     onChange?: (value: number) => void;
@@ -6,4 +7,4 @@ export type RatingProps = {
     size?: number;
     className?: string;
     readonly?: boolean;
-};
+} & RatingComponentProps;

package/dist/cjs/lib2/shared/ui/RatingCircle/RatingCircleWrapper.d.ts

@@ -2,6 +2,6 @@ import { FC } from 'react';
 import { WithTranslation } from 'react-i18next';
 import { CircleRatingComponentProps } from '../../types';
 declare const RatingCircleWrapper: FC<CircleRatingComponentProps & {
-    t: WithTranslation | any;
+    t: WithTranslation['t'] | any;
 }>;
 export default RatingCircleWrapper;

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

@@ -28,6 +28,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
             icon: string;
         };
     };
+    isPrimaryColor: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
 }, {
     breakPoint: string;
     defaultStroke: string;
@@ -66,6 +73,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
             icon: string;
         };
     };
+    isPrimaryColor: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
 }, {
     transparent: {
         true: {
@@ -96,6 +110,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
             icon: string;
         };
     };
+    isPrimaryColor: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
 }>, {
     transparent: {
         true: {
@@ -126,6 +147,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
             icon: string;
         };
     };
+    isPrimaryColor: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
 }, {
     breakPoint: string;
     defaultStroke: string;
@@ -164,6 +192,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
             icon: string;
         };
     };
+    isPrimaryColor: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
 }, {
     breakPoint: string;
     defaultStroke: string;
@@ -202,6 +237,13 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
             icon: string;
         };
     };
+    isPrimaryColor: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
 }, {
     transparent: {
         true: {
@@ -232,4 +274,11 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
             icon: string;
         };
     };
+    isPrimaryColor: {
+        true: {
+            coloredStroke: string;
+            contentColor: string;
+            icon: string;
+        };
+    };
 }>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SolidInputProps } from './types';
+declare const SolidInput: React.ForwardRefExoticComponent<SolidInputProps & React.RefAttributes<HTMLIonInputElement>>;
+export default SolidInput;

package/dist/cjs/lib2/shared/ui/SolidInput/SolidInput.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SolidInput from './SolidInput';
+declare const meta: Meta<typeof SolidInput>;
+export default meta;
+type Story = StoryObj<typeof SolidInput>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const Password: Story;

package/dist/cjs/lib2/shared/ui/SolidInput/index.d.ts

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

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

@@ -0,0 +1,16 @@
+import { InputChangeEventDetail, IonInputCustomEvent, TextFieldTypes } from '@ionic/core';
+import { KeyboardEventHandler } from 'react';
+export type SolidInputProps = {
+    placeholder: string;
+    value?: string;
+    name?: string;
+    type?: TextFieldTypes;
+    itemClassName?: string;
+    inputClassName?: string;
+    labelClassName?: string;
+    errorText?: string;
+    isInvalid?: boolean;
+    showTogglePassword?: boolean;
+    onChange?: (event: IonInputCustomEvent<InputChangeEventDetail>) => void;
+    onKeyDown?: KeyboardEventHandler;
+};

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

@@ -40,6 +40,7 @@ export type TypographyProps = {
     opacity?: TypographyOpacityType;
     isAppearCase?: boolean;
     className?: string;
+    style?: React.CSSProperties;
     children: React.ReactNode;
     onClick?: (args: any) => typeof args;
     isError?: boolean;

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

@@ -1,10 +1,13 @@
 import React from 'react';
+import { VariantEnum } from '../../types/variant';
 export type VideoProps = {
     src: string;
     isMuted?: boolean;
     isWithWatermark?: boolean;
     isWithPlay?: boolean;
+    buttonPlacement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
     hiddenVideo?: boolean;
+    variant?: VariantEnum;
     preview?: string;
     onMuteToggle?: () => void;
     onPlay?(src: string): void;

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

@@ -0,0 +1,189 @@
+export declare const videoStyle: import("tailwind-variants").TVReturnType<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    playButton: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}>, {
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    playButton: string;
+}, import("tailwind-variants").TVReturnType<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    playButton: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}, {
+    buttonPlacement: {
+        center: {
+            playButton: string;
+        };
+        'top-left': {
+            playButton: string;
+        };
+        'top-right': {
+            playButton: string;
+        };
+        'bottom-left': {
+            playButton: string;
+        };
+        'bottom-right': {
+            playButton: string;
+        };
+    };
+    variant: {
+        default: {
+            playButton: string;
+        };
+        blue: {
+            playButton: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

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

@@ -44,3 +44,4 @@ export * from './Divider';
 export * from './EmptyList';
 export * from './SpecialistProfileNotFound';
 export * from './NewSpecialist';
+export * from './SolidInput';

package/dist/cjs/lib2/shared/utils/format.d.ts

@@ -2,3 +2,4 @@ export declare const formatByDigits: (value: number) => string;
 export declare const roundToPrecision: (value: number, decimals?: number) => number;
 export declare const getDateLocale: (locale: string) => Locale;
 export declare const getGMTOffset: (timeZone: string) => string;
+export declare const getMonthNameInGenitive: (date: Date, locale: string) => string;

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

@@ -8,3 +8,5 @@ export * from './specialistStatus';
 export * from './userCan';
 export * from './filter';
 export * from './session';
+export * from './mock';
+export { ONBOARDING_THEME_DEFAULT_COLORS } from './onboarding';

package/dist/cjs/lib2/shared/utils/onboarding.d.ts

@@ -0,0 +1,4 @@
+import { OnboardingVariant } from '../types';
+export declare const ONBOARDING_THEME_DEFAULT_COLORS: Record<OnboardingVariant, {
+    defaultThemeColor: string;
+}>;

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

@@ -1 +1,2 @@
 export { default as SpecialistDetailWidget } from './SpecialistDetailWidget';
+export { default as SpecialistDetailWidgetSkeleton } from './SpecialistDetailWidgetSkeleton';

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

@@ -19,4 +19,5 @@ export type SpecialistDetailWidgetProps = {
     onRateSession?(): void;
     onOpenSuperSpecialistArticle?(): void;
     onOpenNewSpecialistArticle?(): void;
+    onEditSpecialistReview?: (review: Pick<SpecialistReview, 'id' | 'review_rating' | 'text_of_review'>) => Promise<void>;
 };

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

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

package/dist/cjs/lib2/widgets/SpecialistPreviewWidget/SpecialistPreviewWidget.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SpecialistPreviewWidget from './SpecialistPreviewWidget';
+declare const meta: Meta<typeof SpecialistPreviewWidget>;
+export default meta;
+type Story = StoryObj<typeof SpecialistPreviewWidget>;
+export declare const Default: Story;
+export declare const Blue: Story;

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

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

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

@@ -0,0 +1,9 @@
+import { WithTranslation } from 'react-i18next';
+import { Specialist } from '../../shared/types';
+import { VariantEnum } from '../../shared/types/variant';
+export type SpecialistPreviewWidgetProps = {
+    t?: WithTranslation['t'];
+    specialist: Specialist;
+    variant?: VariantEnum;
+    className?: string;
+};

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

@@ -9,3 +9,4 @@ export * from './SpecialistPreviewListWidget';
 export * from './SessionsListWidget';
 export * from './SessionDetailWidget';
 export * from './SessionPaymentsWidget';
+export * from './SpecialistPreviewWidget';

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

@@ -38,10 +38,18 @@ declare const _default: {
         };
         white: string;
         black: string;
+        brand: {
+            client: {
+                celestialBlueSuperLight: string;
+                celestialBlue: string;
+                celestialBlueDarker: string;
+            };
+        };
     };
     typography: {
         typography: {
             primary: string;
+            secondary: string;
         };
     };
     badges: {