@mindly/ui-components 7.5.2 → 8.0.0-alpha.32

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Avatar_v2 as Avatar, Badge, Flag_v2 as Flag, TypographyVariantsEnum, Typography, IconVerifiedUser, IconArrowRight, ReviewsSummary, } from '../../shared';
+import classNames from 'classnames';
+import MatchProgress from '../../shared/ui/MatchProgress/MatchProgress';
+const SpecialistShortInfoItemFeature = ({ t, matchVariant = 'badge', match, fullName, avatarLink, countryCode, yearsOfExperience, className, avatarProps, rating, reviews, isSpecialistUnAvailable = false, isAuth = true, variantFullName, onClickReview, }) => {
+    const badgeVariant = useMemo(() => {
+        if (!match)
+            return 'attention';
+        if (match >= 80)
+            return 'success';
+        return 'attention';
+    }, []);
+    const avatar = useMemo(() => (_jsx(Avatar, Object.assign({ alt: "avatar", round: "drop", variant: "small", showSkeleton: false, src: avatarLink }, avatarProps))), [avatarLink, avatarProps]);
+    return (_jsxs("div", Object.assign({ className: classNames('container flex items-center', className) }, { children: [matchVariant === 'avatar' && !isSpecialistUnAvailable && isAuth ? (_jsx(MatchProgress, Object.assign({ percentMatch: match }, { children: avatar }))) : (avatar), _jsxs("div", Object.assign({ className: "flex-1 mx-2.5" }, { children: [_jsxs("div", Object.assign({ className: "flex items-center" }, { children: [_jsx(Typography, Object.assign({ variant: variantFullName || TypographyVariantsEnum.Text15Semi, className: "[hyphenate-character:''] hyphens-auto [word-break:break-word]" }, { children: fullName })), countryCode && _jsx(Flag, { name: countryCode, className: "mx-1 w-5 h-6" }), _jsx("div", Object.assign({ className: "min-w-5" }, { children: _jsx(IconVerifiedUser, { size: 20 }) }))] })), yearsOfExperience && (_jsx(Typography, Object.assign({ opacity: 50, variant: TypographyVariantsEnum.Text13Regular }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.years_of_experience', {
+                            count: yearsOfExperience,
+                        }) }))), typeof rating === 'number' && typeof reviews === 'number' && (_jsx(ReviewsSummary, { rating: rating, reviews: reviews, size: "small", t: t, endAdornment: _jsx(IconArrowRight, {}), onClick: onClickReview }))] })), matchVariant === 'badge' && !isSpecialistUnAvailable && isAuth && (_jsx(Badge, Object.assign({ className: "whitespace-nowrap", variant: badgeVariant, size: "S", type: "default" }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.badge', { value: `${match}%` }) })))] })));
+};
+export default SpecialistShortInfoItemFeature;

package/dist/esm/lib2/features/SpecialistShortInfoItemFeature/SpecialistShortInfoItemFeature.stories.js

@@ -0,0 +1,32 @@
+import SpecialistShortInfoItemFeature from './SpecialistShortInfoItemFeature';
+import { mockT } from '../../shared/utils/mock';
+const meta = {
+    title: 'V2/Features/SpecialistShortInfoItemFeature',
+    component: SpecialistShortInfoItemFeature,
+};
+export default meta;
+const t = mockT();
+export const Default = {
+    args: {
+        t,
+        fullName: 'Andrey D.',
+        countryCode: 'ua',
+        yearsOfExperience: 11,
+        match: 99,
+        avatarLink: 'https://fastly.picsum.photos/id/237/400/400.jpg?hmac=xOOBt-lNJA0YjxEj0QoS_0PZV5iI3oxZA_weJ4E1xEw',
+    },
+};
+export const DetailProfileSpecialist = {
+    args: {
+        t,
+        fullName: 'Andrey D.',
+        countryCode: 'ua',
+        match: 99,
+        matchVariant: 'avatar',
+        avatarProps: {
+            variant: 'large',
+            round: 'circle',
+        },
+        avatarLink: 'https://fastly.picsum.photos/id/237/400/400.jpg?hmac=xOOBt-lNJA0YjxEj0QoS_0PZV5iI3oxZA_weJ4E1xEw',
+    },
+};

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const IonTabBarStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonTabBar & import("@ionic/react/dist/types/components/IonicReactProps").IonicReactProps & {
+    onIonTabsDidChange?: ((event: CustomEvent<{
+        tab: string;
+    }>) => void) | undefined;
+    onIonTabsWillChange?: ((event: CustomEvent<{
+        tab: string;
+    }>) => void) | undefined;
+    slot?: "bottom" | "top" | undefined;
+    style?: {
+        [key: string]: string;
+    } | undefined;
+} & Pick<import("react").HTMLAttributes<HTMLIonTabBarElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "children" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLIonTabBarElement>>, any, {}, never>;

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

@@ -11,12 +11,9 @@ export type TabsToolbarItem = {
 };
 export type TabsToolbarProps = {
     className?: string;
-    classNameIonTabs?: string;
     user?: UserType | Specialist;
     slot?: 'bottom' | 'top';
     items: TabsToolbarItem[];
     selectedTab: string;
-    onTabWillChange?(e: CustomEvent<{
-        tab: string;
-    }>): void;
+    onTabChange?(tab: string): void;
 };

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

@@ -1,222 +1 @@
-export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    content: string;
-    info: string;
-    checkbox: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}>, {
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    content: string;
-    info: string;
-    checkbox: string;
-}, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    content: string;
-    info: string;
-    checkbox: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}, {
-    variant: {
-        default: {
-            checkbox: string;
-        };
-        blue: {
-            checkbox: string;
-        };
-        custom: {
-            checkbox: string;
-        };
-    };
-    isSelected: {
-        true: "";
-        false: "";
-    };
-    isInfoOpen: {
-        true: "";
-        false: {
-            info: string;
-        };
-    };
-    isPreview: {
-        true: {
-            checkbox: string;
-            info: string;
-            content: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+export declare const tariffFeatureStyle: any;

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef, useState, } from 'react';
+import { AppFooter_v2 as AppFooter, AppHeader_v2 as AppHeader, Button_v2 as Button, Container_v2 as Container, Textarea_v2 as Textarea, Typography, TypographyVariantsEnum, } from '../../shared';
+import { isPlatform } from '@ionic/react';
+import styles from './TextAreaForm.module.css';
+const TextAreaFormFeature = ({ title, subtitle, placeholder, buttonText = 'Зберегти', defaultValue, name, onSubmit, isLoading, isFocus = false, isKeyboardShown = false, }) => {
+    const [value, setValue] = useState(defaultValue);
+    const textareaRef = useRef(null);
+    useEffect(() => {
+        var _a;
+        if (!isFocus)
+            return;
+        if (textareaRef === null || textareaRef === void 0 ? void 0 : textareaRef.current) {
+            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.setFocus();
+        }
+    }, [textareaRef, isFocus]);
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        if (!value)
+            return;
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value, name !== null && name !== void 0 ? name : '');
+    }, [value, name, onSubmit]);
+    return (_jsxs(_Fragment, { children: [_jsx(AppHeader, Object.assign({ toolbarClassName: '!p-0', className: 'mb-5' }, { children: _jsxs("div", Object.assign({ className: 'flex flex-col gap-1' }, { children: [title && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Title28Semi }, { children: title }))), subtitle && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Regular, opacity: 50 }, { children: subtitle })))] })) })), _jsx(Container, Object.assign({ className: styles.container }, { children: _jsx(Textarea, { ref: textareaRef, placeholder: placeholder, showCounter: true, autoGrow: true, maxlength: 300, spellcheck: true, value: value, name: name, onIonChange: (e) => setValue(e.target.value), onKeyPress: (e) => !isPlatform('hybrid') && e.key === 'Enter' && handleSubmit(e), disabled: isLoading }) })), _jsx(AppFooter, Object.assign({ bottomSaveArea: !isKeyboardShown }, { children: _jsx(Button, Object.assign({ type: 'button', fullWidth: true, size: 'large', disabled: !value, isLoading: isLoading, onClick: handleSubmit }, { children: buttonText })) }))] }));
+};
+export default memo(TextAreaFormFeature);

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

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

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

@@ -0,0 +1,65 @@
+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 classNames from 'classnames';
+import { memo, useEffect, useRef, useState } from 'react';
+import { Typography } from '../../shared/ui/Typography';
+import { TypographyVariantsEnum } from '../../shared/ui/Typography/types';
+import { ShowMore } from '../../shared/ui/ShowMore';
+import { ModalSheet } from '../../shared/ui/ModalSheet';
+import { Container_v2 as Container } from '../../shared/ui/Container_v2';
+const TextWithClamp = (_a) => {
+    var { text, title, countLines, variant = TypographyVariantsEnum.Text15Regular, expandType, classNameTitle, onExpand, t, presentingElement } = _a, props = __rest(_a, ["text", "title", "countLines", "variant", "expandType", "classNameTitle", "onExpand", "t", "presentingElement"]);
+    const [isExpandable, setIsExpandable] = useState(false);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const textRef = useRef(null);
+    const modalRef = useRef(null);
+    const titleContent = (variant) => title && (_jsx(Typography, Object.assign({ variant: variant || TypographyVariantsEnum.Title18Semi, className: classNames('mt-6 mb-2', classNameTitle) }, { children: title })));
+    const renderTextContent = (expanded = isExpanded) => {
+        return (_jsx(Typography, Object.assign({ variant: variant, className: classNames('overflow-hidden', { [`line-clamp-${countLines}`]: !expanded }, { 'line-clamp-none': expanded }), ref: textRef }, props, { children: text })));
+    };
+    useEffect(() => {
+        const checkTextHeight = () => {
+            var _a;
+            if (textRef.current && countLines) {
+                const lineHeight = parseFloat(getComputedStyle(textRef.current).lineHeight);
+                const maxLinesHeight = lineHeight * countLines;
+                if (((_a = textRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) > maxLinesHeight) {
+                    setIsExpandable(true);
+                }
+                else {
+                    setIsExpandable(false);
+                }
+            }
+        };
+        requestAnimationFrame(() => {
+            checkTextHeight();
+        });
+    }, [text, countLines]);
+    const toggleText = () => {
+        setIsExpanded(!isExpanded);
+    };
+    const handleOpenModal = () => {
+        var _a;
+        (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.present();
+    };
+    return (_jsxs(_Fragment, { children: [titleContent(), renderTextContent(), isExpandable && (_jsx(ShowMore, Object.assign({ onClick: typeof onExpand === 'function'
+                    ? onExpand
+                    : expandType === 'inline'
+                        ? toggleText
+                        : expandType === 'modal'
+                            ? handleOpenModal
+                            : undefined, className: "mt-3" }, { children: isExpanded
+                    ? t === null || t === void 0 ? void 0 : t('controls.show_less')
+                    : t === null || t === void 0 ? void 0 : t('therapist_details.show_more') }))), _jsx(ModalSheet, Object.assign({ ref: modalRef, presentingElement: presentingElement, withCloseButton: true }, { children: _jsxs(Container, { children: [titleContent(TypographyVariantsEnum.Title28Semi), renderTextContent(true)] }) }))] }));
+};
+export default memo(TextWithClamp);

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

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

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

@@ -0,0 +1,11 @@
+// this is need for tailwind to work with line-clamp, because tailwind has to see all possible classes to provide them in css
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const hackForLineClamp = [
+    'line-clamp-1',
+    'line-clamp-2',
+    'line-clamp-3',
+    'line-clamp-4',
+    'line-clamp-5',
+    'line-clamp-6',
+];
+export {};

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

@@ -0,0 +1,35 @@
+export * from './CountryOfOriginModal';
+export * from './ChangeLanguageModal';
+export * from './CardModal';
+export * from './SlotsGrid';
+export * from './PushNotificationsModal';
+export * from './PushNotificationsIsDisabledBanner';
+export * from './SpecialistShortInfoItemFeature';
+export * from './SpecialistInfoColumnFeature';
+export * from './CountdownTimerFeature';
+export * from './CheckBoxSectionListFeature';
+export * from './CheckBoxListFeature';
+export * from './ShareModalFeature';
+export * from './ConsultationPricingFeature';
+export * from './SpecialistPaymentCommonCardFeature';
+export * from './SpecialistPaymentConsultationsFeature';
+export * from './CalendarPickerFeature';
+export * from './PaymentCalendarFeature';
+export * from './GoogleCalendarModalFeature';
+export * from './ReviewCardFeature';
+export * from './AppNotSupporedFeature';
+export * from './ScreenInputUpdateFeature';
+export * from './ErrorCardFeature';
+export * from './ContractTreeFeature';
+export * from './OutdatedPersonalDataFeature';
+export * from './ScreenInputFormFeature';
+export * from './ScreenDrumPickerFormFeature';
+export * from './TextAreaFormFeature';
+export * from './AcceptAgreementFeature';
+export * from './SelectWithSearchFormFeature';
+export * from './MarkdownContainerFeature';
+export * from './OnBoardingFlow';
+export * from './SpecialistAreaListFeature';
+export * from './TextWithClampFeature';
+export * from './ReviewListFeature';
+export * from './SpecialistEducationsFeature';

package/dist/esm/lib2/index.js

@@ -0,0 +1,3 @@
+export * from './shared';
+export * from './features';
+export * from './widgets';

package/dist/esm/lib2/shared/assets/icons/IconAddModerator.js

@@ -0,0 +1,16 @@
+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";
+export const IconAddModerator = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, props, { children: [_jsx("mask", Object.assign({ id: "mask0_522_3328", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: size, height: size }, { children: _jsx("rect", { width: size, height: size, fill: "#D9D9D9" }) })), _jsx("g", Object.assign({ mask: "url(#mask0_522_3328)" }, { children: _jsx("path", { d: "M12 21.4807C9.83716 20.891 8.04646 19.6179 6.62787 17.6615C5.20929 15.7051 4.5 13.5179 4.5 11.1V5.34619L12 2.53851L19.5 5.34619V11.0116C19.2666 10.9167 19.0218 10.8311 18.7654 10.7549C18.5089 10.6786 18.2538 10.6186 18 10.575V6.39039L12 4.15001L5.99997 6.39039V11.1C5.99997 11.9859 6.12497 12.851 6.37497 13.6952C6.62497 14.5395 6.96953 15.3286 7.40865 16.0625C7.84775 16.7965 8.37243 17.4555 8.9827 18.0395C9.59297 18.6234 10.2552 19.0898 10.9693 19.4385L10.9981 19.4289C11.1302 19.7955 11.3013 20.1468 11.5116 20.4827C11.7218 20.8186 11.9609 21.1237 12.2288 21.398C12.1865 21.4109 12.1484 21.4247 12.1144 21.4394C12.0804 21.4541 12.0423 21.4679 12 21.4807ZM17 21.5C15.7513 21.5 14.6891 21.0622 13.8135 20.1865C12.9378 19.3109 12.5 18.2487 12.5 17C12.5 15.7513 12.9378 14.6891 13.8135 13.8135C14.6891 12.9379 15.7513 12.5 17 12.5C18.2487 12.5 19.3109 12.9379 20.1865 13.8135C21.0621 14.6891 21.5 15.7513 21.5 17C21.5 18.2487 21.0621 19.3109 20.1865 20.1865C19.3109 21.0622 18.2487 21.5 17 21.5ZM16.5577 19.75H17.4423V17.4423H19.75V16.5577H17.4423V14.25H16.5577V16.5577H14.25V17.4423H16.5577V19.75Z", fill: "currentColor" }) }))] })));
+};

package/dist/esm/lib2/shared/assets/icons/IconApple.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconApple = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { d: "M20.7588 8.28028C20.6255 8.38299 18.2717 9.69986 18.2717 12.628C18.2717 16.0149 21.2668 17.2131 21.3564 17.2428C21.3426 17.3158 20.8806 18.8837 19.7773 20.4813C18.7935 21.8872 17.766 23.2908 16.203 23.2908C14.6399 23.2908 14.2377 22.3893 12.4333 22.3893C10.6749 22.3893 10.0497 23.3205 8.61994 23.3205C7.19022 23.3205 6.19264 22.0196 5.04564 20.422C3.71706 18.546 2.64362 15.6315 2.64362 12.8654C2.64362 8.42863 5.54903 6.0756 8.40847 6.0756C9.92784 6.0756 11.1944 7.06611 12.1483 7.06611C13.0562 7.06611 14.4721 6.01626 16.2007 6.01626C16.8558 6.01626 19.2095 6.0756 20.7588 8.28028ZM15.3801 4.13795C16.095 3.29579 16.6006 2.12726 16.6006 0.958738C16.6006 0.796696 16.5868 0.632372 16.557 0.5C15.3939 0.543363 14.0101 1.26913 13.1757 2.22997C12.5206 2.96942 11.9092 4.13795 11.9092 5.32245C11.9092 5.50047 11.9391 5.67849 11.9529 5.73554C12.0265 5.74924 12.146 5.76521 12.2655 5.76521C13.3091 5.76521 14.6216 5.0714 15.3801 4.13795Z", fill: "#212121" }) })));

package/dist/esm/lib2/shared/assets/icons/IconArrowDown.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+export const IconArrowDown = (_a) => {
+    var { width = 24, height = 24, color = 'currentColor' } = _a, other = __rest(_a, ["width", "height", "color"]);
+    return (_jsx("svg", Object.assign({ width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M14.4369 5.33365L8.00098 11.7695L1.56509 5.33365L2.51123 4.38751L8.00098 9.87725L13.4907 4.38751L14.4369 5.33365Z", fill: color }) })));
+};

package/dist/esm/lib2/shared/assets/icons/IconArrowLeft.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+export function IconArrowLeft(_a) {
+    var { color = 'currentColor', size = 24 } = _a, other = __rest(_a, ["color", "size"]);
+    return (_jsx("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M19.5 12H4M4 12L11 19M4 12L11 5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+}

package/dist/esm/lib2/shared/assets/icons/IconArrowRight.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+export function IconArrowRight(_a) {
+    var { color = 'currentColor', size = 24 } = _a, other = __rest(_a, ["color", "size"]);
+    return (_jsx("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: color, xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M5.34327 14.4359L4.39714 13.4897L9.88689 7.99997L4.39714 2.51022L5.34327 1.56409L11.7792 7.99997L5.34327 14.4359Z", fill: color }) })));
+}

package/dist/esm/lib2/shared/assets/icons/IconArrowTopRight.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+export const IconArrowTopRight = (_a) => {
+    var { size = 24 } = _a, props = __rest(_a, ["size"]);
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none" }, props, { children: _jsx("path", { d: "M6.7942 17.6442L5.75 16.6L15.5904 6.74995H6.64422V5.25H18.1442V16.75H16.6442V7.80378L6.7942 17.6442Z", fill: "currentColor" }) })));
+};

package/dist/esm/lib2/shared/assets/icons/IconAttachMoney.js

@@ -0,0 +1,16 @@
+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";
+export function IconAttachMoney(_a) {
+    var { size = 24, color = 'currentColor', style = {} } = _a, props = __rest(_a, ["size", "color", "style"]);
+    return (_jsxs("svg", Object.assign({ width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("mask", Object.assign({ id: "mask0_9057_8458", style: Object.assign(Object.assign({}, style), { maskType: 'alpha' }), maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "16", height: "16" }, { children: _jsx("rect", { width: "16", height: "16", fill: "#D9D9D9" }) })), _jsx("g", Object.assign({ mask: "url(#mask0_9057_8458)" }, { children: _jsx("path", { d: "M7.34997 14V12.5667C6.76108 12.4333 6.25275 12.1778 5.82497 11.8C5.39719 11.4222 5.0833 10.8889 4.8833 10.2L6.11663 9.7C6.2833 10.2333 6.53052 10.6389 6.8583 10.9167C7.18608 11.1944 7.61663 11.3333 8.14997 11.3333C8.60552 11.3333 8.99163 11.2306 9.3083 11.025C9.62497 10.8194 9.7833 10.5 9.7833 10.0667C9.7833 9.67778 9.66108 9.36945 9.41663 9.14167C9.17219 8.91389 8.60552 8.65556 7.71663 8.36667C6.76108 8.06667 6.10552 7.70833 5.74997 7.29167C5.39441 6.875 5.21663 6.36667 5.21663 5.76667C5.21663 5.04444 5.44997 4.48333 5.91663 4.08333C6.3833 3.68333 6.86108 3.45556 7.34997 3.4V2H8.6833V3.4C9.23886 3.48889 9.69719 3.69167 10.0583 4.00833C10.4194 4.325 10.6833 4.71111 10.85 5.16667L9.61663 5.7C9.4833 5.34444 9.29441 5.07778 9.04997 4.9C8.80552 4.72222 8.47219 4.63333 8.04997 4.63333C7.56108 4.63333 7.18886 4.74167 6.9333 4.95833C6.67775 5.175 6.54997 5.44444 6.54997 5.76667C6.54997 6.13333 6.71663 6.42222 7.04997 6.63333C7.3833 6.84444 7.96108 7.06667 8.7833 7.3C9.54997 7.52222 10.1305 7.875 10.525 8.35833C10.9194 8.84167 11.1166 9.4 11.1166 10.0333C11.1166 10.8222 10.8833 11.4222 10.4166 11.8333C9.94997 12.2444 9.37219 12.5 8.6833 12.6V14H7.34997Z", fill: color }) }))] })));
+}

package/dist/esm/lib2/shared/assets/icons/IconBeachAccess.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+export function IconBeachAccess(_a) {
+    var { color = 'currentColor', size = 24 } = _a, other = __rest(_a, ["color", "size"]);
+    return (_jsx("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M19.475 20.5384L13.2789 14.3615L14.3327 13.3077L20.5288 19.5039L19.475 20.5384ZM5.95966 19.5692C5.11993 18.6525 4.49685 17.6365 4.09044 16.5211C3.68404 15.4057 3.48083 14.2686 3.48083 13.1096C3.48083 11.8673 3.71129 10.6599 4.17219 9.48753C4.63309 8.31509 5.33789 7.25772 6.28661 6.3154C7.23531 5.3667 8.29844 4.65934 9.47601 4.1933C10.6536 3.72729 11.8571 3.49428 13.0866 3.49428C14.2519 3.49428 15.3882 3.70005 16.4952 4.11158C17.6022 4.52311 18.6173 5.14874 19.5404 5.98848L5.95966 19.5692ZM6.12119 17.2692L7.70199 15.6885C7.43532 15.3256 7.17634 14.9481 6.92506 14.5558C6.67378 14.1634 6.44814 13.7583 6.24814 13.3404C6.04814 12.9224 5.88114 12.49 5.74716 12.0432C5.61319 11.5964 5.51352 11.1435 5.44814 10.6846C5.05325 11.7833 4.91894 12.9061 5.04521 14.0529C5.17149 15.1997 5.53015 16.2718 6.12119 17.2692ZM8.80579 14.6346L14.6058 8.7846C13.8891 8.2346 13.1635 7.79519 12.4289 7.46635C11.6943 7.1375 11.0023 6.91539 10.3529 6.8C9.70357 6.68462 9.1167 6.675 8.59233 6.77115C8.06798 6.8673 7.66094 7.06025 7.37119 7.35C7.08144 7.65 6.88848 8.06219 6.79233 8.58655C6.69618 9.1109 6.7042 9.70033 6.81639 10.3548C6.92855 11.0093 7.14906 11.7029 7.47791 12.4356C7.80676 13.1683 8.24939 13.9013 8.80579 14.6346ZM15.6789 7.73078L17.2904 6.15C16.266 5.53974 15.1789 5.17371 14.0288 5.05193C12.8788 4.93013 11.7545 5.0654 10.6557 5.45773C11.1314 5.5167 11.5926 5.61637 12.0394 5.75675C12.4862 5.89714 12.9186 6.06476 13.3365 6.25963C13.7545 6.45451 14.1587 6.67759 14.5491 6.92885C14.9394 7.18014 15.316 7.44744 15.6789 7.73078Z", fill: color }) })));
+}

package/dist/esm/lib2/shared/assets/icons/IconBookmark.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+export const IconBookmark = (_a) => {
+    var { width = 24, height = 24, color = 'currentColor' } = _a, other = __rest(_a, ["width", "height", "color"]);
+    return (_jsx("svg", Object.assign({ width: width, height: height, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, other, { children: _jsx("path", { d: "M19 20.5L12 15.7778L5 20.5V5.38889C5 4.88792 5.21071 4.40748 5.58579 4.05324C5.96086 3.69901 6.46957 3.5 7 3.5H17C17.5304 3.5 18.0391 3.69901 18.4142 4.05324C18.7893 4.40748 19 4.88792 19 5.38889V20.5Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};