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

package/dist/cjs/lib2/widgets/FiltersWidget/FiltersWidget.styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledToolbar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonToolbar & Pick<import("react").HTMLAttributes<HTMLIonToolbarElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "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("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>, any, {}, never>;
-export declare const StyledFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonFooter & Pick<import("react").HTMLAttributes<HTMLIonFooterElement>, "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "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("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>, any, {}, never>;
+export declare const StyledToolbar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@ionic/core/dist/types/components").JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("@ionic/core/dist/types/components").JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("@ionic/react/dist/types/components/react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/lib2/widgets/SpecialistCardListWidget/SpecialistCardListWidget.js

@@ -0,0 +1,56 @@
+"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 SpecialistCardWidget_1 = __importDefault(require("../SpecialistCardWidget/SpecialistCardWidget"));
+const SpecialistCardListWidgetSkeleton_1 = __importDefault(require("./SpecialistCardListWidgetSkeleton"));
+const SpecialistCardListWidget = ({ specialists, t, onChooseVisitTime, onToggleFavourite, onVideoPlay, onCardClick, isLoading, currentUser, isBookingLoading, }) => {
+    const videoRefs = (0, react_1.useRef)([]);
+    const [isMuted, setMuted] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        // onScrollHandle();
+    }, []);
+    // TODO this feature needs to be implemented in the future
+    // const onScrollHandle = () => {
+    //   const firstVideoInViewIndex = videoRefs.current.findIndex((videoRef) => {
+    //     const rect = videoRef.getBoundingClientRect();
+    //     return rect.top <= window.innerHeight && rect.bottom >= rect.height / 2;
+    //   });
+    //   const targetIndex = firstVideoInViewIndex ? firstVideoInViewIndex : 0;
+    //   if (videoRefs.current[targetIndex].paused) {
+    //     videoRefs.current[targetIndex].play().then().catch();
+    //   }
+    //   videoRefs.current.forEach((videoRef, index) => {
+    //     if (index !== targetIndex && !videoRef.paused) {
+    //       videoRef.pause();
+    //     }
+    //   });
+    // };
+    const onMuteToggleHandle = (0, react_1.useCallback)(() => {
+        setMuted((value) => !value);
+        videoRefs.current.forEach((videoRef) => {
+            videoRef.muted = !videoRef.muted;
+        });
+    }, []);
+    const handleChooseVisitTime = (0, react_1.useCallback)((specialist) => () => {
+        onChooseVisitTime(specialist);
+    }, [onChooseVisitTime]);
+    const handleToggleFavourite = (0, react_1.useCallback)((specialist) => () => {
+        onToggleFavourite(specialist);
+    }, [onToggleFavourite]);
+    const handleCardClick = (0, react_1.useCallback)((id) => () => {
+        onCardClick === null || onCardClick === void 0 ? void 0 : onCardClick(id);
+    }, [onCardClick]);
+    if (isLoading)
+        return (0, jsx_runtime_1.jsx)(SpecialistCardListWidgetSkeleton_1.default, {});
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "overflow-auto h-full" }, { children: specialists.map((specialist, index) => ((0, jsx_runtime_1.jsx)(SpecialistCardWidget_1.default, { t: t, specialist: specialist, onChooseVisitTime: handleChooseVisitTime(specialist), onToggleFavourite: handleToggleFavourite(specialist), videoPlayer: {
+                isMuted,
+                onMuteToggle: onMuteToggleHandle,
+                videoRef: (ref) => (videoRefs.current[index] = ref),
+                onPlay: onVideoPlay,
+            }, onCardClick: handleCardClick(specialist.id), loading: false, isFavourite: specialist.isFavourite, currentUser: currentUser, isBookingLoading: isBookingLoading }, specialist.id))) })));
+};
+exports.default = SpecialistCardListWidget;

package/dist/cjs/lib2/widgets/SpecialistCardListWidget/SpecialistCardListWidget.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithLoading = exports.Default = void 0;
+const SpecialistCardListWidget_1 = __importDefault(require("./SpecialistCardListWidget"));
+const mock_1 = require("../../shared/utils/mock");
+const meta = {
+    title: 'V2/Widgets/SpecialistCardListWidget',
+    component: SpecialistCardListWidget_1.default,
+};
+exports.default = meta;
+const t = (0, mock_1.mockT)();
+exports.Default = {
+    args: {
+        t,
+        specialists: [
+            Object.assign(Object.assign({}, mock_1.specialist), { isFavourite: false }),
+        ],
+        currentUser: mock_1.currentUser,
+    },
+};
+exports.WithLoading = {
+    args: {
+        t,
+        specialists: [],
+        isLoading: true,
+        currentUser: mock_1.currentUser,
+    },
+};

package/dist/cjs/lib2/widgets/SpecialistCardListWidget/SpecialistCardListWidgetSkeleton.js

@@ -0,0 +1,11 @@
+"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 SpecialistCardSkeleton_1 = __importDefault(require("../SpecialistCardWidget/SpecialistCardSkeleton"));
+const SpecialistCardListWidgetSkeleton = () => {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pt-4" }, { children: [1, 2, 3, 4].map((index) => ((0, jsx_runtime_1.jsx)(SpecialistCardSkeleton_1.default, {}, index))) })));
+};
+exports.default = SpecialistCardListWidgetSkeleton;

package/dist/cjs/lib2/widgets/SpecialistCardListWidget/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.SpecialistCardListWidget = void 0;
+var SpecialistCardListWidget_1 = require("./SpecialistCardListWidget");
+Object.defineProperty(exports, "SpecialistCardListWidget", { enumerable: true, get: function () { return __importDefault(SpecialistCardListWidget_1).default; } });

package/dist/cjs/lib2/widgets/SpecialistCardWidget/SpecialistCardSkeleton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const SpecialistCardSkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mb-2.5" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "container flex items-center\tpx-5" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Avatar_v2, { alt: "avatar", round: "drop", variant: "small", showSkeleton: true }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex-1 mx-2.5" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex items-center" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-36 h-3.5 rounded-xl" }) })) })), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-24 h-6 rounded-3xl" })] })) })), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-full h-[375px]" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-5 mt-4 mb-10" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex-1 h-[43px] justify-between\tflex-col flex" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[118px] h-[18px] rounded-xl mb-4" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[94px] h-[13px] rounded-xl" })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex-1 h-[43px] justify-between\tflex-col flex" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[78px] h-[18px] rounded-xl mb-4" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[94px] h-[13px] rounded-xl" })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex mt-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex-1 h-[43px] justify-between\tflex-col flex" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[134px] h-[18px] rounded-xl mb-4" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[86px] h-[13px] rounded-xl" })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex-1 h-[43px] justify-between\tflex-col flex" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[134px] h-[18px] rounded-xl mb-4" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[118px] h-[13px] rounded-xl" })] }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "my-6" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-full h-5 rounded-xl" }) }))] }))] }));
+};
+exports.default = SpecialistCardSkeleton;

package/dist/cjs/lib2/widgets/SpecialistCardWidget/SpecialistCardWidget.js

@@ -0,0 +1,32 @@
+"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 shared_1 = require("../../shared");
+const SpecialistCardSkeleton_1 = __importDefault(require("./SpecialistCardSkeleton"));
+const features_1 = require("../../features");
+const classnames_1 = __importDefault(require("classnames"));
+const matching_1 = require("../../shared/utils/matching");
+const SpecialistCardWidget = ({ t, loading, specialist, videoPlayer: { isMuted, videoRef, onMuteToggle }, onChooseVisitTime, isFavourite, onToggleFavourite, onCardClick, currentUser, isBookingLoading, }) => {
+    const { first_name, last_name, video_link, video_cover_link, percent_match = 0, avatar_link = '', country_of_birthday, reviews_count, years_of_experience, session_price, session_duration_minutes, reviews_average_rating, session_price_type, hours_of_practice, super_specialist, is_active, is_public, } = specialist;
+    const videoProps = {
+        isMuted,
+        onMuteToggle,
+        src: video_link,
+    };
+    const matchedValues = (0, react_1.useMemo)(() => (0, matching_1.getMatchingValues)(specialist, currentUser, true, t), [currentUser, specialist, t]);
+    const areasByMatch = (0, react_1.useMemo)(() => [
+        ...matchedValues.matchingBySpecialization,
+        ...matchedValues.matchingByAreas,
+    ], [currentUser, specialist, t]);
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(SpecialistCardSkeleton_1.default, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "py-5" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('mb-2.5', {
+                    'cursor-pointer': Boolean(onCardClick),
+                }), onClick: onCardClick }, { children: (0, jsx_runtime_1.jsx)(features_1.SpecialistShortInfoItem, { avatarLink: avatar_link, countryCode: country_of_birthday, fullName: `${first_name} ${last_name.charAt(0)}.`, match: percent_match, t: t, className: "px-5" }) })), videoProps.src && ((0, jsx_runtime_1.jsx)(shared_1.Video, { src: videoProps.src, preview: video_cover_link, ref: videoRef, isWithWatermark: true, isWithPlay: true })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-5 mt-2.5" }, { children: [(0, jsx_runtime_1.jsx)(features_1.SpecialistInfoColumnFeature, { reviews: reviews_count, isFavourite: isFavourite, onToggleFavourite: onToggleFavourite, yearsOfExperience: years_of_experience, sessionPrice: session_price, sessionDurationMinutes: session_duration_minutes, currentPriceType: session_price_type, rating: reviews_average_rating, t: t, hoursOfPractice: hours_of_practice }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "my-4" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ fill: "outline", fullWidth: true, onClick: onChooseVisitTime, disabled: !is_active || (typeof is_public === 'boolean' && !is_public), isLoading: isBookingLoading }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.booking_button') })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mb-2" }, { children: super_specialist && (0, jsx_runtime_1.jsx)(shared_1.SuperSpecialist, { t: t }) })), (0, jsx_runtime_1.jsx)(features_1.SpecialistAreaListFeature, { list: areasByMatch })] }))] })));
+};
+exports.default = (0, react_1.memo)(SpecialistCardWidget);

package/dist/cjs/lib2/widgets/SpecialistCardWidget/SpecialistCardWidget.stories.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IsAddedToFavourite = exports.AvarageMatch = exports.WithLoading = exports.Default = void 0;
+const SpecialistCardWidget_1 = __importDefault(require("./SpecialistCardWidget"));
+const mock_1 = require("../../shared/utils/mock");
+const meta = {
+    title: 'V2/Widgets/SpecialistCardWidget',
+    component: SpecialistCardWidget_1.default,
+};
+exports.default = meta;
+const t = (0, mock_1.mockT)();
+const videoPlayer = {
+    isMuted: true,
+    videoRef: () => null,
+    onMuteToggle: () => null,
+    onPlay: () => null,
+};
+exports.Default = {
+    args: {
+        t,
+        specialist: mock_1.specialist,
+        videoPlayer,
+        currentUser: mock_1.currentUser,
+    },
+};
+exports.WithLoading = {
+    args: {
+        t,
+        loading: true,
+        specialist: mock_1.specialist,
+        videoPlayer,
+        currentUser: mock_1.currentUser,
+    },
+};
+exports.AvarageMatch = {
+    args: {
+        t,
+        specialist: Object.assign(Object.assign({}, mock_1.specialist), { percent_match: 79 }),
+        videoPlayer,
+        currentUser: mock_1.currentUser,
+    },
+};
+exports.IsAddedToFavourite = {
+    args: {
+        t,
+        specialist: mock_1.specialist,
+        isFavourite: true,
+        videoPlayer,
+        currentUser: mock_1.currentUser,
+    },
+};

package/dist/cjs/lib2/widgets/SpecialistCardWidget/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.SpecialistCardWidget = void 0;
+var SpecialistCardWidget_1 = require("./SpecialistCardWidget");
+Object.defineProperty(exports, "SpecialistCardWidget", { enumerable: true, get: function () { return __importDefault(SpecialistCardWidget_1).default; } });

package/dist/cjs/lib2/widgets/SpecialistCardWidget/types.js

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

package/dist/cjs/lib2/widgets/SpecialistDetailWidget/SpecialistDetailWidget.js

@@ -0,0 +1,80 @@
+"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 SpecialistDetailWidgetSkeleton_1 = __importDefault(require("./SpecialistDetailWidgetSkeleton"));
+const shared_1 = require("../../shared");
+const features_1 = require("../../features");
+const matching_1 = require("../../shared/utils/matching");
+const classnames_1 = __importDefault(require("classnames"));
+const SpecialistDetailWidget = ({ t, isLoading, specialist, country, reviews: reviewList, isAuth = false, isSpecialistUnAvailable = false, currentUser, hasSessions, showContract, showReview, presentingElement, onLoadMoreReviews, onOpenContract, onRateSession, }) => {
+    const { reviews_average_rating, reviews_count, avatar_link = '', country_of_birthday, first_name, last_name, percent_match, super_specialist: isSuperSpecialist, about, therapy_description, areas_of_work_by_client_problem, session_duration_minutes, session_price, session_price_type, education, languages, hours_of_practice = 0, years_of_experience = 0, active_clients = 0, sessions_count = 0, video_link, subscription_discounts, } = specialist;
+    const reviewListFeatureRef = (0, react_1.useRef)(null);
+    const videoRef = (0, react_1.useRef)(null);
+    const matchedValues = (0, react_1.useMemo)(() => (0, matching_1.getMatchingValues)(specialist, currentUser, false, t), [currentUser, specialist, t]);
+    const complienceBadges = (0, react_1.useMemo)(() => {
+        var _a;
+        const specialistMatchingData = (_a = currentUser === null || currentUser === void 0 ? void 0 : currentUser.specialist_order) === null || _a === void 0 ? void 0 : _a.find((order) => order.specialist_id === specialist.id);
+        return [
+            ...((specialistMatchingData === null || specialistMatchingData === void 0 ? void 0 : specialistMatchingData.matching_by_specialization) || []),
+            ...((specialistMatchingData === null || specialistMatchingData === void 0 ? void 0 : specialistMatchingData.matching_by_areas) || []),
+        ];
+    }, [currentUser === null || currentUser === void 0 ? void 0 : currentUser.specialist_order, specialist.id]);
+    const formatPrice = (0, react_1.useCallback)((sessionPrice) => {
+        return (0, shared_1.priceNormalize)({
+            price: sessionPrice,
+            currency: session_price_type,
+            roundingTo: 0,
+        });
+    }, [session_price_type]);
+    const subscriptionDiscount = (0, react_1.useMemo)(() => Object.entries(subscription_discounts || {})
+        .map(([key, value]) => ({ key: Number(key), value }))
+        .filter(({ value }) => value > 0)
+        // in case of data not sorted by key
+        .sort((a, b) => a.key - b.key), [subscription_discounts]);
+    const handleClickReviewsSummary = (0, react_1.useCallback)(() => {
+        var _a;
+        (_a = reviewListFeatureRef.current) === null || _a === void 0 ? void 0 : _a.openModalReviews();
+    }, []);
+    const handleClickAvatar = (0, react_1.useCallback)(() => {
+        var _a;
+        (_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.play();
+    }, []);
+    if (isLoading) {
+        return (0, jsx_runtime_1.jsx)(SpecialistDetailWidgetSkeleton_1.default, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-1 pb-5" }, { children: [(0, jsx_runtime_1.jsx)(features_1.SpecialistShortInfoItem, { avatarLink: avatar_link, countryCode: country_of_birthday, fullName: `${first_name} ${last_name.charAt(0)}.`, match: percent_match, reviews: reviews_count, rating: reviews_average_rating, matchVariant: "avatar", avatarProps: {
+                    variant: 'large',
+                    round: 'circle',
+                    onClick: handleClickAvatar,
+                }, isSpecialistUnAvailable: isSpecialistUnAvailable, isAuth: isAuth, t: t, onClickReview: handleClickReviewsSummary, variantFullName: shared_1.TypographyVariantsEnum.Title20Semi }), hasSessions && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col mt-6" }, { children: [showContract && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-center gap-4 relative py-4 w-full border-color-black/30 border-b justify-between cursor-pointer'), onClick: onOpenContract }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center gap-4" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.IconDocument, { className: "w-6 h-6" }), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text16Regular, className: "text-typography-typography-primary" }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.contract.item') }))] })), (0, jsx_runtime_1.jsx)(shared_1.IconArrowRight, { className: "w-4 h-4 flex-0" })] }))), showReview && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-center gap-4 relative py-4 w-full justify-between cursor-pointer'), onClick: onRateSession }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center gap-4" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.IconStar, { className: "w-6 h-6" }), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text16Regular, className: "text-typography-typography-primary" }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.my_review.item') }))] })), (0, jsx_runtime_1.jsx)(shared_1.IconArrowRight, { className: "w-4 h-4 flex-0" })] })))] }))), Array.isArray(complienceBadges) &&
+                (complienceBadges === null || complienceBadges === void 0 ? void 0 : complienceBadges.length) > 0 &&
+                isAuth ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title18Semi, className: "mt-4 mb-4" }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.meets_your_needs.title') })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { children: complienceBadges === null || complienceBadges === void 0 ? void 0 : complienceBadges.map((badge, index) => (
+                        // this array is no mutated, so we can use index as key
+                        (0, jsx_runtime_1.jsx)(shared_1.Badge, Object.assign({ variant: "success", iconType: "check", className: "pr-4" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Text13Regular150, className: "font-normal" }, { children: badge })) }), index))) }))] })) : null, isSuperSpecialist && !isSpecialistUnAvailable && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title18Semi, className: "mt-6 mb-4" }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.achivements.title') })), (0, jsx_runtime_1.jsx)(shared_1.SuperSpecialist, { t: t, variant: "full", percent: 99 })] })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title18Semi, className: "mt-6 mb-2" }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.price.title') })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.price.duration.subtitle')) || '' }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.price.duration.text', {
+                            count: session_duration_minutes,
+                        }) })), (0, jsx_runtime_1.jsxs)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.price.price.subtitle')) || '' }, { children: [t === null || t === void 0 ? void 0 : t('therapist_details.price.price.text.0', {
+                                price: formatPrice(session_price),
+                                count: 1,
+                            }), subscriptionDiscount.map(({ key, value }) => ((0, jsx_runtime_1.jsx)("div", { children: t === null || t === void 0 ? void 0 : t('therapist_details.price.price.text.1', {
+                                    count: key,
+                                    price: formatPrice(session_price - session_price * value),
+                                }) }, key)))] }))] }), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title18Semi, className: "mt-6 mb-2" }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.experience.title') })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.experience.subtitle')) || '' }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.years_of_experience', {
+                            count: years_of_experience,
+                        }) })), (0, jsx_runtime_1.jsx)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.practice.subtitle')) || '' }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.hours_of_practice', {
+                            value: (0, shared_1.formatByDigits)(hours_of_practice),
+                            count: hours_of_practice,
+                        }) })), (0, jsx_runtime_1.jsx)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.client.subtitle')) || '' }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.client.count', {
+                            count: active_clients,
+                        }) })), (0, jsx_runtime_1.jsx)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.sessions.subtitle')) || '' }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.sessions.count', {
+                            value: (0, shared_1.formatByDigits)(sessions_count),
+                            count: sessions_count,
+                        }) })), (0, jsx_runtime_1.jsx)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.country.subtitle')) || '' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center gap-1" }, { children: [country, country_of_birthday && ((0, jsx_runtime_1.jsx)(shared_1.Flag_v2, { name: country_of_birthday, className: "mx-1 w-5 h-6" }))] })) })), (0, jsx_runtime_1.jsx)(shared_1.ListItemWithColumns, Object.assign({ title: (t === null || t === void 0 ? void 0 : t('therapist_details.language.subtitle')) || '' }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "capitalize" }, { children: languages === null || languages === void 0 ? void 0 : languages.map((lang) => t === null || t === void 0 ? void 0 : t(`language.${lang}`)).join(', ') })) }))] }), video_link && ((0, jsx_runtime_1.jsx)(shared_1.Video, Object.assign({ src: video_link, hiddenVideo: true, ref: videoRef }, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ fill: "outline", fullWidth: true, className: "!mt-4", icon: (0, jsx_runtime_1.jsx)(shared_1.IconPlay, {}), iconPosition: "center" }, { children: t === null || t === void 0 ? void 0 : t('therapist_details.video_button') })) }))), (0, jsx_runtime_1.jsx)(features_1.SpecialistAreaListFeature, { fillTextWithMatch: true, t: t, title: (t === null || t === void 0 ? void 0 : t('therapist_details.specialization.title')) || '', limit: 3, list: matchedValues.matchingBySpecialization, presentingElement: presentingElement }), (0, jsx_runtime_1.jsx)(features_1.SpecialistAreaListFeature, { fillTextWithMatch: true, t: t, title: (t === null || t === void 0 ? void 0 : t('therapist_details.area_of_work.title')) || '', limit: 5, list: matchedValues.matchingByAreas, presentingElement: presentingElement }), about && ((0, jsx_runtime_1.jsx)(features_1.TextWithClampFeature, { t: t, countLines: 4, expandType: "modal", title: (t === null || t === void 0 ? void 0 : t('therapist_details.about_me.title')) || '', text: about, presentingElement: presentingElement })), !isSpecialistUnAvailable && ((0, jsx_runtime_1.jsx)(features_1.SpecialistEducationsFeature, { list: education, limit: 2, t: t, presentingElement: presentingElement })), isAuth && ((0, jsx_runtime_1.jsx)(features_1.SpecialistAreaListFeature, { t: t, title: (t === null || t === void 0 ? void 0 : t('therapist_details.help_with.title')) || '', limit: 5, list: areas_of_work_by_client_problem.map((text) => ({
+                    text,
+                    hasMatch: false,
+                })), presentingElement: presentingElement })), therapy_description && isAuth && ((0, jsx_runtime_1.jsx)(features_1.TextWithClampFeature, { countLines: 4, t: t, expandType: "modal", title: (t === null || t === void 0 ? void 0 : t('therapist_details.about_therapy.title')) || '', text: therapy_description, presentingElement: presentingElement })), Array.isArray(reviewList) && (reviewList === null || reviewList === void 0 ? void 0 : reviewList.length) > 0 && isAuth ? ((0, jsx_runtime_1.jsx)(features_1.ReviewListFeature, { list: reviewList, rating: reviews_average_rating, reviews: reviews_count, t: t, className: "mt-6", limit: 5, onLoadMore: onLoadMoreReviews, ref: reviewListFeatureRef })) : null] })));
+};
+exports.default = (0, react_1.memo)(SpecialistDetailWidget);

package/dist/cjs/lib2/widgets/SpecialistDetailWidget/SpecialistDetailWidget.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import SpecialistDetailWidget from './SpecialistDetailWidget';
+declare const meta: Meta<typeof SpecialistDetailWidget>;
+export default meta;
+type Story = StoryObj<typeof SpecialistDetailWidget>;
+export declare const Default: Story;
+export declare const WithDicount: Story;
+export declare const NotAuthorized: Story;
+export declare const WithLoading: Story;

package/dist/cjs/lib2/widgets/SpecialistDetailWidget/SpecialistDetailWidget.stories.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithLoading = exports.NotAuthorized = exports.WithDicount = exports.Default = void 0;
+const SpecialistDetailWidget_1 = __importDefault(require("./SpecialistDetailWidget"));
+const mock_1 = require("../../shared/utils/mock");
+const meta = {
+    title: 'V2/Widgets/SpecialistDetailWidget',
+    component: SpecialistDetailWidget_1.default,
+};
+exports.default = meta;
+const t = (0, mock_1.mockT)();
+const props = {
+    t,
+    isLoading: false,
+    specialist: mock_1.specialist,
+    country: 'Україна',
+    isAuth: true,
+    isSpecialistUnAvailable: false,
+    reviews: mock_1.listReviews,
+};
+exports.Default = {
+    args: Object.assign(Object.assign({}, props), { specialist: Object.assign(Object.assign({}, mock_1.specialist), { subscription_discounts: undefined }), showContract: true, showReview: true, hasSessions: true, currentUser: mock_1.currentUser }),
+};
+exports.WithDicount = {
+    args: Object.assign(Object.assign({}, props), { currentUser: mock_1.currentUser }),
+};
+exports.NotAuthorized = {
+    args: Object.assign(Object.assign({}, props), { isAuth: false, currentUser: mock_1.currentUser }),
+};
+exports.WithLoading = {
+    args: Object.assign(Object.assign({}, props), { isLoading: true, currentUser: mock_1.currentUser }),
+};

package/dist/cjs/lib2/widgets/SpecialistDetailWidget/SpecialistDetailWidgetSkeleton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const SpecialistDetailWidgetSkeleton = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center gap-5 pt-2" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-[88px] h-[94px]" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-20 h-20 rounded-[40px]" }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "inline-flex flex-col items-start justify-center gap-2 px-0 py-1.5 flex-[0_0_auto]" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[142px] h-4 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[94px] h-2.5 rounded-xl" })] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "inline-flex flex-col items-start gap-5 py-6" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[115px] h-6 rounded-3xl" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-col w-[335px] items-start gap-4 flex-[0_0_auto] rounded-[20px]" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start gap-2 px-0 py-[5px] " }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[310px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[262px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[294px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[222px] h-3.5 rounded-xl" })] })) }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start gap-5 relative" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[115px] h-6 rounded-3xl" }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col w-full items-start gap-4 rounded-[20px]" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-start w-full gap-[34px] pb-4 border-color-black/10 border-b" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[102px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[73.37px] h-3.5 rounded-xl" })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-start w-full gap-4 pb-4 border-color-black/10 border-b" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[120px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[49.37px] h-3.5 rounded-xl" })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-start w-full gap-[34px] pb-4 border-color-black/10 border-b" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[102px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[73.37px] h-3.5 rounded-xl" })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-start w-full gap-4" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[120px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[49.37px] h-3.5 rounded-xl" })] }))] }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start gap-5 py-6" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[115px] h-6 rounded-3xl" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-col w-[335px] items-start gap-4 flex-[0_0_auto] rounded-[20px]" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start gap-2 px-0 py-[5px] " }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[310px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[262px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[294px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[222px] h-3.5 rounded-xl" })] })) }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start gap-5 py-6" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[115px] h-6 rounded-3xl" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-col w-[335px] items-start gap-4 flex-[0_0_auto] rounded-[20px]" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col items-start gap-2 px-0 py-[5px] " }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[310px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[262px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[294px] h-3.5 rounded-xl" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "w-[222px] h-3.5 rounded-xl" })] })) }))] }))] }));
+};
+exports.default = SpecialistDetailWidgetSkeleton;

package/dist/cjs/lib2/widgets/SpecialistDetailWidget/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.SpecialistDetailWidget = void 0;
+var SpecialistDetailWidget_1 = require("./SpecialistDetailWidget");
+Object.defineProperty(exports, "SpecialistDetailWidget", { enumerable: true, get: function () { return __importDefault(SpecialistDetailWidget_1).default; } });

package/dist/cjs/lib2/widgets/SpecialistDetailWidget/types.js

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

package/dist/cjs/lib2/widgets/SpecialistPaymentResumeWidget/SpecialistPaymentResumeWidget.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SpecialistPaymentCommonCardFeature_1 = require("../../features/SpecialistPaymentCommonCardFeature");
+const SpecialistPaymentConsultationsFeature_1 = require("../../features/SpecialistPaymentConsultationsFeature");
+const SpecialistPaymentResumeWidget = ({ t, isLoading, revenue, currency, currencyProps, commissionRates, commissionValue, totalSessionsCount, futureSessionsCount, consultations, calendarDate, locale, hideProgressBar, defaultTab, consultationsModeTrigger, consultationClick, }) => {
+    const filteredCommission = {};
+    Object.keys(commissionRates).forEach((key) => {
+        if (key != '1') {
+            filteredCommission[Number(key)] = commissionRates[Number(key)];
+        }
+    });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SpecialistPaymentCommonCardFeature_1.SpecialistPaymentCommonCardFeature, { t: t, calendarDate: calendarDate, isLoading: isLoading, commissionRates: filteredCommission, commissionValue: commissionValue, totalSessionsCount: totalSessionsCount, futureSessionsCount: futureSessionsCount, locale: locale, revenue: revenue, currency: currency, currencyProps: currencyProps, hideProgressBar: hideProgressBar, showCommission: true, showRevenue: true }), totalSessionsCount > 0 && ((0, jsx_runtime_1.jsx)(SpecialistPaymentConsultationsFeature_1.SpecialistPaymentConsultationsFeature, { t: t, calendarDate: calendarDate, consultations: consultations, futureCount: futureSessionsCount, previousCount: totalSessionsCount - futureSessionsCount, locale: locale, defaultTab: defaultTab, consultationsModeTrigger: consultationsModeTrigger, consultationClick: consultationClick }))] }));
+};
+exports.default = (0, react_1.memo)(SpecialistPaymentResumeWidget);

package/dist/cjs/lib2/widgets/SpecialistPaymentResumeWidget/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.SpecialistPaymentResumeWidget = void 0;
+var SpecialistPaymentResumeWidget_1 = require("./SpecialistPaymentResumeWidget");
+Object.defineProperty(exports, "SpecialistPaymentResumeWidget", { enumerable: true, get: function () { return __importDefault(SpecialistPaymentResumeWidget_1).default; } });

package/dist/cjs/lib2/widgets/SpecialistPaymentWidget/SpecialistPaymentWidget.js

@@ -0,0 +1,19 @@
+"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 SpecialistPaymentCommonCardFeature_1 = require("../../features/SpecialistPaymentCommonCardFeature");
+const SpecialistCardWidget = ({ t, commissionRates, commissionValue, totalSessionsCount, futureSessionsCount, calendarDate, isLoading, hideProgressBar, locale, routeClick, }) => {
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mb-4" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-between" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "!mt-2 w-[125px] h-[20px] rounded-[12px]" }), (0, jsx_runtime_1.jsx)(shared_1.Skeleton_v2, { className: "!mt-2 w-[60px] h-[20px] rounded-[12px]" })] })) })), (0, jsx_runtime_1.jsx)(SpecialistPaymentCommonCardFeature_1.SpecialistPaymentCommonCardSkeleton, { className: "mb-6 p-5" })] }));
+    }
+    const filteredCommission = {};
+    Object.keys(commissionRates).forEach((key) => {
+        if (key != '1') {
+            filteredCommission[Number(key)] = commissionRates[Number(key)];
+        }
+    });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mb-4" }, { children: (0, jsx_runtime_1.jsx)(shared_1.HeaderWithRedirect, { title: t === null || t === void 0 ? void 0 : t('payments.commission_rate.title'), label: t === null || t === void 0 ? void 0 : t('payments.details.link'), routeClick: routeClick }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "cursor-pointer", onClick: routeClick }, { children: (0, jsx_runtime_1.jsx)(SpecialistPaymentCommonCardFeature_1.SpecialistPaymentCommonCardFeature, { t: t, commissionRates: filteredCommission, commissionValue: commissionValue, calendarDate: calendarDate, totalSessionsCount: totalSessionsCount, futureSessionsCount: futureSessionsCount, hideProgressBar: hideProgressBar, locale: locale, showRevenue: false, showCommission: false }) }))] }));
+};
+exports.default = (0, react_1.memo)(SpecialistCardWidget);

package/dist/cjs/lib2/widgets/SpecialistPaymentWidget/SpecialistPaymentWidget.stories.js

@@ -0,0 +1,32 @@
+"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 SpecialistPaymentWidget_1 = __importDefault(require("./SpecialistPaymentWidget"));
+const specialistPayments_1 = require("../../shared/translators/specialistPayments");
+const meta = {
+    title: 'v2/Widgets/SpecialistPaymentWidget',
+    component: SpecialistPaymentWidget_1.default,
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        t: specialistPayments_1.translationFunction,
+        isLoading: false,
+        hideProgressBar: false,
+        totalSessionsCount: 38,
+        futureSessionsCount: 7,
+        commissionRates: {
+            1: 1,
+            20: 0.45,
+            40: 0.35,
+            999: 0.25,
+        },
+        commissionValue: 0.35,
+        calendarDate: new Date('2024-01-01'),
+        locale: 'uk',
+        routeClick: () => console.log('routeClick'),
+    },
+};

package/dist/cjs/lib2/widgets/SpecialistPaymentWidget/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.SpecialistPaymentWidget = void 0;
+var SpecialistPaymentWidget_1 = require("./SpecialistPaymentWidget");
+Object.defineProperty(exports, "SpecialistPaymentWidget", { enumerable: true, get: function () { return __importDefault(SpecialistPaymentWidget_1).default; } });

package/dist/cjs/lib2/widgets/UpdateContractWidget/UpdateContractWidget.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UpdateContractWidget = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const features_1 = require("../../features");
+function UpdateContractWidget({ applyText, onApply, heading, image = '', avatar = '', agreementText, handlePressLink, isAccepted, setIsAccepted, isLoading, }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(shared_1.Container_v2, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "min-h-full flex items-center" }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex justify-center" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative" }, { children: [(0, jsx_runtime_1.jsx)(shared_1.Picture, { width: 120, height: 120, srcType: "image/webp", src: {
+                                                src: image,
+                                            } }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "absolute bottom-0 right-1" }, { children: (0, jsx_runtime_1.jsx)(shared_1.Avatar_v2, { src: avatar, variant: "small" }) }))] })) })), (0, jsx_runtime_1.jsx)(shared_1.Typography, Object.assign({ variant: shared_1.TypographyVariantsEnum.Title24Semi, className: "my-4", align: "center" }, { children: heading })), (0, jsx_runtime_1.jsx)(features_1.AcceptAgreementFeature, { isAccepted: isAccepted, setIsAccepted: setIsAccepted, handlePressLink: handlePressLink, translations: agreementText })] }) })) }), (0, jsx_runtime_1.jsx)(shared_1.AppFooter_v2, { children: (0, jsx_runtime_1.jsx)(shared_1.Button_v2, Object.assign({ size: "large", fullWidth: true, isLoading: isLoading, onClick: onApply, disabled: !isAccepted }, { children: applyText })) })] }));
+}
+exports.UpdateContractWidget = UpdateContractWidget;

package/dist/cjs/lib2/widgets/UpdateContractWidget/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UpdateContractWidget"), exports);

package/dist/cjs/lib2/widgets/index.js

@@ -0,0 +1,22 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SpecialistCardWidget"), exports);
+__exportStar(require("./SpecialistCardListWidget"), exports);
+__exportStar(require("./SpecialistPaymentWidget"), exports);
+__exportStar(require("./SpecialistPaymentResumeWidget"), exports);
+__exportStar(require("./UpdateContractWidget"), exports);
+__exportStar(require("./SpecialistDetailWidget"), exports);