@mindly/ui-components 7.5.1 → 8.0.0-alpha.31

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

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

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

@@ -0,0 +1,8 @@
+"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/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/cjs/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/cjs/lib2/features/ScheduleFeature/index.d.ts

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

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

@@ -0,0 +1,11 @@
+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/cjs/lib2/features/ScreenDrumPickerFormFeature/ScreenDrumPickerFormFeature.js

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

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

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

@@ -0,0 +1,8 @@
+"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.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-type ScreenInputUpdateFeatureProps = {
-    children?: any;
+import React, { FC } from 'react';
+type ScreenInputUpdateFeatureProps = React.PropsWithChildren<{
     title: string;
     warnLabel?: string;
     btnLabel: string;
@@ -13,7 +12,7 @@ type ScreenInputUpdateFeatureProps = {
     isLoading: boolean;
     isDisabled: boolean;
     isKeyboardShown: boolean;
-};
+}>;
 /**
  * @deprecated Use `ScreenInputFormFeature`
  * */

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

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

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

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

@@ -0,0 +1,8 @@
+"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/SessionPreviewFeature/styles.d.ts

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

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

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

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

@@ -0,0 +1,40 @@
+"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);