@mindly/ui-components 5.98.18 → 5.98.20

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

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const luxon_1 = require("luxon");
-const shared_1 = require("../../shared");
-const styles_1 = require("./styles");
-const TextWithClampFeature_1 = require("../TextWithClampFeature");
-const classnames_1 = __importDefault(require("classnames"));
-const ReviewCardFeature = (0, react_1.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, } = (0, styles_1.reviewCardStyle)({ size, variant });
-    const daysAgo = (0, react_1.useMemo)(() => {
-        const dateNow = luxon_1.DateTime.now().startOf('day');
-        const dateReview = luxon_1.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 ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(base(), className), ref: ref }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: user() }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Avatar_v2, { src: avatarSrc, variant: avatarSize() }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: mainTextStyle }, { children: name })), (0, jsx_runtime_1.jsx)(shared_1.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,
-                                    }) }))] })] })), (0, jsx_runtime_1.jsx)(shared_1.Rating, { readonly: true, initialRating: rating, size: ratingSizeValue, className: ratingStyle() }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: reviewStyle() }, { children: (0, jsx_runtime_1.jsx)(TextWithClampFeature_1.TextWithClampFeature, { variant: mainTextStyle, countLines: reviewTextClamp, text: review, onExpand: handleExpand, t: t }) }))] })));
-});
-ReviewCardFeature.displayName = 'ReviewCardFeature';
-exports.default = (0, react_1.memo)(ReviewCardFeature);

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReviewsCardFeatureSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_1 = require("../../shared");
-const styles_1 = require("./styles");
-const ReviewsCardFeatureSkeletonMemoized = () => {
-    const items = new Array(6).fill(0);
-    const { base, user } = (0, styles_1.reviewCardStyle)({ size: 'default' });
-    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'flex flex-col gap-5' }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: base(), style: {
-                opacity: index === 0 ? 1 : index >= 3 ? 0.4 : 1 - (index + index) / 10,
-            } }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: user() }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'w-10 h-10 rounded-full shrink-0' }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col gap-2 w-full' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'w-7/12 h-3.5 rounded-xl' }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'w-5/12 h-2.5 rounded-xl' })] }))] })), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'w-7/12 h-3.5 rounded-xl' }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col gap-2 w-full mt-[26px]' }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'w-full h-2.5 rounded-xl' }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: 'w-8/12 h-2.5 rounded-xl' })] }))] }), index))) })));
-};
-exports.ReviewsCardFeatureSkeleton = (0, react_1.memo)(ReviewsCardFeatureSkeletonMemoized);

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

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReviewsCardFeatureSkeleton = exports.ReviewCardFeature = void 0;
-var ReviewCardFeature_1 = require("./ReviewCardFeature");
-Object.defineProperty(exports, "ReviewCardFeature", { enumerable: true, get: function () { return __importDefault(ReviewCardFeature_1).default; } });
-var ReviewsCardFeatureSkeleton_1 = require("./ReviewsCardFeatureSkeleton");
-Object.defineProperty(exports, "ReviewsCardFeatureSkeleton", { enumerable: true, get: function () { return ReviewsCardFeatureSkeleton_1.ReviewsCardFeatureSkeleton; } });

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

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reviewCardStyle = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-const shared_1 = require("../../shared");
-exports.reviewCardStyle = (0, tailwind_variants_1.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: shared_1.TypographyVariantsEnum.Text15Regular,
-                dateTextVariant: shared_1.TypographyVariantsEnum.Text13Regular,
-                ratingSize: 16,
-                avatarSize: 'small',
-            },
-            small: {
-                base: 'p-2 rounded-xl',
-                user: 'mb-3',
-                rating: 'mb-1',
-                mainTextVariant: shared_1.TypographyVariantsEnum.Text7Regular,
-                dateTextVariant: shared_1.TypographyVariantsEnum.Text6Regular,
-                ratingSize: 8,
-                avatarSize: 'smaller',
-            },
-            large: {
-                base: 'p-5 rounded-3xl min-h-[313px]',
-                user: 'mb-6',
-                rating: 'mb-2.5',
-                mainTextVariant: shared_1.TypographyVariantsEnum.Text15Regular,
-                dateTextVariant: shared_1.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/cjs/lib2/features/ReviewListFeature/ReviewListFeature.js

@@ -1,74 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const shared_1 = require("../../shared");
-const ReviewCardFeature_1 = require("../ReviewCardFeature");
-const usehooks_ts_1 = require("usehooks-ts");
-const ReviewListFeature = (0, react_1.forwardRef)(({ className, rating, reviews, limit, t, list, presentingElement, onLoadMore, }, ref) => {
-    const modalRef = (0, react_1.useRef)(null);
-    const listRefs = (0, react_1.useRef)({});
-    const reviewToScrollId = (0, react_1.useRef)();
-    const { ref: loadMoreRef } = (0, usehooks_ts_1.useIntersectionObserver)({
-        threshold: 0.5,
-        onChange: (isIntersecting) => {
-            isIntersecting && (onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore());
-        },
-    });
-    (0, react_1.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 ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(className) }, { children: [(0, jsx_runtime_1.jsx)(shared_1.ReviewsSummary, { rating: rating, reviews: reviews, t: t }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(ReviewCardFeature_1.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 && ((0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ fullWidth: true, fill: "outline", onClick: handleOpenModal() }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.show_all') }))), (0, jsx_runtime_1.jsx)(shared_1.ModalSheet, Object.assign({ withCloseButton: true, ref: modalRef, presentingElement: presentingElement, onDidPresent: handleOnDidPresent, onWillDismiss: handleOnWillDismiss }, { children: (0, jsx_runtime_1.jsxs)(shared_1.Container_v2, { children: [(0, jsx_runtime_1.jsx)(shared_1.ReviewsSummary, { rating: rating, reviews: reviews, size: "large", t: t }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(ReviewCardFeature_1.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 && (0, jsx_runtime_1.jsx)("div", { ref: loadMoreRef })] }))] }) }))] })));
-});
-ReviewListFeature.displayName = 'ReviewListFeature';
-exports.default = ReviewListFeature;

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReviewListFeature = void 0;
-var ReviewListFeature_1 = require("./ReviewListFeature");
-Object.defineProperty(exports, "ReviewListFeature", { enumerable: true, get: function () { return __importDefault(ReviewListFeature_1).default; } });

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_1 = require("../../shared");
-const ScreenDrumPickerFormFeature = ({ title, subtitle, buttonText = 'Save', selections, defaults, onChange, compareBy = 'label', isLoading = false, onTouchStart, onTouchEnd, }) => {
-    const [pickerValue, setPickerValue] = (0, react_1.useState)(defaults);
-    const handleSave = (0, react_1.useCallback)(() => {
-        if (!pickerValue)
-            return;
-        onChange(pickerValue);
-    }, [pickerValue]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(shared_1.AppHeader_v2, Object.assign({ toolbarClassName: '!p-0' }, { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title28Semi, className: 'mb-1' }, { children: title }))), subtitle && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: subtitle })))] })), (0, jsx_runtime_1.jsx)(shared_1.Container_v2, Object.assign({ isFlexContainer: true }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'flex flex-col flex-1 justify-center', onTouchStart: onTouchStart, onTouchEnd: onTouchEnd }, { children: (0, jsx_runtime_1.jsx)(shared_1.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 }) })) })), (0, jsx_runtime_1.jsx)(shared_1.AppFooter_v2, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ fullWidth: true, type: 'button', size: 'large', onClick: handleSave, isLoading: isLoading }, { children: buttonText })) })] }));
-};
-exports.default = (0, react_1.memo)(ScreenDrumPickerFormFeature);

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenDrumPickerFormFeature = void 0;
-var ScreenDrumPickerFormFeature_1 = require("./ScreenDrumPickerFormFeature");
-Object.defineProperty(exports, "ScreenDrumPickerFormFeature", { enumerable: true, get: function () { return __importDefault(ScreenDrumPickerFormFeature_1).default; } });

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

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ScreenInputForm_module_css_1 = __importDefault(require("./ScreenInputForm.module.css"));
-const shared_1 = require("../../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] = (0, react_1.useState)(defaultValue);
-    const inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (!isFocus)
-            return;
-        if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [inputRef, isFocus]);
-    const handleSubmit = (0, react_1.useCallback)(() => {
-        if (!value)
-            return;
-        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value, name !== null && name !== void 0 ? name : '');
-    }, [value, name, onSubmit]);
-    const handleReset = (0, react_1.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 = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        onSubtitleLinkClick === null || onSubtitleLinkClick === void 0 ? void 0 : onSubtitleLinkClick();
-    }, [onSubtitleLinkClick]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(shared_1.AppHeader_v2, Object.assign({ toolbarClassName: '!p-0' }, { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title28Semi, className: 'mb-1' }, { children: title }))), subtitle && ((0, jsx_runtime_1.jsxs)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: [subtitle, ' ', subtitleLink && ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: '#', className: 'underline cursor-pointer text-sl opacity-50', onClick: handleSubtitleLinkClick }, { children: subtitleLink })))] })))] })), (0, jsx_runtime_1.jsx)(shared_1.Container_v2, Object.assign({ className: ScreenInputForm_module_css_1.default.container }, { children: (0, jsx_runtime_1.jsx)(shared_1.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: ScreenInputForm_module_css_1.default.input, isAutoGrow: isAutoGrow, icon: icon }) })), (0, jsx_runtime_1.jsxs)(shared_1.AppFooter_v2, Object.assign({ bottomSaveArea: !isKeyboardShown }, { children: [resetButtonText && ((0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ fullWidth: true, type: 'button', fill: 'clear', className: '!mb-2', onClick: handleReset }, { children: resetButtonText }))), (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ type: 'button', fullWidth: true, size: 'large', disabled: !value, isLoading: isLoading, onClick: handleSubmit }, { children: buttonText }))] }))] }));
-};
-exports.default = (0, react_1.memo)(ScreenInputFormFeature);

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenInputFormFeature = void 0;
-var ScreenInputFormFeature_1 = require("./ScreenInputFormFeature");
-Object.defineProperty(exports, "ScreenInputFormFeature", { enumerable: true, get: function () { return __importDefault(ScreenInputFormFeature_1).default; } });

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@ionic/react");
-const ui_1 = require("../../shared/ui");
-/**
- * @deprecated Use `ScreenInputFormFeature`
- * */
-const ScreenInputUpdateFeature = ({ children, title, warnLabel, btnLabel, defaultValue, name, type, placeholder, autocomplete, handleSubmit, isLoading, isDisabled, isKeyboardShown, }) => {
-    const inputRef = (0, react_1.useRef)(null);
-    const [inputValue, setInputValue] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
-    (0, react_1.useEffect)(() => {
-        if (defaultValue && inputValue !== defaultValue) {
-            setInputValue(defaultValue);
-        }
-    }, [defaultValue]);
-    (0, react_2.useIonViewDidEnter)(() => {
-        if (inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [inputRef]);
-    const onSubmitAction = () => {
-        handleSubmit(inputValue);
-    };
-    return ((0, jsx_runtime_1.jsxs)(react_2.IonPage, { children: [(0, jsx_runtime_1.jsx)(ui_1.AppHeader_v2, { children: children }), (0, jsx_runtime_1.jsxs)(ui_1.Container_v2, Object.assign({ isFlexContainer: true }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex flex-col gap-1' }, { children: [(0, jsx_runtime_1.jsx)(ui_1.Typography, Object.assign({ variant: ui_1.TypographyVariantsEnum.Title28Semi }, { children: title })), (0, jsx_runtime_1.jsx)(ui_1.Typography, Object.assign({ variant: ui_1.TypographyVariantsEnum.Text15Regular }, { children: warnLabel }))] })), (0, jsx_runtime_1.jsx)(ui_1.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 })] })), (0, jsx_runtime_1.jsx)(ui_1.AppFooter_v2, Object.assign({ transparent: true, bottomSaveArea: !isKeyboardShown }, { children: (0, jsx_runtime_1.jsx)(ui_1.Button_v2, Object.assign({ isLoading: isLoading, disabled: isDisabled, fullWidth: true, size: 'large', onClick: () => onSubmitAction() }, { children: btnLabel })) }))] }));
-};
-exports.default = ScreenInputUpdateFeature;

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenInputUpdateFeature = void 0;
-var ScreenInputUpdateFeature_1 = require("./ScreenInputUpdateFeature");
-Object.defineProperty(exports, "ScreenInputUpdateFeature", { enumerable: true, get: function () { return __importDefault(ScreenInputUpdateFeature_1).default; } });

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

@@ -1,48 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const shared_1 = require("../../shared");
-const CountryOfOriginModal_1 = require("../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] = (0, react_1.useState)(false);
-    const [listItems, setListItems] = (0, react_1.useState)(defaultItems);
-    const [searchValue, setSearchValue] = (0, react_1.useState)(null);
-    const [selectedValue, setSelectValue] = (0, react_1.useState)(selectedItems !== null && selectedItems !== void 0 ? selectedItems : new Set([]));
-    const countries = (0, react_1.useMemo)(() => items.filter((i) => searchValue ? i.toLowerCase().includes(searchValue.toLowerCase()) : true), [searchValue, items]);
-    const handleChange = (0, react_1.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 = (0, react_1.useCallback)((item) => {
-        setListItems((prev) => [item, ...prev.filter((i) => i !== item)]);
-        setSearchValue(null);
-        setIsSearchModalOpened(false);
-        handleChange(new Set([item]));
-    }, [handleChange]);
-    const onButtonClick = (0, react_1.useCallback)(() => {
-        if (selectedValue === 'all')
-            return;
-        if (!selectedValue.size)
-            return;
-        onChange === null || onChange === void 0 ? void 0 : onChange([...selectedValue.values()][0].toString());
-    }, [onChange, selectedValue]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(shared_1.AppHeader_v2, Object.assign({ toolbarClassName: '!p-0' }, { children: [title && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title24Semi, className: 'mb-1' }, { children: title }))), subTitle && ((0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: subTitle })))] })), (0, jsx_runtime_1.jsxs)(shared_1.Container_v2, { children: [!buttonLabel && (0, jsx_runtime_1.jsx)(shared_1.Loading, { isOpen: isLoading }), (0, jsx_runtime_1.jsx)(shared_1.ListBox, Object.assign({ type: 'radio', selectionMode: "single", selectedKeys: selectedValue, onSelectionChange: handleChange }, { children: listItems.map((i, index) => ((0, jsx_runtime_1.jsx)(shared_1.ListBoxItem, Object.assign({ textValue: i, divider: true }, { children: i }), i))) })), (0, jsx_runtime_1.jsx)(shared_1.ListItems, { children: (0, jsx_runtime_1.jsx)(shared_1.Item, Object.assign({ className: 'p-0', onClick: () => setIsSearchModalOpened(true) }, { children: otherText })) })] }), buttonLabel && ((0, jsx_runtime_1.jsx)(shared_1.AppFooter_v2, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ fullWidth: true, size: 'large', isLoading: isLoading, onClick: onButtonClick, disabled: selectedValue !== 'all' && !selectedValue.size }, { children: buttonLabel })) })), (0, jsx_runtime_1.jsx)(CountryOfOriginModal_1.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))] }));
-};
-exports.default = (0, react_1.memo)(SelectWithSearchFormFeature);

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectWithSearchFormFeature = void 0;
-var SelectWithSearchFormFeature_1 = require("./SelectWithSearchFormFeature");
-Object.defineProperty(exports, "SelectWithSearchFormFeature", { enumerable: true, get: function () { return __importDefault(SelectWithSearchFormFeature_1).default; } });

package/dist/cjs/lib2/features/ShareModalFeature/ShareModalFeature.js

@@ -1,55 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@ionic/react");
-const share_1 = require("@capacitor/share");
-const clipboard_1 = require("@capacitor/clipboard");
-const ShareModalFeature_module_css_1 = __importDefault(require("./ShareModalFeature.module.css"));
-const shared_1 = require("../../shared");
-const classnames_1 = __importDefault(require("classnames"));
-const ShareModalFeature = ({ isOpen, shareUrl, shareTitle, shareText, onDidDismiss, onLinkCopied, onShare, t, }) => {
-    const [isShare, setIsShare] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            const { value: isCanShare } = yield share_1.Share.canShare();
-            if (isCanShare) {
-                setIsShare(true);
-            }
-        }))();
-    }, [share_1.Share]);
-    const handleCopyLink = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        yield clipboard_1.Clipboard.write({
-            string: shareUrl,
-        });
-        onLinkCopied === null || onLinkCopied === void 0 ? void 0 : onLinkCopied();
-    }), [shareUrl, onLinkCopied]);
-    const handleShareLink = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        onShare === null || onShare === void 0 ? void 0 : onShare();
-        const shareData = {
-            title: shareTitle,
-            text: shareText,
-            url: shareUrl,
-        };
-        if ((0, react_2.isPlatform)('android')) {
-            yield share_1.Share.share(Object.assign(Object.assign({}, shareData), { dialogTitle: shareTitle }));
-        }
-        else {
-            yield navigator.share(shareData);
-        }
-    }), [shareUrl, shareText, shareTitle, onShare]);
-    return ((0, jsx_runtime_1.jsxs)(react_2.IonModal, Object.assign({ isOpen: isOpen, onDidDismiss: onDidDismiss, initialBreakpoint: 1, breakpoints: [0, 1], className: (0, classnames_1.default)(ShareModalFeature_module_css_1.default.container, { [ShareModalFeature_module_css_1.default.withShare]: isShare }) }, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'h-6' }), (0, jsx_runtime_1.jsx)(react_2.IonContent, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'px-5 pb-6' }, { children: (0, jsx_runtime_1.jsxs)("ul", Object.assign({ className: 'flex flex-col divide-y divide-solid divide-borders-divider text-color-black' }, { children: [(0, jsx_runtime_1.jsxs)("li", Object.assign({ className: 'flex items-center gap-4 py-5 cursor-pointer', onClick: handleCopyLink }, { children: [(0, jsx_runtime_1.jsx)(shared_1.IconLink, {}), (0, jsx_runtime_1.jsx)(shared_1.Typography, { children: t === null || t === void 0 ? void 0 : t('therapist_details.copy_profile_link') })] })), isShare && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: 'flex items-center gap-4 py-5 cursor-pointer', onClick: handleShareLink }, { children: [(0, jsx_runtime_1.jsx)(shared_1.IconShare, {}), ' ', (0, jsx_runtime_1.jsx)(shared_1.Typography, { children: t === null || t === void 0 ? void 0 : t('therapist_details.share_profile') })] })))] })) })) })] })));
-};
-exports.default = ShareModalFeature;

package/dist/cjs/lib2/features/ShareModalFeature/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareModalFeature = void 0;
-var ShareModalFeature_1 = require("./ShareModalFeature");
-Object.defineProperty(exports, "ShareModalFeature", { enumerable: true, get: function () { return __importDefault(ShareModalFeature_1).default; } });

package/dist/cjs/lib2/features/SlotsGrid/SlotsGrid.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const SlotsGridItem_1 = __importDefault(require("./SlotsGridItem"));
-const styles_1 = require("./styles");
-function SlotsGrid({ times = [], selectedKeys, onSelectionChange, classNameSlot, classNameList, isDisabled = false, }) {
-    const isSelected = (0, react_1.useCallback)((key) => selectedKeys.has(key), [selectedKeys]);
-    const { list } = (0, react_1.useMemo)(() => {
-        return (0, styles_1.slotsStyles)();
-    }, [isDisabled, classNameList]);
-    return ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: list({ isDisabled, className: classNameList }) }, { children: times.map((time) => ((0, jsx_runtime_1.jsx)(SlotsGridItem_1.default, { time: time, className: classNameSlot, isDisabled: isDisabled, isSelected: isSelected(time), onSelectionChange: () => !isDisabled && onSelectionChange(time) }, time))) })));
-}
-exports.default = react_1.default.memo(SlotsGrid);

package/dist/cjs/lib2/features/SlotsGrid/SlotsGrid.stories.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const SlotsGrid_1 = __importDefault(require("./SlotsGrid"));
-const meta = {
-    title: 'V2/Features/SlotsGrid',
-    component: SlotsGrid_1.default,
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        times: ['14:00', '15:00', '16:00', '17:00'],
-        selectedKeys: new Set(['14:00']),
-    },
-};

package/dist/cjs/lib2/features/SlotsGrid/SlotsGridItem.js

@@ -1,34 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const Typography_1 = require("../../shared/ui/Typography");
-const styles_1 = require("./styles");
-function SlotsGridItem({ isSelected, isDisabled, time, className, onSelectionChange, }) {
-    const { listItem } = (0, styles_1.slotsStyles)({ isSelected, isDisabled });
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: onSelectionChange, disabled: isDisabled }, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text14Regular, className: listItem({ className }) }, { children: time })) })));
-}
-exports.default = React.memo(SlotsGridItem);

package/dist/cjs/lib2/features/SlotsGrid/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlotsGridItem = exports.SlotsGrid = void 0;
-var SlotsGrid_1 = require("./SlotsGrid");
-Object.defineProperty(exports, "SlotsGrid", { enumerable: true, get: function () { return __importDefault(SlotsGrid_1).default; } });
-var SlotsGridItem_1 = require("./SlotsGridItem");
-Object.defineProperty(exports, "SlotsGridItem", { enumerable: true, get: function () { return __importDefault(SlotsGridItem_1).default; } });

package/dist/cjs/lib2/features/SlotsGrid/styles.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.slotsStyles = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-exports.slotsStyles = (0, tailwind_variants_1.tv)({
-    slots: {
-        list: 'grid grid-cols-4 gap-x-2 gap-y-3',
-        listItem: 'border border-solid border-typography-typography-primary/10 p-2 rounded-[18px] text-center cursor-pointer',
-    },
-    variants: {
-        isSelected: {
-            true: {},
-        },
-        isDisabled: {
-            true: {},
-        },
-    },
-    compoundSlots: [
-        {
-            slots: ['list'],
-            isDisabled: true,
-            className: '',
-        },
-        {
-            slots: ['listItem'],
-            isSelected: true,
-            className: 'bg-typography-typography-primary !text-color-background-white',
-        },
-        {
-            slots: ['listItem'],
-            isDisabled: true,
-            isSelected: true,
-            className: '!opacity-30 !cursor-default',
-        },
-        {
-            slots: ['listItem'],
-            isDisabled: true,
-            isSelected: false,
-            className: '!cursor-default !text-typography-typography-primary/30 !border-typography-typography-primary/6',
-        },
-    ],
-});

package/dist/cjs/lib2/features/SlotsGrid/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });