@mindly/ui-components 5.92.4 → 5.94.0

package/dist/cjs/lib2/features/AppHeaderPageFeature/AppHeaderPageSkeletonFeature.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
-declare const AppHeaderSkeleton: React.FC;
+declare const AppHeaderSkeleton: React.FC<{
+    hasChildren: boolean;
+}>;
 export default AppHeaderSkeleton;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-type CardModalProps = {
+export type CardModalProps = {
     isOpen: boolean;
     title?: string;
     subtitle?: string;

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

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

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ContractDataFeature from './ContractDataFeature';
+declare const meta: Meta<typeof ContractDataFeature>;
+export default meta;
+type Story = StoryObj<typeof ContractDataFeature>;
+export declare const Default: Story;
+export declare const NotSigned: Story;
+export declare const Pending: Story;
+export declare const Expired: Story;
+export declare const Blocked: Story;
+export declare const None: Story;

package/dist/cjs/lib2/features/ContractDataFeature/index.d.ts

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

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

@@ -0,0 +1,160 @@
+export declare const contractDataFeatureStyle: import("tailwind-variants").TVReturnType<{
+    status: {
+        pending: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        not_signed: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        expired: {};
+        none: {
+            root: string;
+        };
+        expired_none: {
+            root: string;
+        };
+        active: {};
+    };
+}, {
+    root: string;
+    subtitle: string;
+    icon: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    status: {
+        pending: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        not_signed: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        expired: {};
+        none: {
+            root: string;
+        };
+        expired_none: {
+            root: string;
+        };
+        active: {};
+    };
+}, {
+    status: {
+        pending: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        not_signed: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        expired: {};
+        none: {
+            root: string;
+        };
+        expired_none: {
+            root: string;
+        };
+        active: {};
+    };
+}>, {
+    status: {
+        pending: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        not_signed: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        expired: {};
+        none: {
+            root: string;
+        };
+        expired_none: {
+            root: string;
+        };
+        active: {};
+    };
+}, {
+    root: string;
+    subtitle: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        pending: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        not_signed: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        expired: {};
+        none: {
+            root: string;
+        };
+        expired_none: {
+            root: string;
+        };
+        active: {};
+    };
+}, {
+    root: string;
+    subtitle: string;
+    icon: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    status: {
+        pending: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        not_signed: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        expired: {};
+        none: {
+            root: string;
+        };
+        expired_none: {
+            root: string;
+        };
+        active: {};
+    };
+}, {
+    status: {
+        pending: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        not_signed: {
+            root: string;
+            subtitle: string;
+            icon: string;
+        };
+        expired: {};
+        none: {
+            root: string;
+        };
+        expired_none: {
+            root: string;
+        };
+        active: {};
+    };
+}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,8 @@
+import { WithTranslation } from 'react-i18next';
+import { Specialist } from '../../shared';
+export type ContractDataFeatureProps = {
+    specialist?: Specialist;
+    onOpenContract?(): void;
+    t?: WithTranslation['t'];
+    className?: string;
+};

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CardModalProps } from '../CardModal/CardModal';
+type EmptyChatModalFeatureProps = {
+    buttonTitle?: string;
+    onButtonClick?: () => void;
+} & CardModalProps;
+declare const EmptyChatModalFeature: FC<EmptyChatModalFeatureProps>;
+export default EmptyChatModalFeature;

package/dist/cjs/lib2/features/EmptyChatModalFeature/index.d.ts

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

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { CardModalProps } from '../CardModal/CardModal';
+import { TextAreaFormFeatureProps } from '../TextAreaFormFeature/TextAreaFormFeature';
+type FirstChatMessageModalFeatureProps = {
+    avatarUrl?: string;
+    title?: string;
+    modalProps: CardModalProps;
+    inputProps?: TextAreaFormFeatureProps;
+};
+declare const FirstChatMessageModalFeature: FC<FirstChatMessageModalFeatureProps>;
+export default FirstChatMessageModalFeature;

package/dist/cjs/lib2/features/FirstChatMessageModalFeature/index.d.ts

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

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

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

package/dist/cjs/lib2/features/MenuFeature/MenuFeatureSkeleton.d.ts

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

package/dist/cjs/lib2/features/MenuFeature/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import { FC, SVGProps } from 'react';
+export type MenuItem = {
+    Icon?: FC<SVGProps<SVGSVGElement>>;
+    label: string;
+    withArrow?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export type MenuFeatureProps = {
+    items: MenuItem[];
+    className?: string;
+    isLoading?: boolean;
+};

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

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

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SessionPreviewFeature from './SessionPreviewFeature';
+declare const meta: Meta<typeof SessionPreviewFeature>;
+export default meta;
+type Story = StoryObj<typeof SessionPreviewFeature>;
+export declare const Default: Story;
+export declare const Current: Story;
+export declare const Soon: Story;
+export declare const Near: Story;
+export declare const NearInDays: Story;
+export declare const Future: Story;
+export declare const Past: Story;
+export declare const Loading: Story;

package/dist/cjs/lib2/features/SessionPreviewFeature/SessionPreviewFeatureSkeleton.d.ts

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

package/dist/cjs/lib2/features/SessionPreviewFeature/index.d.ts

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

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

@@ -0,0 +1,157 @@
+export declare const sessionPreviewFeatureStyle: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            root: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            root: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            root: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            root: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            root: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,10 @@
+import { Session } from '../../shared';
+import { WithTranslation } from 'react-i18next';
+export type SessionPreviewFeatureProps = {
+    session?: Session;
+    viewPerson?: 'client' | 'specialist';
+    t?: WithTranslation['t'];
+    isLoading?: boolean;
+    onSessionClick?(session: Session): void;
+    onSessionStart?(session: Session): void;
+};

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

@@ -1,5 +1,5 @@
-import React from 'react';
-type TextAreaFormFeatureProps = {
+import React, { FC } from 'react';
+export type TextAreaFormFeatureProps = {
     title?: string;
     subtitle?: string;
     placeholder?: string;
@@ -10,6 +10,8 @@ type TextAreaFormFeatureProps = {
     isLoading?: boolean;
     isFocus?: boolean;
     isKeyboardShown?: boolean;
+    maxlength?: number;
+    HeaderComponent?: FC;
 };
 declare const _default: React.NamedExoticComponent<TextAreaFormFeatureProps>;
 export default _default;

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

@@ -36,3 +36,8 @@ export * from './SpecialistEducationsFeature';
 export * from './SpecialistPreviewFeature';
 export * from './AppHeaderPageFeature';
 export * from './TabsToolbarFeature';
+export * from './SessionPreviewFeature';
+export * from './EmptyChatModalFeature';
+export * from './FirstChatMessageModalFeature';
+export * from './ContractDataFeature';
+export * from './MenuFeature';

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

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

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

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const IconChat3dSmaller: (props: SVGProps<SVGSVGElement>) => JSX.Element;

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

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

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

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

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

@@ -39,6 +39,7 @@ export * from './IconCreditCard';
 export * from './IconQuestion';
 export * from './IconPaper';
 export * from './IconChat3d';
+export * from './IconChat3dSmaller';
 export * from './IconNotficationMuted';
 export * from './IconCheckSmall';
 export * from './IconCheck';
@@ -100,3 +101,6 @@ export * from './IconEmptyList';
 export * from './IconChat';
 export * from './IconMindlyMini';
 export * from './IconSchedule';
+export * from './IconContract';
+export * from './IconReceipt';
+export * from './IconCalendarWithDot';

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

@@ -10,3 +10,4 @@ export declare enum ClientSpecialistContractStatusEnum {
     signed_by_client = "signed_by_client",
     expired = "expired"
 }
+export declare const MapStatusContractToUIStatus: Record<ClientSpecialistContractStatusEnum, 'active' | 'pending' | 'not_signed' | 'expired'>;

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

@@ -11,4 +11,4 @@ export * from './review';
 export * from './contract';
 export * from './user';
 export * from './subscription';
-export * from './consultation';
+export * from './session';

package/dist/cjs/lib2/shared/types/{consultation.d.ts → session.d.ts}

@@ -1,20 +1,24 @@
 import { ClientSpecialistContractStatusEnum } from './contract';
 import { Specialist } from './specialistTypes';
-export type Consultation = {
+import { Subscription } from './subscription';
+import { UserType } from './user';
+export type SessionTime = {
+    _seconds: number;
+    nanoseconds?: number;
+    seconds: number;
+    _nanoseconds?: number;
+} | string;
+export type Session = {
     id: string;
-    consultation_time: {
-        _seconds: number;
-        nanoseconds: number;
-    } | string;
+    consultation_time: SessionTime;
+    consultation_booking_date?: SessionTime;
+    consultation_id?: string;
     consultation_with: string;
     duration: number;
     exchange_rate: string;
-    payment_date: {
-        _seconds: number;
-        nanoseconds: number;
-    };
+    payment_date?: SessionTime;
     payment_type?: string;
-    price: number;
+    price: number | string;
     price_uah: number;
     psychologist_avatar: string;
     psychologist_id: string;
@@ -27,11 +31,9 @@ export type Consultation = {
     videochat_url: string;
     was_rescheduled: boolean;
     session_status?: 'client_showed' | 'client_not_showed';
-    consultation_time_before_rescheduling?: {
-        _seconds: number;
-        nanoseconds: number;
-    };
+    consultation_time_before_rescheduling?: SessionTime;
     therapist?: Specialist;
+    user?: UserType;
     client?: {
         specialist_client_contract_id?: string | null;
         specialist_client_contract_status?: ClientSpecialistContractStatusEnum | null;
@@ -42,4 +44,6 @@ export type Consultation = {
     price_type?: string;
     price_default?: number;
     payment_intent_id?: string;
+    subscription?: Subscription;
 };
+export type SessionVariant = 'default' | 'current' | 'soon' | 'near' | 'past';

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

@@ -35,10 +35,11 @@ export type Subscription = {
     pause_used_at?: number | null;
     number_of_sessions_per_week: number;
     used_balance: number;
-    therapist: Specialist;
-    user: UserType;
+    therapist?: Specialist;
+    user?: UserType;
     next_payment_default_in_cents: number;
     next_payment_original_in_cents: number;
     exchange_rate_in_basis_points: number;
     charge_currency: SupportedCurrency;
+    exchange_rate: string;
 };

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

@@ -1,2 +1,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;

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

@@ -1,7 +1,47 @@
+import { ClientSpecialistContractStatusEnum } from '../types/contract';
 import { UserType } from '../types/user';
 import { Specialist } from '../types/specialistTypes';
-import { SpecialistReview } from '../types';
+import { Session, SpecialistReview } from '../types';
 export declare const mockT: (translate?: Record<string, string>) => TFunction<import("react-i18next").FallbackNs<Ns>, KPrefix>;
 export declare const specialist: Specialist;
 export declare const currentUser: UserType;
 export declare const listReviews: SpecialistReview[];
+export declare const mockSession: Session;
+export declare const mockSessions: {
+    consultation_time: any;
+    id: string;
+    consultation_booking_date?: import("../types").SessionTime | undefined;
+    consultation_id?: string | undefined;
+    consultation_with: string;
+    duration: number;
+    exchange_rate: string;
+    payment_date?: import("../types").SessionTime | undefined;
+    payment_type?: string | undefined;
+    price: string | number;
+    price_uah: number;
+    psychologist_avatar: string;
+    psychologist_id: string;
+    psychologist_name: string;
+    psychologist_timezone: string;
+    user_avatar: string;
+    user_id: string;
+    user_name: string;
+    user_timezone: string;
+    videochat_url: string;
+    was_rescheduled: boolean;
+    session_status?: "client_showed" | "client_not_showed" | undefined;
+    consultation_time_before_rescheduling?: import("../types").SessionTime | undefined;
+    therapist?: Specialist | undefined;
+    user?: UserType | undefined;
+    client?: {
+        specialist_client_contract_id?: string | null | undefined;
+        specialist_client_contract_status?: ClientSpecialistContractStatusEnum | null | undefined;
+    } | undefined;
+    applied_promotional_code?: string | null | undefined;
+    auto_booking_status?: "enable" | "disable" | undefined;
+    subscription_id?: string | null | undefined;
+    price_type?: string | undefined;
+    price_default?: number | undefined;
+    payment_intent_id?: string | undefined;
+    subscription?: import("../types").Subscription | undefined;
+}[];