@mindly/ui-components 8.3.6 → 8.4.0

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/OnBoardingMultiSelectionScreenPreviewFeature.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useState } from 'react';
+import classNames from 'classnames';
+import { MarkdownContainerFeature } from '../../MarkdownContainerFeature';
+import { ListBox, ListBoxItem, Typography, TypographyVariantsEnum, } from '../../../shared';
+const OnBoardingMultiSelectionScreenPreviewFeature = ({ options, title, description, isPreview, onChange, defaultValues = [], }) => {
+    const [selectedValue, setSelectValue] = useState(new Set(defaultValues));
+    const onSelectionChange = useCallback((state) => {
+        setSelectValue(state);
+        if (state === 'all')
+            return;
+        onChange === null || onChange === void 0 ? void 0 : onChange(Array.from(state));
+    }, [onChange]);
+    return (_jsxs("div", Object.assign({ className: classNames('h-full flex flex-col', { 'gap-2.5': isPreview }, { 'gap-5': !isPreview }) }, { children: [_jsxs("div", Object.assign({ className: classNames('flex flex-col', { 'gap-0.5': isPreview }, { 'gap-1': !isPreview }) }, { children: [title && (_jsx(Typography, Object.assign({ variant: isPreview
+                            ? TypographyVariantsEnum.Title14Semi
+                            : TypographyVariantsEnum.Title24Semi }, { children: title }))), description && (_jsx(MarkdownContainerFeature, Object.assign({ options: {
+                            overrides: {
+                                p: {
+                                    component: Typography,
+                                    props: {
+                                        variant: isPreview
+                                            ? TypographyVariantsEnum.Text7Regular
+                                            : TypographyVariantsEnum.Text15Regular,
+                                        className: '!text-[#838485]',
+                                    },
+                                },
+                            },
+                        } }, { children: description })))] })), _jsx(ListBox, Object.assign({ "aria-label": "MultiSelect", selectedKeys: selectedValue, onSelectionChange: onSelectionChange, selectionMode: 'multiple', type: 'checkbox', className: 'p-0', selectedIconProps: {
+                    className: isPreview ? '!h-3 !w-3' : '!h-6 !w-6',
+                } }, { children: options.map((item, index) => (_jsx(ListBoxItem, Object.assign({ textValue: item.id, "aria-label": item.label, divider: options.length - 1 !== index, className: isPreview ? '!px-0 !py-2' : '!px-0 !py-4' }, { children: _jsx(Typography, Object.assign({ variant: isPreview
+                            ? TypographyVariantsEnum.Text12Regular
+                            : TypographyVariantsEnum.Text16Regular }, { children: item.label })) }), item.id))) }))] })));
+};
+export default memo(OnBoardingMultiSelectionScreenPreviewFeature);

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/index.js

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

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/OnBoardingProgressFeature.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import classNames from 'classnames';
+import { AppHeader_v2 as AppHeader, IconArrowLeft, IconButton, ProgressBar_v2 as ProgressBar, OnBoardingScreenStyleOptions, } from '../../../shared';
+import styles from './OnBoardingProgressFeature.module.css';
+const PreviewProgress = ({ children }) => (_jsx("div", Object.assign({ className: 'px-3 h-[28px] shrink-0' }, { children: children })));
+const NormalProgress = ({ children }) => (_jsx(AppHeader, Object.assign({ toolbarClassName: styles.toolbar }, { children: children })));
+const OnBoardingProgressFeature = ({ progress, isPreview, isBackButtonDisabled = true, contentStyle, onBackButtonClick, }) => {
+    const Component = isPreview ? PreviewProgress : NormalProgress;
+    const size = isPreview ? 12 : 24;
+    const progressWidth = isPreview ? 'w-[128px]' : 'w-[200px]';
+    const progressStyle = isPreview
+        ? 'h-[2px] rounded-[2px]'
+        : 'h-[4px] rounded-[4px]';
+    const progressVariant = contentStyle === OnBoardingScreenStyleOptions.LIGHT ? 'light' : 'dark';
+    const backArrowColor = contentStyle === OnBoardingScreenStyleOptions.LIGHT
+        ? 'text-[#FFFFFF]'
+        : 'text-[#212121]';
+    return (_jsx(Component, { children: _jsxs("div", Object.assign({ className: 'relative h-full' }, { children: [!isBackButtonDisabled && (_jsx(IconButton, { className: classNames('absolute left-0 top-1/2 -translate-y-1/2', { '!w-3 !h-3': isPreview }, { '!w-6 !h-6': !isPreview }), icon: _jsx(IconArrowLeft, { size: size, className: backArrowColor }), onClick: onBackButtonClick })), _jsx("div", Object.assign({ className: classNames(progressWidth, 'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2') }, { children: _jsx(ProgressBar, { progress: progress, className: progressStyle, variant: progressVariant }) }))] })) }));
+};
+export default memo(OnBoardingProgressFeature);

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/index.js

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

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingReviewsScreenPreviewFeature/OnBoardingReviewsScreenPreviewFeature.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import classNames from 'classnames';
+import { Typography, TypographyVariantsEnum, } from '../../../shared';
+import { ReviewCardFeature, ReviewsCardFeatureSkeleton, } from '../../ReviewCardFeature';
+const OnBoardingReviewsScreenPreviewFeature = ({ title, isPreview, reviews, isLoading, t }) => {
+    return (_jsxs("div", Object.assign({ className: 'h-full flex flex-col' }, { children: [title && (_jsx(Typography, Object.assign({ variant: isPreview
+                    ? TypographyVariantsEnum.Title14Semi
+                    : TypographyVariantsEnum.Title24Semi, className: 'mb-3' }, { children: title }))), _jsx("ul", Object.assign({ className: classNames('flex flex-col', {
+                    'h-[360px] gap-2.5 overscroll-auto overflow-hidden mb-2.5': isPreview,
+                }, { 'gap-5 mb-5': !isPreview }) }, { children: reviews.map((r) => {
+                    var _a, _b;
+                    return (_jsx("li", { children: _jsx(ReviewCardFeature, { name: `${r.client_first_name} ${r.client_last_name}.`, avatarSrc: (_a = r.client_avatar) !== null && _a !== void 0 ? _a : undefined, date: r.created_at, rating: r.review_rating, review: (_b = r.text_of_review) !== null && _b !== void 0 ? _b : '', size: isPreview ? 'small' : 'default', t: t }) }, r.id));
+                }) })), isLoading && _jsx(ReviewsCardFeatureSkeleton, {})] })));
+};
+export default memo(OnBoardingReviewsScreenPreviewFeature);

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingReviewsScreenPreviewFeature/index.js

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

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useState } from 'react';
+import classNames from 'classnames';
+import { MarkdownContainerFeature } from '../../MarkdownContainerFeature';
+import { ListBox, ListBoxItem, Typography, TypographyVariantsEnum, } from '../../../shared';
+const OnBoardingSingleSelectionScreenPreviewFeature = ({ options, title, description, isPreview, onChange, defaultValues = [], }) => {
+    const [selectedValue, setSelectValue] = useState(new Set(defaultValues));
+    const onSelectionChange = useCallback((state) => {
+        setSelectValue(state);
+        if (state !== 'all' && !state.size)
+            return;
+        onChange === null || onChange === void 0 ? void 0 : onChange(Array.from(state)[0]);
+    }, [onChange]);
+    return (_jsxs("div", Object.assign({ className: classNames('h-full flex flex-col', { 'gap-2.5': isPreview }, { 'gap-5': !isPreview }) }, { children: [_jsxs("div", Object.assign({ className: classNames('flex flex-col', { 'gap-0.5': isPreview }, { 'gap-1': !isPreview }) }, { children: [title && (_jsx(Typography, Object.assign({ variant: isPreview
+                            ? TypographyVariantsEnum.Title14Semi
+                            : TypographyVariantsEnum.Title24Semi }, { children: title }))), description && (_jsx(MarkdownContainerFeature, Object.assign({ options: {
+                            overrides: {
+                                p: {
+                                    component: Typography,
+                                    props: {
+                                        variant: isPreview
+                                            ? TypographyVariantsEnum.Text7Regular
+                                            : TypographyVariantsEnum.Text15Regular,
+                                        className: '!text-[#838485]',
+                                    },
+                                },
+                            },
+                        } }, { children: description })))] })), _jsx(ListBox, Object.assign({ "aria-label": "MultiSelect", selectedKeys: selectedValue, onSelectionChange: onSelectionChange, selectionMode: 'single', type: 'radio', className: 'p-0', selectedIconProps: {
+                    className: isPreview ? '!h-3 !w-3' : '!h-6 !w-6',
+                } }, { children: options.map((item, index) => (_jsx(ListBoxItem, Object.assign({ textValue: item.id, "aria-label": item.label, divider: options.length - 1 !== index, className: isPreview ? '!px-0 !py-2' : '!px-0 !py-4' }, { children: _jsx(Typography, Object.assign({ variant: isPreview
+                            ? TypographyVariantsEnum.Text12Regular
+                            : TypographyVariantsEnum.Text16Regular }, { children: item.label })) }), item.id))) }))] })));
+};
+export default memo(OnBoardingSingleSelectionScreenPreviewFeature);

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/index.js

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

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingStartScreenPreviewFeature/OnBoardingStartScreenPreviewFeature.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import classNames from 'classnames';
+import { MarkdownContainerFeature } from '../../MarkdownContainerFeature';
+import { Picture, Typography, TypographyVariantsEnum, OnBoardingScreenStyleOptions, useElementWidth, } from '../../../shared';
+const OnBoardingStartScreenPreviewFeature = ({ title, description, contentStyle, image, isPreview, }) => {
+    var _a, _b;
+    const [width, elementRef] = useElementWidth();
+    const textColor = contentStyle === OnBoardingScreenStyleOptions.DARK
+        ? '!text-[#212121]'
+        : '!text-[#FFFFFF]';
+    return (_jsx("div", Object.assign({ className: 'flex flex-col h-full justify-center items-center gap-6 px-2', ref: elementRef }, { children: !!width && (_jsxs("div", Object.assign({ className: classNames('flex flex-col items-center', { 'gap-1': isPreview }, { 'gap-2': !isPreview }) }, { children: [(image === null || image === void 0 ? void 0 : image.file_url) && (_jsx("div", Object.assign({ className: classNames('flex justify-center w-full', { 'mb-4': isPreview }, { 'mb-8': !isPreview }) }, { children: _jsx(Picture, { width: (_a = image === null || image === void 0 ? void 0 : image.width) !== null && _a !== void 0 ? _a : 0, height: (_b = image === null || image === void 0 ? void 0 : image.height) !== null && _b !== void 0 ? _b : 0, src: { src: image.file_url }, srcType: 'image/webp', responsive: true, containerWidth: width }) }))), _jsx(Typography, Object.assign({ variant: isPreview
+                        ? TypographyVariantsEnum.Title14Semi
+                        : TypographyVariantsEnum.Title24Semi, className: textColor, align: 'center' }, { children: title })), _jsx(MarkdownContainerFeature, Object.assign({ options: {
+                        overrides: {
+                            p: {
+                                component: Typography,
+                                props: {
+                                    variant: isPreview
+                                        ? TypographyVariantsEnum.Text7Regular
+                                        : TypographyVariantsEnum.Text14Regular,
+                                    className: textColor,
+                                    align: 'center',
+                                },
+                            },
+                        },
+                    }, className: isPreview ? '!gap-1' : '!gap-4' }, { children: description }))] }))) })));
+};
+export default memo(OnBoardingStartScreenPreviewFeature);

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingStartScreenPreviewFeature/index.js

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

package/dist/esm/lib2/features/OnBoardingFlow/index.js

@@ -0,0 +1,7 @@
+export * from './OnBoardingStartScreenPreviewFeature';
+export * from './OnBoardingInfoScreenPreviewFeature';
+export * from './OnBoardingMultiSelectionScreenPreviewFeature';
+export * from './OnBoardingSingleSelectionScreenPreviewFeature';
+export * from './OnBoardingLoaderScreenPreviewFeature';
+export * from './OnBoardingProgressFeature';
+export * from './OnBoardingReviewsScreenPreviewFeature';

package/dist/esm/lib2/features/OutdatedPersonalDataFeature/OutdatedPersonalDataFeature.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppFooter_v2 as AppFooter, Button_v2 as Button, Container_v2 as Container, Typography, TypographyVariantsEnum, } from '../../shared';
+import { CardModal } from '../CardModal';
+export function OutdatedPersonalDataFeature({ isOpen, presentingElement, onApply, onDismiss, subtitle, title, applyText, }) {
+    return (_jsxs(CardModal, Object.assign({ isOpen: isOpen, presentingElement: presentingElement, onDidDismiss: onDismiss }, { children: [_jsxs(Container, { children: [_jsx(Typography, Object.assign({ className: "text-8xl mt-12", align: "center" }, { children: "\u261D\uFE0F" })), _jsx(Typography, Object.assign({ className: "mt-5", variant: TypographyVariantsEnum.Title24Semi, align: "center" }, { children: title })), _jsx(Typography, Object.assign({ className: "mt-2", variant: TypographyVariantsEnum.Text14Regular, align: "center", opacity: 50 }, { children: subtitle }))] }), _jsx(AppFooter, { children: _jsx(Button, Object.assign({ size: "large", fullWidth: true, onClick: onApply }, { children: applyText })) })] })));
+}

package/dist/esm/lib2/features/OutdatedPersonalDataFeature/index.js

@@ -0,0 +1 @@
+export * from './OutdatedPersonalDataFeature';

package/dist/esm/lib2/features/OutdatedPersonalDataFeature/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib2/features/PaymentCalendarFeature/PaymentCalendarFeature.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useEffect } from 'react';
+import { IconCalendar } from '../../shared';
+import { CalendarPickerFeature } from '../CalendarPickerFeature';
+const PaymentCalendarFeature = ({ t, date, locale, lastDate, dateCallback }) => {
+    const [selectedDate, setSelectedDate] = useState(date);
+    const [isPickerOpen, setIsPickerOpen] = useState(false);
+    useEffect(() => {
+        if (date !== selectedDate) {
+            setSelectedDate(date);
+        }
+    }, [date]);
+    const openPicker = () => {
+        setIsPickerOpen(true);
+    };
+    const selectDate = (date) => {
+        setIsPickerOpen(false);
+        setSelectedDate(date);
+        dateCallback(date);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(IconCalendar, { onClick: openPicker, className: "cursor-pointer" }), _jsx(CalendarPickerFeature, { t: t, date: date, locale: locale, lastDate: lastDate, mode: 'button', opened: isPickerOpen, dateCallback: selectDate })] }));
+};
+export default memo(PaymentCalendarFeature);

package/dist/esm/lib2/features/PaymentCalendarFeature/index.js

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

package/dist/esm/lib2/features/PushNotificationsIsDisabledBanner/PushNotificationsIsDisabledBanner.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Button_v2 as Button, Typography, TypographyVariantsEnum, } from '../../shared';
+export function PushNotificationsIsDisabledBanner({ onOpenNativeSettings, className, title, description, buttonText, }) {
+    return (_jsx("div", Object.assign({ className: classNames('bg-badges-attention-bg px-5 py-4 rounded-[30px]', className) }, { children: _jsxs("div", Object.assign({ className: "flex gap-x-5" }, { children: [_jsx("div", Object.assign({ className: "flex flex-col justify-center" }, { children: _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title24Semi }, { children: "\uD83D\uDD15" })) })), _jsxs("div", Object.assign({ className: "flex flex-col items-start" }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Semi }, { children: title })), _jsx(Typography, Object.assign({ className: "mb-3 !leading-[150%]", variant: TypographyVariantsEnum.Text13Regular }, { children: description })), _jsx(Button, Object.assign({ fill: "outline", size: "small", onClick: onOpenNativeSettings }, { children: buttonText }))] }))] })) })));
+}

package/dist/esm/lib2/features/PushNotificationsIsDisabledBanner/index.js

@@ -0,0 +1 @@
+export * from './PushNotificationsIsDisabledBanner';

package/dist/esm/lib2/features/PushNotificationsIsDisabledBanner/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/lib2/features/PushNotificationsModal/PushNotificationsModal.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IonImg } from '@ionic/react';
+import { AppFooter_v2 as AppFooter, Button_v2 as Button, Container_v2 as Container, Typography, TypographyVariantsEnum, } from '../../shared';
+import { CardModal } from '../CardModal';
+export function PushNotificationsModal(_a) {
+    var { onApplyPermission, isOpen, title, description, image, applyPermissionText } = _a, props = __rest(_a, ["onApplyPermission", "isOpen", "title", "description", "image", "applyPermissionText"]);
+    return (_jsxs(CardModal, Object.assign({ isShowCloseButton: false, isShowHandle: false, isOpen: isOpen }, props, { children: [_jsx(Container, { children: _jsxs("div", Object.assign({ className: "mb-5" }, { children: [_jsx("div", Object.assign({ className: "mt-[88px] w-full height-[296px] flex justify-center" }, { children: _jsx(IonImg, { src: image }) })), _jsx(Typography, Object.assign({ align: "center", variant: TypographyVariantsEnum.Title24Semi, className: "mt-6 !whitespace-pre-wrap" }, { children: title })), _jsx(Typography, Object.assign({ align: "center", variant: TypographyVariantsEnum.Text14Regular, className: "mt-3 !text-typography-typography-primary/50 !whitespace-pre-wrap" }, { children: description }))] })) }), _jsx(AppFooter, { children: _jsx("div", Object.assign({ className: "flex flex-col gay-2" }, { children: _jsx(Button, Object.assign({ size: "large", fullWidth: true, onClick: onApplyPermission }, { children: applyPermissionText })) })) })] })));
+}

package/dist/esm/lib2/features/PushNotificationsModal/index.js

@@ -0,0 +1 @@
+export * from './PushNotificationsModal';

package/dist/esm/lib2/features/PushNotificationsModal/types.js

@@ -0,0 +1 @@
+export {};

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

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

package/dist/esm/lib2/features/RecurringSessionPreviewFeature/RecurringSessionPreviewFeature.stories.d.ts

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

package/dist/esm/lib2/features/RecurringSessionPreviewFeature/RecurringSessionPreviewFeatureSkeleton.d.ts

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

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

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

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

@@ -0,0 +1,109 @@
+export declare const sessionPreviewFeatureStyle: import("tailwind-variants").TVReturnType<{
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            label: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, {
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            label: 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<{
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            label: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1,10 @@
+import { RecurringSession } from '../../shared';
+import { WithTranslation } from 'react-i18next';
+export type RecurringSessionPreviewFeatureProps = {
+    recurringSession?: RecurringSession;
+    avatarLink?: string;
+    name?: string;
+    t?: WithTranslation['t'];
+    isLoading?: boolean;
+    onClick?(session: RecurringSession): void;
+};

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

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { SessionQueue, RecurringSession } from '../../shared';
+import { ModalSheetProps } from '../../shared/ui/ModalSheet/types';
+type ReservedSessionManageModalFeatureProps = {
+    session?: SessionQueue | RecurringSession;
+    userName?: string;
+    userAvatar?: string;
+    isOpen?: boolean;
+    locale?: string;
+    ref?: React.RefObject<HTMLIonModalElement | null>;
+    t?: WithTranslation['t'];
+    onSelectAction?: (action: 'reschedule' | 'cancel') => void;
+} & ModalSheetProps;
+declare const ReservedSessionManageModalFeature: FC<ReservedSessionManageModalFeatureProps>;
+export default ReservedSessionManageModalFeature;

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

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

package/dist/esm/lib2/features/ReviewCardFeature/ReviewCardFeature.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useMemo } from 'react';
+import { DateTime } from 'luxon';
+import { Avatar_v2 as Avatar, Rating, Typography, } from '../../shared';
+import { reviewCardStyle } from './styles';
+import { TextWithClampFeature } from '../TextWithClampFeature';
+import classNames from 'classnames';
+const ReviewCardFeature = forwardRef(({ avatarSrc, name, date, rating, review, size = 'default', variant = 'default', reviewTextClamp, onExpandReview, t, className, }, ref) => {
+    const { base, user, rating: ratingStyle, mainTextVariant, dateTextVariant, ratingSize, avatarSize, review: reviewStyle, } = reviewCardStyle({ size, variant });
+    const daysAgo = useMemo(() => {
+        const dateNow = DateTime.now().startOf('day');
+        const dateReview = DateTime.fromSeconds(date).startOf('day');
+        const diff = dateNow.diff(dateReview, 'days').toObject();
+        return diff.days ? Math.ceil(diff.days) : 0;
+    }, [date]);
+    const mainTextStyle = mainTextVariant();
+    const dateTextStyle = dateTextVariant();
+    const ratingSizeValue = ratingSize();
+    const handleExpand = () => {
+        onExpandReview === null || onExpandReview === void 0 ? void 0 : onExpandReview();
+    };
+    return (_jsxs("div", Object.assign({ className: classNames(base(), className), ref: ref }, { children: [_jsxs("div", Object.assign({ className: user() }, { children: [_jsx(Avatar, { src: avatarSrc, variant: avatarSize() }), _jsxs("div", { children: [_jsx(Typography, Object.assign({ variant: mainTextStyle }, { children: name })), _jsx(Typography, Object.assign({ variant: dateTextStyle, opacity: 50 }, { children: daysAgo <= 0
+                                    ? t === null || t === void 0 ? void 0 : t('reviews.today_subtitle')
+                                    : t === null || t === void 0 ? void 0 : t('reviews.days_before_subtitle', {
+                                        count: daysAgo,
+                                    }) }))] })] })), _jsx(Rating, { readonly: true, initialRating: rating, size: ratingSizeValue, className: ratingStyle() }), _jsx("div", Object.assign({ className: reviewStyle() }, { children: _jsx(TextWithClampFeature, { variant: mainTextStyle, countLines: reviewTextClamp, text: review, onExpand: handleExpand, t: t }) }))] })));
+});
+ReviewCardFeature.displayName = 'ReviewCardFeature';
+export default memo(ReviewCardFeature);

package/dist/esm/lib2/features/ReviewCardFeature/ReviewsCardFeatureSkeleton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Skeleton_v2 as Skeleton } from '../../shared';
+import { reviewCardStyle } from './styles';
+const ReviewsCardFeatureSkeletonMemoized = () => {
+    const items = new Array(6).fill(0);
+    const { base, user } = reviewCardStyle({ size: 'default' });
+    return (_jsx("ul", Object.assign({ className: 'flex flex-col gap-5' }, { children: items.map((_, index) => (_jsxs("div", Object.assign({ className: base(), style: {
+                opacity: index === 0 ? 1 : index >= 3 ? 0.4 : 1 - (index + index) / 10,
+            } }, { children: [_jsxs("div", Object.assign({ className: user() }, { children: [_jsx(Skeleton, { className: 'w-10 h-10 rounded-full shrink-0' }), _jsxs("div", Object.assign({ className: 'flex flex-col gap-2 w-full' }, { children: [_jsx(Skeleton, { className: 'w-7/12 h-3.5 rounded-xl' }), _jsx(Skeleton, { className: 'w-5/12 h-2.5 rounded-xl' })] }))] })), _jsx(Skeleton, { className: 'w-7/12 h-3.5 rounded-xl' }), _jsxs("div", Object.assign({ className: 'flex flex-col gap-2 w-full mt-[26px]' }, { children: [_jsx(Skeleton, { className: 'w-full h-2.5 rounded-xl' }), _jsx(Skeleton, { className: 'w-8/12 h-2.5 rounded-xl' })] }))] }), index))) })));
+};
+export const ReviewsCardFeatureSkeleton = memo(ReviewsCardFeatureSkeletonMemoized);

package/dist/esm/lib2/features/ReviewCardFeature/index.js

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

package/dist/esm/lib2/features/ReviewCardFeature/styles.js

@@ -0,0 +1,61 @@
+import { tv } from 'tailwind-variants';
+import { TypographyVariantsEnum } from '../../shared';
+export const reviewCardStyle = tv({
+    slots: {
+        base: 'w-full flex flex-col',
+        user: 'flex items-center gap-4',
+        rating: '!gap-1',
+        review: '',
+        mainTextVariant: '',
+        dateTextVariant: '',
+        ratingSize: null,
+        avatarSize: null,
+    },
+    variants: {
+        size: {
+            default: {
+                base: 'p-4 rounded-3xl',
+                user: 'mb-6',
+                rating: 'mb-2.5',
+                mainTextVariant: TypographyVariantsEnum.Text15Regular,
+                dateTextVariant: TypographyVariantsEnum.Text13Regular,
+                ratingSize: 16,
+                avatarSize: 'small',
+            },
+            small: {
+                base: 'p-2 rounded-xl',
+                user: 'mb-3',
+                rating: 'mb-1',
+                mainTextVariant: TypographyVariantsEnum.Text7Regular,
+                dateTextVariant: TypographyVariantsEnum.Text6Regular,
+                ratingSize: 8,
+                avatarSize: 'smaller',
+            },
+            large: {
+                base: 'p-5 rounded-3xl min-h-[313px]',
+                user: 'mb-6',
+                rating: 'mb-2.5',
+                mainTextVariant: TypographyVariantsEnum.Text15Regular,
+                dateTextVariant: TypographyVariantsEnum.Text13Regular,
+                ratingSize: 20,
+                avatarSize: 'small',
+            },
+        },
+        variant: {
+            default: {
+                base: 'bg-color-background-anti-flash-light',
+            },
+            outlined: {
+                base: 'border border-borders-divider',
+                rating: 'order-1 mb-0',
+                review: 'order-2 mt-2',
+                user: 'order-3 mb-0 mt-8',
+            },
+            full: {
+                base: 'p-0 flex flex-row flex-wrap justify-between min-h-0',
+                user: 'mb-2 flex-shirnk-0',
+                review: 'flex-grow-0 flex-shrink-0 basis-full',
+            },
+        },
+    },
+});

package/dist/esm/lib2/features/ReviewListFeature/ReviewListFeature.js

@@ -0,0 +1,69 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Button_v2 as Button, ModalSheet, Container_v2 as Container, ReviewsSummary, } from '../../shared';
+import { ReviewCardFeature } from '../ReviewCardFeature';
+import { useIntersectionObserver } from 'usehooks-ts';
+const ReviewListFeature = forwardRef(({ className, rating, reviews, limit, t, list, presentingElement, onLoadMore, }, ref) => {
+    const modalRef = useRef(null);
+    const listRefs = useRef({});
+    const reviewToScrollId = useRef();
+    const { ref: loadMoreRef } = useIntersectionObserver({
+        threshold: 0.5,
+        onChange: (isIntersecting) => {
+            isIntersecting && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
+        },
+    });
+    useImperativeHandle(ref, () => ({
+        openModalReviews() {
+            var _a;
+            (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.present();
+        },
+    }));
+    const scrollToRef = (id) => {
+        var _a;
+        (_a = listRefs.current[id]) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth' });
+    };
+    const setRef = (id) => {
+        return (el) => {
+            if (el) {
+                listRefs.current[id] = el;
+            }
+        };
+    };
+    const handleOnDidPresent = () => {
+        if (reviewToScrollId.current) {
+            scrollToRef(reviewToScrollId.current);
+        }
+    };
+    const handleOnWillDismiss = () => {
+        reviewToScrollId.current = undefined;
+    };
+    const handleOpenModal = (id) => () => {
+        var _a;
+        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.present();
+        if (id) {
+            reviewToScrollId.current = id;
+        }
+    };
+    return (_jsxs("div", Object.assign({ className: classNames(className) }, { children: [_jsx(ReviewsSummary, { rating: rating, reviews: reviews, t: t }), _jsx("div", Object.assign({ className: "mt-4 mb-4 flex gap-4 flex-nowrap overflow-auto" }, { children: list.slice(0, limit).map((_a) => {
+                    var { id } = _a, review = __rest(_a, ["id"]);
+                    return (_jsx(ReviewCardFeature, Object.assign({ variant: "outlined", size: "large", t: t, className: "!w-56 flex-shrink-0", reviewTextClamp: 5, onExpandReview: handleOpenModal(id), avatarSrc: review.client_avatar || '', name: `${review.client_first_name} ${review.client_last_name || ''}`, date: review.created_at, rating: review.review_rating, review: review.text_of_review || '' }, review), id));
+                }) })), list.length > limit && (_jsx(Button, Object.assign({ fullWidth: true, fill: "outline", onClick: handleOpenModal() }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.show_all') }))), _jsx(ModalSheet, Object.assign({ withCloseButton: true, ref: modalRef, presentingElement: presentingElement, onDidPresent: handleOnDidPresent, onWillDismiss: handleOnWillDismiss }, { children: _jsxs(Container, { children: [_jsx(ReviewsSummary, { rating: rating, reviews: reviews, size: "large", t: t }), _jsxs("div", Object.assign({ className: "flex flex-col gap-10 pt-6 pb-10" }, { children: [list.map((_a) => {
+                                    var { id } = _a, review = __rest(_a, ["id"]);
+                                    return (_jsx(ReviewCardFeature, Object.assign({ variant: "full", size: "large", t: t, ref: setRef(id), avatarSrc: review.client_avatar || '', name: `${review.client_first_name} ${review.client_last_name || ''}`, date: review.created_at, rating: review.review_rating, review: review.text_of_review || '' }, review), id));
+                                }), reviews > list.length && _jsx("div", { ref: loadMoreRef })] }))] }) }))] })));
+});
+ReviewListFeature.displayName = 'ReviewListFeature';
+export default ReviewListFeature;

package/dist/esm/lib2/features/ReviewListFeature/index.js

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

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

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

package/dist/esm/lib2/features/ScheduleFeature/ScheduleSkeletonFeature.d.ts

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

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

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