@mindly/ui-components 8.0.0-alpha.38 → 8.1.0

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

@@ -1,21 +0,0 @@
-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

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

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

@@ -1,16 +0,0 @@
-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

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

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

@@ -1,34 +0,0 @@
-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

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

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

@@ -1,29 +0,0 @@
-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

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

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

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

@@ -1,6 +0,0 @@
-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

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

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

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

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

@@ -1,23 +0,0 @@
-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

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

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

@@ -1,6 +0,0 @@
-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

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

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

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

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

@@ -1,19 +0,0 @@
-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

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

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

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

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

@@ -1,29 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

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

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

@@ -1,61 +0,0 @@
-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

@@ -1,69 +0,0 @@
-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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

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

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

@@ -1,11 +0,0 @@
-import { WithTranslation } from 'react-i18next';
-import { Schedule, ScheduleDate, ScheduleSlot } from '../../shared/types';
-export type ScheduleFeatureProps = {
-    isLoading?: boolean;
-    className?: string;
-    t?: WithTranslation['t'];
-    schedule?: Schedule;
-    locale?: string;
-    onDateChange?: (date: ScheduleDate, slots: ScheduleSlot[]) => void;
-    onSlotChange?: (slot: ScheduleSlot | null) => void;
-};

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback, useState } from 'react';
-import { AppFooter_v2 as AppFooter, AppHeader_v2 as AppHeader, Button_v2 as Button, Container_v2 as Container, DrumListPicker, Typography, TypographyVariantsEnum, } from '../../shared';
-const ScreenDrumPickerFormFeature = ({ title, subtitle, buttonText = 'Save', selections, defaults, onChange, compareBy = 'label', isLoading = false, onTouchStart, onTouchEnd, }) => {
-    const [pickerValue, setPickerValue] = useState(defaults);
-    const handleSave = useCallback(() => {
-        if (!pickerValue)
-            return;
-        onChange(pickerValue);
-    }, [pickerValue]);
-    return (_jsxs(_Fragment, { children: [_jsxs(AppHeader, Object.assign({ toolbarClassName: '!p-0' }, { children: [title && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title28Semi, className: 'mb-1' }, { children: title }))), subtitle && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: subtitle })))] })), _jsx(Container, Object.assign({ isFlexContainer: true }, { children: _jsx("div", Object.assign({ className: 'flex flex-col flex-1 justify-center', onTouchStart: onTouchStart, onTouchEnd: onTouchEnd }, { children: _jsx(DrumListPicker, { selections: selections, defaults: pickerValue, onChange: (value) => setPickerValue(Object.keys(value).reduce((acc, key) => {
-                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                            // @ts-ignore
-                            acc[key] = value[key].value;
-                            return acc;
-                        }, {})), compareBy: compareBy }) })) })), _jsx(AppFooter, { children: _jsx(Button, Object.assign({ fullWidth: true, type: 'button', size: 'large', onClick: handleSave, isLoading: isLoading }, { children: buttonText })) })] }));
-};
-export default memo(ScreenDrumPickerFormFeature);

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

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

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useRef, useState, } from 'react';
-import styles from './ScreenInputForm.module.css';
-import { AppFooter_v2 as AppFooter, AppHeader_v2 as AppHeader, Button_v2 as Button, Container_v2 as Container, ScreenInput, Typography, TypographyVariantsEnum, } from '../../shared';
-const ScreenInputFormFeature = ({ type = 'text', title, subtitle, subtitleLink, onSubtitleLinkClick, placeholder, buttonText = 'Зберегти', defaultValue, name, onSubmit, isLoading, resetButtonText, resetValue, autoComplete, required, isFocus = false, pattern, isAutoGrow, icon, isKeyboardShown = false, }) => {
-    const [value, setValue] = useState(defaultValue);
-    const inputRef = useRef(null);
-    useEffect(() => {
-        if (!isFocus)
-            return;
-        if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [inputRef, isFocus]);
-    const handleSubmit = useCallback(() => {
-        if (!value)
-            return;
-        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value, name !== null && name !== void 0 ? name : '');
-    }, [value, name, onSubmit]);
-    const handleReset = useCallback(() => {
-        if (!resetValue)
-            return;
-        setValue(resetValue);
-        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(resetValue, name !== null && name !== void 0 ? name : '');
-    }, [resetValue, onSubmit]);
-    const handleSubtitleLinkClick = useCallback((e) => {
-        e.preventDefault();
-        onSubtitleLinkClick === null || onSubtitleLinkClick === void 0 ? void 0 : onSubtitleLinkClick();
-    }, [onSubtitleLinkClick]);
-    return (_jsxs(_Fragment, { children: [_jsxs(AppHeader, Object.assign({ toolbarClassName: '!p-0' }, { children: [title && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title28Semi, className: 'mb-1' }, { children: title }))), subtitle && (_jsxs(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: [subtitle, ' ', subtitleLink && (_jsx("a", Object.assign({ href: '#', className: 'underline cursor-pointer text-sl opacity-50', onClick: handleSubtitleLinkClick }, { children: subtitleLink })))] })))] })), _jsx(Container, Object.assign({ className: styles.container }, { children: _jsx(ScreenInput, { ref: inputRef, type: type, placeholder: placeholder, value: value, name: name, onChange: (e) => setValue(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit(), disabled: isLoading, autoComplete: autoComplete, required: required, pattern: pattern, className: styles.input, isAutoGrow: isAutoGrow, icon: icon }) })), _jsxs(AppFooter, Object.assign({ bottomSaveArea: !isKeyboardShown }, { children: [resetButtonText && (_jsx(Button, Object.assign({ fullWidth: true, type: 'button', fill: 'clear', className: '!mb-2', onClick: handleReset }, { children: resetButtonText }))), _jsx(Button, Object.assign({ type: 'button', fullWidth: true, size: 'large', disabled: !value, isLoading: isLoading, onClick: handleSubmit }, { children: buttonText }))] }))] }));
-};
-export default memo(ScreenInputFormFeature);

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

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

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { IonPage, useIonViewDidEnter } from '@ionic/react';
-import { AppFooter_v2 as AppFooter, AppHeader_v2 as AppHeader, Button_v2 as Button, Container_v2 as Container, ScreenInput, Typography, TypographyVariantsEnum, } from '../../shared/ui';
-/**
- * @deprecated Use `ScreenInputFormFeature`
- * */
-const ScreenInputUpdateFeature = ({ children, title, warnLabel, btnLabel, defaultValue, name, type, placeholder, autocomplete, handleSubmit, isLoading, isDisabled, isKeyboardShown, }) => {
-    const inputRef = useRef(null);
-    const [inputValue, setInputValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
-    useEffect(() => {
-        if (defaultValue && inputValue !== defaultValue) {
-            setInputValue(defaultValue);
-        }
-    }, [defaultValue]);
-    useIonViewDidEnter(() => {
-        if (inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [inputRef]);
-    const onSubmitAction = () => {
-        handleSubmit(inputValue);
-    };
-    return (_jsxs(IonPage, { children: [_jsx(AppHeader, { children: children }), _jsxs(Container, Object.assign({ isFlexContainer: true }, { children: [_jsxs("div", Object.assign({ className: 'flex flex-col gap-1' }, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title28Semi }, { children: title })), _jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular }, { children: warnLabel }))] })), _jsx(ScreenInput, { ref: inputRef, type: type, name: name, placeholder: placeholder, value: inputValue, autoComplete: autocomplete, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => e.key === 'Enter' && onSubmitAction(), required: true })] })), _jsx(AppFooter, Object.assign({ transparent: true, bottomSaveArea: !isKeyboardShown }, { children: _jsx(Button, Object.assign({ isLoading: isLoading, disabled: isDisabled, fullWidth: true, size: 'large', onClick: () => onSubmitAction() }, { children: btnLabel })) }))] }));
-};
-export default ScreenInputUpdateFeature;

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

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

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

@@ -1,46 +0,0 @@
-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, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback, useMemo, useState } from 'react';
-import { AppFooter_v2 as AppFooter, AppHeader_v2 as AppHeader, Button_v2 as Button, Container_v2 as Container, Item, ListBox, ListBoxItem, ListItems, Loading, Typography, TypographyVariantsEnum, } from '../../shared';
-import { CountryOfOriginModal } from '../CountryOfOriginModal';
-const SelectWithSearchFormFeature = (_a) => {
-    var { title, subTitle, items, defaultItems, selectedItems, onChange, isLoading = false, otherText = 'Інша', buttonLabel } = _a, props = __rest(_a, ["title", "subTitle", "items", "defaultItems", "selectedItems", "onChange", "isLoading", "otherText", "buttonLabel"]);
-    const [isSearchModalOpened, setIsSearchModalOpened] = useState(false);
-    const [listItems, setListItems] = useState(defaultItems);
-    const [searchValue, setSearchValue] = useState(null);
-    const [selectedValue, setSelectValue] = useState(selectedItems !== null && selectedItems !== void 0 ? selectedItems : new Set([]));
-    const countries = useMemo(() => items.filter((i) => searchValue ? i.toLowerCase().includes(searchValue.toLowerCase()) : true), [searchValue, items]);
-    const handleChange = useCallback((selected) => {
-        if (selected === 'all')
-            return;
-        if (!selected.size)
-            return;
-        setSelectValue(selected);
-        !buttonLabel && (onChange === null || onChange === void 0 ? void 0 : onChange([...selected.values()][0].toString()));
-    }, [onChange, buttonLabel]);
-    const handleSelect = useCallback((item) => {
-        setListItems((prev) => [item, ...prev.filter((i) => i !== item)]);
-        setSearchValue(null);
-        setIsSearchModalOpened(false);
-        handleChange(new Set([item]));
-    }, [handleChange]);
-    const onButtonClick = useCallback(() => {
-        if (selectedValue === 'all')
-            return;
-        if (!selectedValue.size)
-            return;
-        onChange === null || onChange === void 0 ? void 0 : onChange([...selectedValue.values()][0].toString());
-    }, [onChange, selectedValue]);
-    return (_jsxs(_Fragment, { children: [_jsxs(AppHeader, Object.assign({ toolbarClassName: '!p-0' }, { children: [title && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title24Semi, className: 'mb-1' }, { children: title }))), subTitle && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: subTitle })))] })), _jsxs(Container, { children: [!buttonLabel && _jsx(Loading, { isOpen: isLoading }), _jsx(ListBox, Object.assign({ type: 'radio', selectionMode: "single", selectedKeys: selectedValue, onSelectionChange: handleChange }, { children: listItems.map((i, index) => (_jsx(ListBoxItem, Object.assign({ textValue: i, divider: true }, { children: i }), i))) })), _jsx(ListItems, { children: _jsx(Item, Object.assign({ className: 'p-0', onClick: () => setIsSearchModalOpened(true) }, { children: otherText })) })] }), buttonLabel && (_jsx(AppFooter, { children: _jsx(Button, Object.assign({ fullWidth: true, size: 'large', isLoading: isLoading, onClick: onButtonClick, disabled: selectedValue !== 'all' && !selectedValue.size }, { children: buttonLabel })) })), _jsx(CountryOfOriginModal, Object.assign({ countries: countries, isOpen: isSearchModalOpened, onDidDismiss: () => setIsSearchModalOpened(false), onSearchChange: (e) => { var _a, _b; return setSearchValue((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''); }, onItemClick: handleSelect, searchValue: searchValue !== null && searchValue !== void 0 ? searchValue : '' }, props))] }));
-};
-export default memo(SelectWithSearchFormFeature);

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

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