@mindly/ui-components 5.93.0 → 5.94.0

package/dist/esm/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/esm/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/esm/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/esm/lib2/features/ContractDataFeature/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/lib2/features/MenuFeature/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/lib2/features/SessionPreviewFeature/SessionPreviewFeatureSkeleton.d.ts

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

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

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

package/dist/esm/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/esm/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/esm/lib2/features/index.d.ts

@@ -36,5 +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/esm/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/esm/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/esm/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/esm/lib2/shared/assets/icons/index.d.ts

@@ -101,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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;
+}[];

package/dist/esm/lib2/shared/utils/session.d.ts

@@ -0,0 +1,12 @@
+import { Session, SessionTime, SessionVariant } from '../types';
+export declare const SOON_SESSION_TIME_SECONDS: number;
+export declare const NEAR_SESSION_TIME_SECONDS: number;
+export declare const CAN_MANAGE_SESSION_TIME_HOURS = 24;
+export declare const getStartSessionDate: (sessionTime?: SessionTime) => Date | undefined;
+export declare const getSessionVariant: (session?: Session) => SessionVariant;
+export declare const getSessionsByYear: (sessions: Session[]) => Record<number, Session[]>;
+export declare const getSessionsByMonth: (sessions: Session[]) => Record<number, Session[]>;
+export declare const getSessionsByDay: (sessions: Session[]) => Record<number, Session[]>;
+export declare const splitSessions: (sessions: Session[]) => Record<string, Session[]>;
+export declare const getSessionTimeLabel: (variant: SessionVariant, startSessionDate: Date, t: TFunction<import("react-i18next").FallbackNs<Ns>, KPrefix>) => string;
+export declare const canManageSession: (sessionDate?: Date) => boolean;

package/dist/esm/lib2/shared/utils/userCan.d.ts

@@ -1,5 +1,5 @@
 import { AutoComplete } from '../types';
-import { Consultation } from '../types/consultation';
+import { Session } from '../types/session';
 import { Specialist } from '../types/specialistTypes';
 import { Subscription } from '../types/subscription';
 export type ClientCanAction = AutoComplete<'book_session'>;
@@ -8,6 +8,6 @@ export type ClientCanParams = {
     specialist: Specialist;
     activeSubscription?: Subscription | null;
     subscriptionAvailableBalance?: number;
-    consultations?: Consultation[];
+    sessions?: Session[];
 };
 export declare const isClientCan: ({ action, ...params }: ClientCanParams) => boolean;

package/dist/esm/lib2/widgets/SessionDetailWidget/SessionDetailWidget.d.ts

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

package/dist/esm/lib2/widgets/SessionDetailWidget/SessionDetailWidget.stories.d.ts

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

package/dist/esm/lib2/widgets/SessionDetailWidget/SessionDetailWidgetSkeleton.d.ts

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

package/dist/esm/lib2/widgets/SessionDetailWidget/index.d.ts

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