@hhgtech/hhg-components 1.29.81 → 1.29.82

package/build/esm/{types-2580132c.js → index-c430773c.js}

@@ -1,993 +1,432 @@
-import React__default, { createContext, useContext, useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { T as Text } from './index-c200bff6.js';
-import './translationsContext-f3d1a7bd.js';
-import 'string-format';
-import { T as TogetherComponentGlobalContext, j as getUrlToSignUp, c as callApi, d as getApiPath, P as PATHS, k as getCurrentBaseUrl, g as getCarePath, C as CARE_PATHS, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, o as getDiscoverApiPath, p as DISCOVER_PATHS, A as ADMIN_PATHS, q as callApiWithAdminAuth, b as callApiWithAuth, r as getMarryBabyApiPath, s as callApiWithOptionalAuth } from './utils-d5a0b58f.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-761239c7.js';
-import { Heart, Reply, Comment, CrossLogo, ShieldCheck, Info, Ask, FullScreen, ArrowDown, ArrowRight, Trash, Endorse } from '@hhgtech/icons/other';
-import { useMantineTheme, Box, createStyles, Flex, rem, Checkbox, Portal, Anchor, Accordion, Popover } from '@mantine/core';
-import { D as Dropdown } from './index-cdac57da.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
-import innertext from 'innertext';
-import { t as theme } from './theme-f18c2351.js';
-import { I as ImageWrap, u as useScreenSize, A as Anchor$1, T as Tabs } from './index-21eac858.js';
-import '@mantine/dates';
-import { D as DATE_FNS_LOCALE, d as domainLocales$1 } from './index-bef3c9bd.js';
-import { L as LOCALE, S as SocialType } from './index-e3787b20.js';
-import { C as CommonGAssets } from './index-78255d6c.js';
-import './useMantineLocale-4fb67342.js';
-import { B as Button$1 } from './index-2b9213cf.js';
-import '@mantine/hooks';
-import { M as MediaQueries, t as toggleNoScroll, c as safeEncodeURI, a as getPopupWrapperDom } from './utils-f8761b9d.js';
-import { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-b1bb27aa.js';
-import { c as formatTopic, b as formatPost, P as Popup, e as formatComment, a as formatCommunity, g as formatArticle, h as formatCategory } from './dataTransform-3e8e25ba.js';
-import { B as BEARER_TOKEN_COOKIE, D as DEFAULT_IMG, M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, R as REPORT_REASON_MAP } from './constants-71d9f33b.js';
-import { I as Input } from './index-16514f4d.js';
-import debounce from 'lodash/debounce';
-import ContentEditable from 'react-contenteditable';
-import { Plus, Close, Check } from '@hhgtech/icons/core';
-import { B as Button } from './index-1da2ca0b.js';
-import { H as Heading } from './index-73301602.js';
-import { d as deleteCookie, g as getCookie } from './cookieHelper-73ce3871.js';
+import React__default, { createContext, useContext, useState, useEffect, useMemo, useRef, useCallback } from 'react';
+import { B as Button } from './index-9b9c1499.js';
+import { H as Heading } from './index-046778af.js';
+import { T as Text } from './index-5723381f.js';
+import { M as MediaQueries, t as toggleNoScroll, c as safeEncodeURI, a as getPopupWrapperDom } from './utils-d7bbdb52.js';
 import * as ReactDOM from 'react-dom';
+import { c as callApi, g as getCarePath, C as CARE_PATHS, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, p as DISCOVER_PATHS, T as TogetherComponentGlobalContext, d as getApiPath, A as ADMIN_PATHS, P as PATHS, q as callApiWithAdminAuth, b as callApiWithAuth } from './utils-3b29eb79.js';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
-import { I as Icon } from './index-69248434.js';
-import { a as abbreviateNumber } from './number-13f075cf.js';
-import { format } from 'date-fns';
+import { t as theme } from './theme-7dadf4a1.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-06ba3978.js';
+import { I as Input } from './index-f660abb7.js';
+import { u as useTranslations } from './useTranslations-b970f667.js';
+import { P as Popup, c as formatComment, b as formatPost, a as formatCommunity, e as formatArticle } from './dataTransform-623716c3.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-a5827634.js';
+import { P as PopoverMenu, C as CardLink } from './index-10ab6596.js';
+import { U as UserAvatar } from './index-9f99909b.js';
+import debounce from 'lodash/debounce';
+import { g as getCookie } from './cookieHelper-6c3b4790.js';
+import { a as useUniqueId } from './useUniqueId-5885911d.js';
+import { createStyles, Box, Flex, rem, Portal, Anchor, useMantineTheme, Accordion } from '@mantine/core';
+import { CrossLogo, ShieldCheck, FullScreen, ArrowDown } from '@hhgtech/icons/other';
+import { I as ImageWrap, u as useScreenSize, A as Anchor$1, T as Tabs } from './index-9b3a8b6d.js';
+import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
 import dayjs from 'dayjs';
+import { Plus } from '@hhgtech/icons/core';
+import { C as CommonGAssets } from './index-9471fca1.js';
+import { S as SocialType } from './index-189d7601.js';
+import '@mantine/dates';
+import { d as domainLocales$1 } from './index-6210f454.js';
+import './useMantineLocale-453f8013.js';
+import { B as Button$1 } from './index-1d3c6ce7.js';
+import '@mantine/hooks';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-703205e3.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-f22f6e6e.js';
 import { keyframes } from '@emotion/react';
-import { M as Modal } from './index-d218b94e.js';
-import { a as useUniqueId } from './useUniqueId-c23213b6.js';
-import { g as getCurrentBaseUrl$1 } from './routing-bebdc8b7.js';
-
-const TogetherAuthConfigContext = createContext({});
-const TogetherAuthConfigContextProvider = ({ children, defaultParams, }) => {
-    return (React__default.createElement(TogetherAuthConfigContext.Provider, { value: {
-            defaultParams,
-        } }, children));
-};
-const useTogetherAuthRequiredAction = (propsParams) => {
-    const { data: { userInfo, env: { togetherBasePath }, }, } = useContext(TogetherComponentGlobalContext);
-    const { defaultParams } = useContext(TogetherAuthConfigContext) || {};
-    const isLoggedIn = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id;
-    const isFirstInteract = userInfo &&
-        typeof userInfo.communities_interacted === 'number' &&
-        userInfo.communities_interacted === 0;
-    const authActionWrapper = (func, extraParams) => {
-        const params = Object.assign(Object.assign(Object.assign({}, defaultParams), propsParams), extraParams);
-        if (!isLoggedIn || isFirstInteract) {
-            if (!isLoggedIn) {
-                deleteCookie(BEARER_TOKEN_COOKIE);
-            }
-            if (params === null || params === void 0 ? void 0 : params._joinCommunityIds) {
-                localStorage.setItem('to_join_community_ids', JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem('to_join_community_ids') || '[]') || [])
-                    .concat(params._joinCommunityIds)
-                    .filter(Boolean)))));
-                params === null || params === void 0 ? true : delete params._joinCommunityIds;
-            }
-            if (params === null || params === void 0 ? void 0 : params._joinTopicIds) {
-                localStorage.setItem('to_join_topic_ids', JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem('to_join_topic_ids') || '[]') || [])
-                    .concat(params._joinTopicIds)
-                    .filter(Boolean)))));
-                params === null || params === void 0 ? true : delete params._joinTopicIds;
-            }
-            const currentLocation = (params === null || params === void 0 ? void 0 : params._location) || window.location.href;
-            params === null || params === void 0 ? true : delete params._location;
-            window.location.href = getUrlToSignUp(currentLocation, params, togetherBasePath);
-            return null;
-        }
-        else {
-            return func && func();
-        }
-    };
-    return {
-        authActionWrapper,
-        params: Object.assign(Object.assign({}, defaultParams), propsParams),
-    };
-};
-
-const StyledCardLink = styled.div `
-  .link-info-container {
-    padding: 0.5rem 1rem;
-    background: ${(props) => props.color || '#f4faff'};
-  }
-  .link-image-wrapper {
-    position: relative;
-    overflow: hidden;
-    width: 100%;
-    padding-top: min(280px, 56.25%);
-    .link-image-blur {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 110%;
-      height: 110%;
-      /* Add the blur effect */
-      -webkit-filter: blur(8px);
-      filter: blur(8px);
-      object-fit: cover;
-      object-position: center;
-      opacity: 0.8;
-      transform: translate(-50%, -50%);
-    }
-    .link-image {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-      object-position: center;
-    }
-  }
-  a {
-    text-decoration: none;
-  }
-  &[data-is-marrybaby='true'] {
-    overflow: hidden;
-    border-radius: 1rem;
-    .link-info-container {
-      padding-bottom: 1rem;
-      p {
-        color: #2661ad;
-      }
-      .link-logo {
-        max-width: 2rem;
-        height: 13px;
-        margin-right: 4px;
-        object-fit: contain;
-        vertical-align: middle;
-      }
-    }
-    .link-image-wrapper {
-      padding-top: min(360px, 56.25%);
-      .link-image {
-        object-fit: cover;
-      }
-    }
-  }
-`;
-
-const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) => {
-    const { data: { locale, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    const [hideLogo, setHideLogo] = useState(false);
-    const _theme = useMantineTheme();
-    const noRefetchRef = useRef(noRefetch);
-    noRefetchRef.current = noRefetch;
-    const [previewData, setPreviewData] = useState(null);
-    useEffect(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            if (noRefetchRef.current)
-                return;
-            if (!url)
-                return setPreviewData(null);
-            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
-            callApi(getApiPath(PATHS.FETCH_PREVIEW, {
-                _locale: locale,
-            }), 'POST', {
-                data: {
-                    link: url,
-                },
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-            })
-                .then((res) => {
-                var _a, _b, _c;
-                setHideLogo(false);
-                setPreviewData({
-                    title: (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.title,
-                    url,
-                    image: ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.image) || ((_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.logo),
-                    // logo: meta.logo,
-                });
-            })
-                .catch(() => {
-                setPreviewData(null);
-            });
-        }))();
-    }, [url]);
-    const displayImage = (previewData === null || previewData === void 0 ? void 0 : previewData.image) || image;
-    const displayTitle = (previewData === null || previewData === void 0 ? void 0 : previewData.title) || title;
-    const displayLogo = (previewData === null || previewData === void 0 ? void 0 : previewData.logo) || logo;
-    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
-    const urlParts = displayUrl
-        .replace('http://', '')
-        .replace('https://', '')
-        .split(/[/?#]/);
-    const domain = urlParts[0];
-    const showDefaultRef = useRef(false);
-    return (React__default.createElement(StyledCardLink, { "data-is-marrybaby": isMarryBaby, className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0] },
-        React__default.createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
-            displayImage && (React__default.createElement("div", { className: "link-image-wrapper" },
-                !isMarryBaby && (React__default.createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
-                        if (!showDefaultRef.current) {
-                            showDefaultRef.current = true;
-                            e.currentTarget.src = DEFAULT_IMG;
-                        }
-                    }, loading: "lazy" })),
-                React__default.createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
-                        if (!showDefaultRef.current) {
-                            showDefaultRef.current = true;
-                            e.currentTarget.src = DEFAULT_IMG;
-                        }
-                    }, loading: "lazy" }))),
-            React__default.createElement("div", { className: "link-info-container" },
-                React__default.createElement(Text, { size: "n1" },
-                    isMarryBaby && displayLogo && !hideLogo && (React__default.createElement("img", { className: "link-logo", src: displayLogo, onError: () => setHideLogo(true), loading: "lazy" })),
-                    domain),
-                React__default.createElement(Heading, { tag: "h6" }, displayTitle)))));
-};
-
-const CardReactionsContext = createContext({});
+import { M as Modal } from './index-cfedca38.js';
+import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
+import './translationsContext-42a1fa63.js';
+import 'string-format';
 
-var styles$k = {"wrapper":"vvR-m49"};
+var styles$f = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
 
-const LikeWrapper = (_a) => {
-    var { children, className = '' } = _a, boxProps = __rest(_a, ["children", "className"]);
-    const { isReplied, trackingCategory, trackingLabel, onLikeClick } = useContext(CardReactionsContext);
-    return (React__default.createElement(Box, Object.assign({ className: `${styles$k.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": isReplied ? 'Like Comment Click' : 'Like Post Click', "data-event-label": trackingLabel }, boxProps, { onClick: () => {
-            onLikeClick === null || onLikeClick === void 0 ? void 0 : onLikeClick();
-        } }), children));
+const MainText = ({ children, className = '' }) => {
+    return React__default.createElement("div", { className: `${styles$f.mainTxt} ${className}` }, children);
+};
+const SubText = ({ children, className = '' }) => {
+    return React__default.createElement("div", { className: `${styles$f.subTxt} ${className}` }, children);
 };
-const ShareWrapper = (_a) => {
-    var { children, className = '' } = _a, boxProps = __rest(_a, ["children", "className"]);
-    const { trackingCategory, trackingLabel, onShareClick } = useContext(CardReactionsContext);
-    return (React__default.createElement(Box, Object.assign({ className: `${styles$k.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": "Share Icon Click", "data-event-label": trackingLabel }, boxProps, { onClick: () => {
-            onShareClick === null || onShareClick === void 0 ? void 0 : onShareClick();
-        } }), children));
+const SubTextRow = (_a) => {
+    var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
+    return (React__default.createElement("div", Object.assign({ className: `${styles$f.subTxtRow} ${className}` }, rest), children));
 };
-const CommentWrapper = (_a) => {
-    var { children, className = '' } = _a, boxProps = __rest(_a, ["children", "className"]);
-    const { isReplied, trackingCategory, trackingLabel, onCommentClick } = useContext(CardReactionsContext);
-    return (React__default.createElement(Box, Object.assign({ className: `${styles$k.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": isReplied ? 'Reply Comment Click' : 'Comment Text Click', "data-event-label": trackingLabel }, boxProps, { onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            onCommentClick === null || onCommentClick === void 0 ? void 0 : onCommentClick();
-        } }), children));
+const SubDivider = ({ className = '' }) => {
+    return React__default.createElement("span", { className: `${styles$f.subDivider} ${className}` });
+};
+const Row = ({ children, className = '' }) => {
+    return React__default.createElement("div", { className: `${styles$f.row} ${className} row` }, children);
+};
+const ColLeft = ({ children, className = '' }) => {
+    return React__default.createElement("div", { className: `${className} col-left` }, children);
+};
+const ColRight = ({ children, className = '' }) => {
+    return React__default.createElement("div", { className: `${className} col-right` }, children);
 };
 
-var styles$j = {"wrapper":"UhiT4m5","inner":"oEfeTkV","column":"OlbikxJ","iconTxt":"_9GXHCn3","clickableIcon":"HCsrR0N","count":"MV3lNuh"};
-
-var CardReactionType;
-(function (CardReactionType) {
-    CardReactionType[CardReactionType["post"] = 1] = "post";
-    CardReactionType[CardReactionType["reply"] = 2] = "reply";
-})(CardReactionType || (CardReactionType = {}));
-const CardReactions = (_a) => {
-    var { type, viewCount, loveCount = 0, replyCount = 0, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare = true, hasCountLike = true, trackingCategory = 'Together', trackingLabel = '', children } = _a, rest = __rest(_a, ["type", "viewCount", "loveCount", "replyCount", "replyPadding", "liked", "isReplied", "onCommentClick", "onLikeClick", "onShareClick", "className", "style", "hideCommentIcon", "showingMostEngaging", "isMarryBaby", "hasShare", "hasCountLike", "trackingCategory", "trackingLabel", "children"]);
-    const { data: { env: { isMarryBaby: isMarryBabyEnv }, }, } = useContext(TogetherComponentGlobalContext);
-    const isMarryBaby = Boolean(isMarryBabyInit)
-        ? isMarryBabyInit
-        : isMarryBabyEnv;
-    const { t } = useTranslations();
-    // /api/v1/auth/post?post_slug=test-post-title-3607&website_url={{website_url}}
-    return (React__default.createElement(CardReactionsContext.Provider, { value: {
-            liked,
-            loveCount,
-            trackingCategory,
-            trackingLabel,
-            isReplied,
-            onLikeClick,
-            onShareClick,
-            onCommentClick,
-        } }, children || (React__default.createElement("div", Object.assign({ className: `${styles$j.wrapper} ${className}`, "data-show-most-engaging": showingMostEngaging, "data-type": type === CardReactionType.post ? 'post' : 'reply', "data-reply-padding": type === CardReactionType.reply && replyPadding, "data-is-marrybaby": isMarryBaby, style: style }, rest),
-        React__default.createElement("div", { className: styles$j.inner },
-            React__default.createElement("div", { className: styles$j.column },
-                React__default.createElement(LikeWrapper, { className: styles$j.clickableIcon },
-                    React__default.createElement(Text, { className: styles$j.iconTxt, size: "p3", as: "div" },
-                        React__default.createElement(Heart, { className: "txt-icon", isMarryBaby: isMarryBaby, isSolid: liked, color: liked
-                                ? isMarryBaby
-                                    ? theme.mbColors.pink
-                                    : theme.colors.red800
-                                : '#737373' }),
-                        hasCountLike && (React__default.createElement("div", { className: styles$j.count }, loveCount)))),
-                hasShare && (React__default.createElement(ShareWrapper, { className: styles$j.clickableIcon },
-                    React__default.createElement(Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
-                        React__default.createElement(Icon.Share, { isMarryBaby: isMarryBaby })))),
-                typeof viewCount !== 'undefined' && (React__default.createElement(Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
-                    React__default.createElement(Icon.Eye, { isMarryBaby: isMarryBaby }),
-                    React__default.createElement("div", { className: styles$j.count }, abbreviateNumber(viewCount))))),
-            !hideCommentIcon && (React__default.createElement(CommentWrapper, { className: styles$j.clickableIcon },
-                React__default.createElement(Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
-                    isReplied ? (React__default.createElement(Reply, { className: "txt-icon" })) : (React__default.createElement(Comment, { className: "txt-icon", isMarryBaby: isMarryBaby })),
-                    isReplied ? (t('cardReactions.reply')) : (React__default.createElement("div", { className: styles$j.count }, t('post.commentCount', {
-                        count: replyCount,
-                    })))))))))));
+var styles$e = {"container":"sTU4T4I","info":"tCql9Je","avatarWrapper":"_3j7uYhH","avatarIcon":"PHABgoT"};
+
+const CardAuthor$1 = ({ avatarProps, title, subTitle, children, className = '', style, onAvatarClick, avatarIcon, dataEventCategory, dataEventAction, dataEventLabel, }) => {
+    return (React__default.createElement("div", { className: `${styles$e.container} ${className}`, style: style },
+        React__default.createElement("div", { className: styles$e.avatarWrapper, onClick: onAvatarClick, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel },
+            React__default.createElement(UserAvatar, Object.assign({}, avatarProps)),
+            avatarIcon && React__default.createElement("div", { className: styles$e.avatarIcon }, avatarIcon)),
+        React__default.createElement("div", { className: `${styles$e.info} ${className}`, style: { minHeight: `${(avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.size) || 40}px` } }, children || (React__default.createElement(React__default.Fragment, null,
+            title && React__default.createElement(MainText, null, title),
+            subTitle && React__default.createElement(SubText, null, subTitle))))));
 };
-CardReactions.LikeWrapper = LikeWrapper;
-CardReactions.ShareWrapper = ShareWrapper;
-CardReactions.CommentWrapper = CommentWrapper;
-
-const useStyles$3 = createStyles((theme) => ({
-    wrapper: {
-        display: 'flex',
-        flexWrap: 'wrap',
-        width: '100%',
-        padding: '0.5rem 0',
-        gap: '0.5rem',
-    },
-    item: {
-        position: 'relative',
-        whiteSpace: 'nowrap',
-        padding: '5px 12px',
-        // border: '1px solid #e4e8ec',
-        background: theme.colors.gray[0],
-        borderRadius: '2rem',
-        cursor: 'pointer',
-        '-webkit-user-drag': 'none',
-        userSelect: 'none',
-        textDecoration: 'none',
-        '*': {
-            pointerEvents: 'none',
-        },
-        '&:first-child': {
-            marginLeft: 0,
+CardAuthor$1.MainText = MainText;
+CardAuthor$1.SubText = SubText;
+CardAuthor$1.SubDivider = SubDivider;
+CardAuthor$1.Row = Row;
+CardAuthor$1.ColLeft = ColLeft;
+CardAuthor$1.ColRight = ColRight;
+CardAuthor$1.SubTextRow = SubTextRow;
+
+var useStyles$2 = createStyles(() => {
+    return {
+        root: {
+            verticalAlign: 'bottom',
         },
-    },
-    text: {},
-}));
-const TagTopic = (_a) => {
-    var { topics = [], onClick, className, style, trackingCategory = 'Together', locale = 'vi-VN', classNames, styles, unstyled, shortenedNumber = 3, shortenedStyle } = _a, rest = __rest(_a, ["topics", "onClick", "className", "style", "trackingCategory", "locale", "classNames", "styles", "unstyled", "shortenedNumber", "shortenedStyle"]);
-    const { t } = useTranslations();
-    const { classes } = useStyles$3(undefined, {
-        name: 'TagTopic',
-        classNames,
+    };
+});
+
+const CardAuthorContext = createContext({});
+
+const AuthorBadgeItem = ({ styles, className, classNames, }) => {
+    const { role, siteType, title } = useContext(CardAuthorContext);
+    const { cx, classes } = useStyles$2(undefined, {
+        name: 'AuthorBadgeItem',
         styles,
-        unstyled,
+        classNames,
     });
-    const { data: { env: { togetherBasePath }, }, action: { sanitizeFunction }, } = useContext(TogetherComponentGlobalContext);
-    const [showAll, setShowAll] = useState(!shortenedStyle);
-    return (React__default.createElement("div", Object.assign({ onClick: onClick, className: `${classes.wrapper} ${className}`, style: style }, rest),
-        (showAll ? topics : topics.slice(0, shortenedNumber)).map((topic, index) => {
-            const isMonthTopic = (topic === null || topic === void 0 ? void 0 : topic.dueDateMonth) &&
-                (topic === null || topic === void 0 ? void 0 : topic.dueDateMonth) !== 0 &&
-                (topic === null || topic === void 0 ? void 0 : topic.dueDateYear) &&
-                (topic === null || topic === void 0 ? void 0 : topic.dueDateYear) !== 0;
-            return (React__default.createElement("a", { className: classes.item, key: index, "data-event-category": trackingCategory, "data-event-action": "Topic in Post Click", "data-event-label": `${getCurrentBaseUrl(locale)}${togetherBasePath}${topic.url}`, href: topic.isActive && !topic.isHidden
-                    ? `${togetherBasePath}${topic.url}/`
-                    : undefined },
-                React__default.createElement(Text, { size: "p4" },
-                    React__default.createElement("span", { style: Object.assign({}, (isMonthTopic && {
-                            textTransform: 'capitalize',
-                        })), dangerouslySetInnerHTML: {
-                            __html: isMonthTopic
-                                ? `${format(new Date(2020, Number(topic.dueDateMonth) - 1, 1), 'MMMM', {
-                                    locale: DATE_FNS_LOCALE[locale],
-                                })}${locale === LOCALE.Vietnam ? '/' : ' '}${topic === null || topic === void 0 ? void 0 : topic.dueDateYear}`
-                                : (sanitizeFunction === null || sanitizeFunction === void 0 ? void 0 : sanitizeFunction(topic.name)) || topic.name,
-                        } }))));
-        }),
-        !showAll && topics.length > shortenedNumber && (React__default.createElement("a", { className: classes.item, href: "#", onClick: (e) => {
-                e.preventDefault();
-                setShowAll(true);
-            } },
-            React__default.createElement(Text, { size: "p4" },
-                "+",
-                t('tagTopic.moreTopics', {
-                    number: topics.length - shortenedNumber,
-                }))))));
+    return role ? (React__default.createElement(AuthorBadge, { className: cx(classes.root, className), siteType: siteType, role: role, title: title })) : null;
 };
 
-const StyledLabelSortPin = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-  cursor: pointer;
-  &[data-color='gray'] {
-    background: ${theme.colors.neutral50};
-  }
-  &[data-color='white'] {
-    border-bottom: 1px solid #e4e8ec;
-    background: ${theme.colors.white};
-  }
+const DisplayName = () => {
+    const { displayName } = useContext(CardAuthorContext);
+    return React__default.createElement(Box, null, displayName);
+};
 
-  .popover-menu__btn {
-    display: flex;
-    min-width: 2rem;
-    height: 2rem;
-    align-items: center;
-    padding: 8px 0 !important;
-    border: none;
-    margin-left: 0.5rem;
-    background: transparent;
-    > span {
-      display: flex;
-      align-items: center;
-    }
+var useStyles$1 = createStyles(() => {
+    return {
+        root: {},
+    };
+});
 
-    &:hover {
-      background: transparent !important;
-    }
+const StyledPopup$2 = styled.div `
+  position: fixed;
+  left: 50%;
+  width: 343px;
+  background-color: ${theme.colors.white};
+  border-radius: ${theme.borderRadius};
+  box-shadow: 0px 0px 4px ${theme.colors.gray200};
+  transform: translate(-50%, -50%);
+  transition: all 0.5s ease-in-out;
+
+  ${MediaQueries.tdUp} {
+    width: 750px;
   }
 
-  &.label-pinned {
-    border-radius: ${theme.borderRadius} 6px 0 0;
-    .label-sort-pin-icon {
-      width: 16px;
-      height: 16px;
-      vertical-align: middle;
-    }
+  &[data-animation='true'] {
+    transition: all 0.5s ease-in-out;
   }
 
-  &[data-is-marrybaby='true'] {
-    padding: 0.75rem 1rem;
-    border-radius: 16px 16px 0px 0px;
-    &[data-color='white'] {
-      border-bottom: none;
-    }
-    &[data-color='gray'] {
-      background: #f3f3f3;
-    }
-    .popover-menu__btn {
-      width: unset;
-    }
+  &[data-open='true'] {
+    z-index: 400;
+    top: 50%;
+    opacity: 1;
+    visibility: visible;
+  }
 
-    &.label-pinned {
-      border-bottom: none;
-      background: #fff9eb;
-      border-radius: 1rem 1rem 0 0;
-      .label-sort-pin-icon {
-        margin-right: 8px;
-      }
-      .label-sort-pin-heading {
-        color: #fb8c00;
-      }
+  &[data-open='false'] {
+    top: -50%;
+  }
+
+  .popup-content {
+    ${MediaQueries.mbDown} {
+      display: block;
     }
-    &.label-sorting {
-      ${MediaQueries.tdUp} {
-        padding-bottom: 1.5rem;
-        margin-bottom: -0.75rem;
+    display: flex;
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    .button-see-more {
+      margin: 32px 0;
+      padding: 0;
+      > * {
+        display: inline-block;
       }
     }
-  }
-`;
-
-const LabelSortPin = ({ label, rightLabel, onClick, color, className, style, }) => {
-    const { data: { env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    return (React__default.createElement(StyledLabelSortPin, { "data-is-marrybaby": isMarryBaby, "data-color": color, onClick: onClick, className: className, style: style },
-        React__default.createElement(Text, { className: "label-sort-pin-heading", size: isMarryBaby ? 'p4' : 'p3', weight: "bold" }, label),
-        rightLabel));
-};
-
-var img$H = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m3.5 20 4.37-4.37'/%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.956 11.294a1 1 0 0 0 0 1.414l2.918 2.918 2.918 2.918a1 1 0 0 0 1.414 0l1.175-1.175a1 1 0 0 0 .293-.707v-3.936l2.9-2.9 2.31.123c.282.015.56-.091.76-.291l.573-.574a1 1 0 0 0 0-1.414l-4.386-4.386a1 1 0 0 0-1.414 0l-.574.574a1 1 0 0 0-.29.76l.122 2.309-2.9 2.9H6.838a1 1 0 0 0-.707.293z' clip-rule='evenodd'/%3e%3cpath stroke='%23FB8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m16.57 9.83-2.9-2.9'/%3e%3c/svg%3e";
-var MBPinOrange = img$H;
-
-var img$G = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23FEA21E' stroke-linecap='round' d='m7.186 7.682-3.504 6.132'/%3e%3cpath fill='%23FEA21E' stroke='%23FEA21E' stroke-linejoin='round' stroke-width='.5' d='M3.246 7.784a.25.25 0 0 0 .091.342l5.447 3.145a.25.25 0 0 0 .342-.092 3.39 3.39 0 0 0 .11-3.186l1.622-2.808a2.66 2.66 0 0 0 1.606-1.239.25.25 0 0 0-.092-.341l-4.19-2.42a.25.25 0 0 0-.341.092 2.66 2.66 0 0 0-.27 2.01L5.949 6.095a3.39 3.39 0 0 0-2.703 1.69Z'/%3e%3c/svg%3e";
-var IconPinYellow = img$G;
-
-const LabelPin = ({ onClick, color, className, style }) => {
-    const { data: { env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    const { t } = useTranslations();
-    return (React__default.createElement(LabelSortPin, { label: React__default.createElement(React__default.Fragment, null,
-            isMarryBaby && (React__default.createElement("img", { className: "label-sort-pin-icon", src: MBPinOrange, loading: "lazy" })),
-            ' ',
-            t('label.pinnedPost')), rightLabel: !isMarryBaby && (React__default.createElement("img", { className: "label-sort-pin-icon", src: IconPinYellow, loading: "lazy" })), onClick: onClick, color: 'white' , className: `label-pinned ${className}`, style: style }));
-};
-
-var img$F = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%233E3F58' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8 14 4 4 4-4M16 10l-4-4-4 4'/%3e%3c/svg%3e";
-var MBSortBy = img$F;
-
-var img$E = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%238C8C8C' d='M4.5 7h7a.46.46 0 0 0 .351-.165.56.56 0 0 0 .149-.39q0-.226-.149-.391l-3.5-3.89a.458.458 0 0 0-.703 0l-3.5 3.89a.56.56 0 0 0-.148.39q0 .226.148.391Q4.298 7 4.5 7M11.5 9h-7a.46.46 0 0 0-.352.165.56.56 0 0 0-.148.39q0 .226.148.391l3.5 3.889a.46.46 0 0 0 .703 0l3.5-3.889a.56.56 0 0 0 .149-.39q0-.226-.149-.391A.46.46 0 0 0 11.5 9'/%3e%3c/svg%3e";
-var IconSortArrow = img$E;
-
-const StyledPopoverMenu = styled.div `
-  position: relative;
-  display: content;
-
-  .popover-menu__btn {
-    /* position: relative; */
-    > span {
-      width: 100%;
-      height: 100%;
-      > img {
+    .close-button {
+      position: absolute;
+      z-index: 100;
+      top: 10px;
+      right: 10px;
+      cursor: pointer;
+      width: unset;
+      height: unset;
+      img {
         width: 100%;
         height: 100%;
+        border-radius: 50%;
       }
     }
   }
 
-  .popover-menu__content {
-    position: absolute;
-    z-index: 10;
-    width: 320px;
-    padding: 8px;
-    border: none;
-    background: #fff;
-    border-radius: 8px;
-    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
-
-    &::before {
-      position: absolute;
-      width: 16px;
-      height: 8px;
-      background: #fff;
-      content: '';
+  .main-info {
+    padding-bottom: 32px;
+    background-color: ${theme.colors.primary50};
+    border-radius: ${theme.borderRadius};
+    .btn-booking {
+      display: flex;
+      margin: 12px auto;
     }
-
-    &.--position {
-      &-top {
-        bottom: calc(100% + 8px);
-
-        &.--align {
-          &-start {
-            left: 0;
-
-            &::before {
-              top: 100%;
-              left: 16px;
-              clip-path: polygon(0 0, 50% 100%, 100% 0);
-            }
-          }
-
-          &-end {
-            left: 100%;
-            transform: translateX(calc(-100% + 1rem));
-
-            &::before {
-              top: 100%;
-              right: 16px;
-              clip-path: polygon(0 0, 50% 100%, 100% 0);
-            }
-          }
-        }
-      }
-
-      &-right {
-        left: calc(100% + 8px);
-
-        &.--align {
-          &-start {
-            top: 0;
-
-            &::before {
-              top: 16px;
-              left: 0;
-              width: 8px;
-              height: 16px;
-              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
-              transform: translateX(-100%);
-            }
-          }
-
-          &-end {
-            top: 100%;
-            transform: translateX(calc(-100% + 1rem));
-
-            &::before {
-              bottom: 16px;
-              left: 0;
-              width: 8px;
-              height: 16px;
-              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
-              transform: translateX(-100%);
-            }
-          }
-        }
-      }
-
-      &-bottom {
-        top: calc(100% + 8px);
-
-        &.--align {
-          &-start {
-            left: 0;
-
-            &::before {
-              bottom: 100%;
-              left: 16px;
-              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-            }
-          }
-
-          &-end {
-            left: 100%;
-            transform: translateX(calc(-100% + 1rem));
-
-            &::before {
-              right: 16px;
-              bottom: 100%;
-              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-            }
-          }
-        }
-      }
-
-      &-left {
-        left: -8px;
-        transform: translateX(-100%);
-
-        &.--align {
-          &-start {
-            top: 0;
-
-            &::before {
-              top: 16px;
-              left: 100%;
-              width: 8px;
-              height: 16px;
-              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
-              transform: translateX(0);
-            }
-          }
-
-          &-end {
-            bottom: 0;
-
-            &::before {
-              bottom: 16px;
-              left: 100%;
-              width: 8px;
-              height: 16px;
-              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
-              transform: translateX(0);
-            }
-          }
-        }
-      }
+    .avatar-title {
+      position: relative;
+      width: 100%;
+      padding-top: 46px;
+      text-align: center;
     }
   }
+`;
+const StyledPopupWrapper$2 = styled.div `
+  position: fixed;
+  z-index: 110;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  background: rgba(38, 38, 38, 0.3);
 
-  &[data-is-marrybaby='true'] {
-    .popover-menu__content {
-      padding: 0;
-      border-radius: 12px;
-      /* &::before {
-        display: none;
-      } */
-    }
+  &[data-open='false'] {
+    display: none;
   }
 `;
-const StyledTree = styled.div `
+const StyledProfileImage$2 = styled.div `
+  .image-container {
+    .badge-avatar {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      top: 0;
+    }
+  }
   display: flex;
-  /* max-height: 300px; */
-  flex-direction: column;
-  cursor: default;
-
-  .__header {
-    position: relative;
+  justify-content: center;
+  padding-bottom: 15px;
+  text-align: center;
+  .profile-image {
+    width: 100px;
+    min-width: 100px;
+    height: 100px;
+    min-height: 100px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+  .badge-avatar {
+    width: 24px;
+    height: 24px;
+  }
+`;
+const StyledTitleContainer$2 = styled.div `
+  position: relative;
+  z-index: 9;
+  .specialty {
     display: flex;
-    align-items: center;
+    flex-wrap: wrap;
     justify-content: center;
-    padding: 1rem 0;
-    margin-bottom: 8px;
+  }
 
-    .__back-btn {
-      position: absolute;
-      top: 50%;
-      left: 8px;
-      width: 16px;
-      height: 16px;
-      cursor: pointer;
-      transform: translateY(-50%);
-    }
+  padding: 0px 16px;
+  text-align: center;
+  .specialty {
+    justify-content: center;
   }
 
-  .tree-text-description {
-    padding-right: 8px;
-    padding-left: 8px;
-    margin-top: -8px;
-    margin-bottom: 8px;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 22px;
+  .experience {
+    padding: 16px 0px 32px;
     text-align: left;
+    .btn-wrapper {
+      margin-top: 24px;
+    }
   }
-
-  .__content {
-    overflow: auto;
-    flex: 1;
+  p {
+    max-width: 100%;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
+`;
+const StyledExperienceList = styled.ul `
+  padding-left: 18px;
+  li {
+    list-style-type: disc;
+  }
+`;
 
-  .__list {
-    .__item {
-      position: relative;
-      &.bold-item {
-        font-weight: 700;
-      }
-      &:last-child {
-        .__btn {
-          margin-bottom: 0;
-        }
-      }
-
-      .__btn {
-        position: relative;
-        display: flex;
-        width: 100%;
-        height: 40px;
-        align-items: center;
-        padding: 0 1rem;
-        border: none;
-        margin-bottom: 8px;
-        color: ${theme.colors.gray800};
-        cursor: pointer;
-        text-align: left;
-        transition: background 0.3s;
-
-        /* for better gtm tracking result  */
-        * {
-          pointer-events: none;
-        }
-        &.--checked {
-          color: ${theme.colors.gray500};
-          pointer-events: none;
-        }
-
-        &:hover {
-          background: ${theme.colors.gray100};
-        }
-
-        .__icon {
-          width: 16px;
-          height: 16px;
-          margin-right: 0.4rem;
-        }
-
-        & > span {
-          position: relative;
+var img$p = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e";
+var CloseLight = img$p;
 
-          & > img {
-            width: 16px;
-            height: 16px;
-            margin-right: 0.4rem;
-          }
-        }
-      }
+var img$o = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='white' stroke='%23E4E8EC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16'/%3e%3cpath fill='%23FF5331' d='M10.333 7.667V5H7.667v2.667H5v2.667h2.667V13h2.666v-2.666H13V7.667z'/%3e%3c/svg%3e";
+var ReviewerMedical = img$o;
 
-      .__toggle {
-        position: absolute;
-        top: 50%;
-        right: 16px;
-        width: 16px;
-        height: 16px;
-        pointer-events: none;
-        transform: translateY(-50%);
-      }
-    }
+const StyledLoading = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1em;
+  button {
+    position: relative;
+  }
+`;
+const circle = keyframes `
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+styled.div `
+  display: flex;
+  width: fit-content;
+  width: -moz-fit-content;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem 2rem;
+  background: white;
+  border-radius: ${theme.borderRadius};
+  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
+    -2px 2px 5px rgba(67, 86, 100, 0.123689);
+  .loading-spinner {
+    width: 24px;
+    height: 24px;
+    margin-bottom: 0.5rem;
+    animation: ${circle} 1.2s linear infinite;
   }
   &[data-is-marrybaby='true'] {
-    .__header {
-      padding: 1rem;
-    }
-    .tree-text-description {
-      padding: 0 1rem;
-    }
-    .__list {
-      .__item {
-        &:first-child {
-          .__btn {
-            border-top-left-radius: 12px;
-            border-top-right-radius: 12px;
-          }
-        }
-        &:last-child {
-          .__btn {
-            border-bottom-left-radius: 12px;
-            border-bottom-right-radius: 12px;
-          }
-        }
-        .__btn {
-          height: unset;
-          padding: 1rem;
-          margin-bottom: 0;
-          &:hover {
-            background: ${theme.mbColors.lightPink};
-          }
-        }
-      }
-    }
+    box-shadow: none;
   }
 `;
 
-const PopoverMenu = ({ className, style, toggleButtonContent, position = 'bottom', align = 'end', children, buttonProps, }) => {
-    const { data: { env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    const [isShow, setIsShow] = useState(false);
-    const popoverContent = useRef(null);
-    const isShowRef = useRef(isShow);
-    useEffect(() => {
-        var _a;
-        isShowRef.current = isShow;
-        if (!isShow)
-            return;
-        (_a = popoverContent.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [isShow]);
-    useEffect(() => {
-        const clickHandler = (e) => {
-            var _a;
-            if (!((_a = popoverContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) &&
-                isShowRef.current)
-                setIsShow(false);
-        };
-        window.addEventListener('click', clickHandler, {
-            passive: true,
-        });
-        return () => {
-            window.removeEventListener('click', clickHandler);
-        };
-    }, []);
-    return (React__default.createElement(StyledPopoverMenu, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        React__default.createElement(Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "popover-menu__btn", size: "md", color: "transparent", onClick: () => setIsShow((v) => !v) }, buttonProps), toggleButtonContent),
-        isShow ? (React__default.createElement("div", { ref: popoverContent, className: `popover-menu__content --position-${position} --align-${align}`, tabIndex: 0, onClick: (e) => e.stopPropagation() }, typeof children === 'function'
-            ? children({
-                setShow: setIsShow,
-            })
-            : children)) : null));
+const Loading$1 = ({ className, size = 'md' }) => {
+    const { t } = useTranslations();
+    return (React__default.createElement(StyledLoading, { className: className },
+        React__default.createElement(Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
 };
 
-var img$D = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%238C8C8C' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 4 6 11.333 2.667 8'/%3e%3c/svg%3e";
-var IconCheckGray = img$D;
-
-var img$C = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m15 18-6-6 6-6'/%3e%3c/svg%3e";
-var IconChevronLeftDark = img$C;
-
-var img$B = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 12 4-4-4-4'/%3e%3c/svg%3e";
-var IconChevronRightDark = img$B;
-
-const TreePopoverMenu = (_a) => {
-    var { data } = _a, popoverProps = __rest(_a, ["data"]);
-    return (React__default.createElement(PopoverMenu, Object.assign({}, popoverProps), ({ setShow }) => React__default.createElement(Tree, { data: data, setShow: setShow })));
-};
-const getCurrentDataFromPath = (data, path) => {
-    const pathItems = path.split('.');
-    let currentData = data;
-    pathItems.forEach((pathItem) => {
-        var _a, _b;
-        if (!pathItem || !currentData || (currentData === null || currentData === void 0 ? void 0 : currentData.type) !== 'list')
-            return;
-        currentData = (_b = (_a = currentData === null || currentData === void 0 ? void 0 : currentData.list) === null || _a === void 0 ? void 0 : _a[Number(pathItem)]) === null || _b === void 0 ? void 0 : _b.subTree;
-    });
-    return currentData;
-};
-const Tree = ({ data, setShow }) => {
-    var _a;
-    const [path, setPath] = useState('');
-    const currentData = useMemo(() => data && getCurrentDataFromPath(data, path), [data, path]);
-    if (!data)
-        return null;
-    if (!currentData)
-        return null;
-    const handleItemClick = (index, { subTree, onClick = () => null }) => {
-        if (onClick)
-            onClick();
-        if (!subTree)
-            setShow && setShow(false);
-        else
-            setPath((p) => p.split('.').concat(String(index)).join('.'));
-    };
-    return (React__default.createElement(StyledTree, null,
-        currentData.isShowheader ? (React__default.createElement("div", { className: "__header" },
-            path ? (React__default.createElement("img", { className: "__back-btn", src: IconChevronLeftDark, onClick: () => setPath((p) => p.split('.').slice(0, -1).join('.')), loading: "lazy" })) : null,
-            currentData.title ? (React__default.createElement(Heading, { className: "__title", tag: "h6" }, currentData.title)) : null)) : null,
-        currentData.description ? (React__default.createElement(Text, { className: "tree-text-description", color: theme.colors.gray600, size: "p3", weight: "regular" }, currentData.description)) : null,
-        React__default.createElement("div", { className: "__content" },
-            currentData.type === 'jsx'
-                ? (_a = currentData === null || currentData === void 0 ? void 0 : currentData.jsxRenderer) === null || _a === void 0 ? void 0 : _a.call(currentData, setShow)
-                : null,
-            currentData.type === 'list' ? (React__default.createElement("ul", { className: "__list" }, Array.isArray(currentData.list)
-                ? currentData.list.map((item, index) => (React__default.createElement("li", { key: index, style: item.style, className: `__item ${item.className}` },
-                    ' ',
-                    React__default.createElement("div", { className: `__btn ${item.selected ? '--checked' : ''}`, onClick: () => handleItemClick(index, item), "data-event-category": item.dataEventCategory, "data-event-action": item.dataEventAction, "data-event-label": item.dataEventLabel },
-                        item.icon && (React__default.createElement("img", { className: "__icon", src: item.icon, loading: "lazy" })),
-                        React__default.createElement("span", null, item.label)),
-                    item.subTree ? (React__default.createElement("img", { className: "__toggle", src: IconChevronRightDark, loading: "lazy" })) : null,
-                    item.selected ? (React__default.createElement("img", { className: "__toggle", src: IconCheckGray, loading: "lazy" })) : null)))
-                : null)) : null)));
-};
-
-var LabelSortingValue;
-(function (LabelSortingValue) {
-    LabelSortingValue["latest"] = "latest";
-    LabelSortingValue["oldest"] = "oldest";
-    LabelSortingValue["popular"] = "popular";
-})(LabelSortingValue || (LabelSortingValue = {}));
-const LabelSorting = ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }) => {
-    const { data: { env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    return (React__default.createElement(LabelSortPin, { label: leftLabel, rightLabel: React__default.createElement(TreePopoverMenu, { position: "bottom", align: "end", data: {
-                isShowheader: false,
-                type: 'list',
-                list: choices.map((c) => ({
-                    label: c.label,
-                    onClick: () => onChange && onChange(String(c.value)),
-                    selected: c.value === value,
-                    className: 'bold-item',
-                })),
-            }, toggleButtonContent: React__default.createElement("div", { style: {
-                    display: 'flex',
-                } },
-                React__default.createElement(Text, { style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        fontWeight: 'normal',
-                        marginRight: 12,
-                    }, size: "p4" }, rightLabel),
-                React__default.createElement("img", { src: isMarryBaby ? MBSortBy : IconSortArrow, style: {
-                        width: 16,
-                        height: 16,
-                        alignSelf: 'center',
-                    }, loading: "lazy" })) }), color: 'gray' , className: className, style: style }));
-};
-
-var styles$i = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
-
-const MainText = ({ children, className = '' }) => {
-    return React__default.createElement("div", { className: `${styles$i.mainTxt} ${className}` }, children);
-};
-const SubText = ({ children, className = '' }) => {
-    return React__default.createElement("div", { className: `${styles$i.subTxt} ${className}` }, children);
-};
-const SubTextRow = (_a) => {
-    var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("div", Object.assign({ className: `${styles$i.subTxtRow} ${className}` }, rest), children));
-};
-const SubDivider = ({ className = '' }) => {
-    return React__default.createElement("span", { className: `${styles$i.subDivider} ${className}` });
-};
-const Row = ({ children, className = '' }) => {
-    return React__default.createElement("div", { className: `${styles$i.row} ${className} row` }, children);
-};
-const ColLeft = ({ children, className = '' }) => {
-    return React__default.createElement("div", { className: `${className} col-left` }, children);
-};
-const ColRight = ({ children, className = '' }) => {
-    return React__default.createElement("div", { className: `${className} col-right` }, children);
-};
-
-var styles$h = {"container":"sTU4T4I","info":"tCql9Je","avatarWrapper":"_3j7uYhH","avatarIcon":"PHABgoT"};
-
-const CardAuthor$1 = ({ avatarProps, title, subTitle, children, className = '', style, onAvatarClick, avatarIcon, dataEventCategory, dataEventAction, dataEventLabel, }) => {
-    return (React__default.createElement("div", { className: `${styles$h.container} ${className}`, style: style },
-        React__default.createElement("div", { className: styles$h.avatarWrapper, onClick: onAvatarClick, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel },
-            React__default.createElement(UserAvatar, Object.assign({}, avatarProps)),
-            avatarIcon && React__default.createElement("div", { className: styles$h.avatarIcon }, avatarIcon)),
-        React__default.createElement("div", { className: `${styles$h.info} ${className}`, style: { minHeight: `${(avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.size) || 40}px` } }, children || (React__default.createElement(React__default.Fragment, null,
-            title && React__default.createElement(MainText, null, title),
-            subTitle && React__default.createElement(SubText, null, subTitle))))));
-};
-CardAuthor$1.MainText = MainText;
-CardAuthor$1.SubText = SubText;
-CardAuthor$1.SubDivider = SubDivider;
-CardAuthor$1.Row = Row;
-CardAuthor$1.ColLeft = ColLeft;
-CardAuthor$1.ColRight = ColRight;
-CardAuthor$1.SubTextRow = SubTextRow;
-
-var useStyles$2 = createStyles(() => {
-    return {
-        root: {
-            verticalAlign: 'bottom',
-        },
+const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback = CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
+    var _a, _b, _c;
+    const { t } = useTranslations();
+    const [doctorInfo, setDoctorInfo] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        if (isOpen && doctorId && String(doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.id) !== String(doctorId)) {
+            setIsLoading(true);
+            try {
+                setDoctorInfo(null);
+                callApi(getCarePath(CARE_PATHS.GET_DOCTOR_INFO, {
+                    doctorId: doctorId,
+                    website_url: domainLocales[locale],
+                }), 'get').then((res) => {
+                    setDoctorInfo(Object.assign(Object.assign({}, res === null || res === void 0 ? void 0 : res._data.doctor), overwriteProfileProps));
+                });
+            }
+            catch (error) {
+                console.error(error);
+            }
+            setIsLoading(false);
+        }
+    }, [isOpen, doctorId, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.id]);
+    const experiences = (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.experiences) || [];
+    const specialty = (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.specialties) || [];
+    const specialtiesList = specialty
+        .map((specialty) => (specialty === null || specialty === void 0 ? void 0 : specialty.name) || specialty)
+        .join(' • ');
+    const formattedExperiences = experiences
+        .map((experience) => {
+        try {
+            return JSON.parse(experience.description);
+        }
+        catch (e) {
+            return experience.description;
+        }
+    })
+        .filter((e) => e.content);
+    const renderExperienceText = (experience) => {
+        if (experience === null || experience === void 0 ? void 0 : experience.year)
+            return `${experience.year} ${experience === null || experience === void 0 ? void 0 : experience.content}`;
+        if (experience === null || experience === void 0 ? void 0 : experience.content)
+            return experience.content;
+        if (typeof experience === 'string')
+            return experience;
+        return '';
     };
-});
-
-const CardAuthorContext = createContext({});
-
-const AuthorBadgeItem = ({ styles, className, classNames, }) => {
-    const { role, siteType, title } = useContext(CardAuthorContext);
-    const { cx, classes } = useStyles$2(undefined, {
-        name: 'AuthorBadgeItem',
-        styles,
-        classNames,
-    });
-    return role ? (React__default.createElement(AuthorBadge, { className: cx(classes.root, className), siteType: siteType, role: role, title: title })) : null;
-};
-
-const DisplayName = () => {
-    const { displayName } = useContext(CardAuthorContext);
-    return React__default.createElement(Box, null, displayName);
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(StyledPopup$2, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !doctorInfo ? (React__default.createElement(Loading$1, null)) : (React__default.createElement("div", { className: "popup-content" },
+            React__default.createElement("div", { className: "close-button", onClick: onClose },
+                React__default.createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
+            React__default.createElement("div", { className: "main-info" },
+                React__default.createElement("div", { className: "border-banner" }),
+                React__default.createElement("div", { className: "avatar-title" },
+                    React__default.createElement(StyledProfileImage$2, null,
+                        React__default.createElement("div", { className: "image-container" },
+                            React__default.createElement("div", { style: { position: 'relative' } },
+                                React__default.createElement(ImageWrap, { src: doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.avatar, backupSrc: avatarFallback, className: "profile-image", alt: "avatar" }),
+                                React__default.createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
+                    React__default.createElement(StyledTitleContainer$2, null,
+                        React__default.createElement(Text, { size: "s3", weight: "semiBold", className: "full-name" }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.name),
+                        React__default.createElement("div", { className: "specialty" },
+                            specialtiesList && (React__default.createElement(React__default.Fragment, null,
+                                React__default.createElement(Text, { size: "p4", color: theme.colors.gray800 },
+                                    specialtiesList,
+                                    ' • '))),
+                            React__default.createElement("a", { href: getCareHospitalUrl({
+                                    id: (_a = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _a === void 0 ? void 0 : _a.id,
+                                    name: (_b = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _b === void 0 ? void 0 : _b.name,
+                                    slug: (_c = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _c === void 0 ? void 0 : _c.slug,
+                                    locale,
+                                }), className: "organisation", target: "_blank", rel: "noreferrer" },
+                                React__default.createElement(Text, { size: "p4", className: "organisation", color: theme.colors.gray800, style: { textDecoration: 'underline' } }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization.name))))),
+                !isMobile && (React__default.createElement("div", { className: "btn-wrapper" },
+                    React__default.createElement("a", { href: getCareDoctorUrl({
+                            name: doctorInfo.name,
+                            id: doctorInfo.id,
+                            locale: locale,
+                        }) },
+                        React__default.createElement(Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
+            formattedExperiences && (React__default.createElement(StyledTitleContainer$2, null,
+                React__default.createElement("div", { className: "experience" },
+                    React__default.createElement(Text, { weight: "bold", size: "s3", color: theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
+                    React__default.createElement(StyledExperienceList, null, formattedExperiences.map((experience, i) => (React__default.createElement("li", { key: i },
+                        React__default.createElement(Text, { size: "p2" }, renderExperienceText(experience)))))),
+                    isMobile ? (React__default.createElement("div", { className: "btn-wrapper" },
+                        React__default.createElement("a", { href: getCareDoctorUrl({
+                                name: doctorInfo.name,
+                                id: doctorInfo.id,
+                                locale: locale,
+                            }) },
+                            React__default.createElement(Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default.createElement("a", { href: getCareDoctorUrl({
+                            name: doctorInfo.name,
+                            id: doctorInfo.id,
+                            locale: locale,
+                        }) },
+                        React__default.createElement(Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": getCurrentBaseUrl(locale) +
+                                getCareDoctorUrl({
+                                    name: doctorInfo.name,
+                                    id: doctorInfo.id,
+                                    locale: locale,
+                                }) }, t('home.seeExpert')))))))))),
+        React__default.createElement(StyledPopupWrapper$2, { "data-open": isOpen, onClick: (e) => {
+                e.stopPropagation();
+                onClose();
+            } })));
 };
 
-var useStyles$1 = createStyles(() => {
-    return {
-        root: {},
-    };
-});
-
-const StyledPopup$2 = styled.div `
+const StyledPopup$1 = styled.div `
   position: fixed;
   left: 50%;
   width: 343px;
@@ -1051,10 +490,7 @@ const StyledPopup$2 = styled.div `
     padding-bottom: 32px;
     background-color: ${theme.colors.primary50};
     border-radius: ${theme.borderRadius};
-    .btn-booking {
-      display: flex;
-      margin: 12px auto;
-    }
+
     .avatar-title {
       position: relative;
       width: 100%;
@@ -1063,7 +499,7 @@ const StyledPopup$2 = styled.div `
     }
   }
 `;
-const StyledPopupWrapper$2 = styled.div `
+const StyledPopupWrapper$1 = styled.div `
   position: fixed;
   z-index: 110;
   top: 0;
@@ -1077,7 +513,7 @@ const StyledPopupWrapper$2 = styled.div `
     display: none;
   }
 `;
-const StyledProfileImage$2 = styled.div `
+const StyledProfileImage$1 = styled.div `
   .image-container {
     .badge-avatar {
       position: absolute;
@@ -1103,7 +539,7 @@ const StyledProfileImage$2 = styled.div `
     height: 24px;
   }
 `;
-const StyledTitleContainer$2 = styled.div `
+const StyledTitleContainer$1 = styled.div `
   position: relative;
   z-index: 9;
   .specialty {
@@ -1133,337 +569,27 @@ const StyledTitleContainer$2 = styled.div `
     overflow: hidden;
   }
 `;
-const StyledExperienceList = styled.ul `
-  padding-left: 18px;
-  li {
-    list-style-type: disc;
-  }
-`;
-
-var img$A = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e";
-var CloseLight = img$A;
-
-var img$z = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='white' stroke='%23E4E8EC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16'/%3e%3cpath fill='%23FF5331' d='M10.333 7.667V5H7.667v2.667H5v2.667h2.667V13h2.666v-2.666H13V7.667z'/%3e%3c/svg%3e";
-var ReviewerMedical = img$z;
-
-const StyledLoading = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1em;
-  button {
-    position: relative;
-  }
-`;
-const circle = keyframes `
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-`;
-styled.div `
+const StyledItem = styled.div `
   display: flex;
-  width: fit-content;
-  width: -moz-fit-content;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem 2rem;
-  background: white;
-  border-radius: ${theme.borderRadius};
-  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
-    -2px 2px 5px rgba(67, 86, 100, 0.123689);
-  .loading-spinner {
+  margin-top: 8px;
+
+  .bullet-point {
     width: 24px;
     height: 24px;
-    margin-bottom: 0.5rem;
-    animation: ${circle} 1.2s linear infinite;
-  }
-  &[data-is-marrybaby='true'] {
-    box-shadow: none;
   }
 `;
 
-const Loading$1 = ({ className, size = 'md' }) => {
-    const { t } = useTranslations();
-    return (React__default.createElement(StyledLoading, { className: className },
-        React__default.createElement(Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
-};
+var img$n = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e";
+var BulletPoint = img$n;
 
-const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback = CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
-    var _a, _b, _c;
-    const { t } = useTranslations();
-    const [doctorInfo, setDoctorInfo] = useState(null);
-    const [isLoading, setIsLoading] = useState(false);
-    useEffect(() => {
-        if (isOpen && doctorId && String(doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.id) !== String(doctorId)) {
-            setIsLoading(true);
-            try {
-                setDoctorInfo(null);
-                callApi(getCarePath(CARE_PATHS.GET_DOCTOR_INFO, {
-                    doctorId: doctorId,
-                    website_url: domainLocales[locale],
-                }), 'get').then((res) => {
-                    setDoctorInfo(Object.assign(Object.assign({}, res === null || res === void 0 ? void 0 : res._data.doctor), overwriteProfileProps));
-                });
-            }
-            catch (error) {
-                console.error(error);
-            }
-            setIsLoading(false);
-        }
-    }, [isOpen, doctorId, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.id]);
-    const experiences = (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.experiences) || [];
-    const specialty = (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.specialties) || [];
-    const specialtiesList = specialty
-        .map((specialty) => (specialty === null || specialty === void 0 ? void 0 : specialty.name) || specialty)
-        .join(' • ');
-    const formattedExperiences = experiences
-        .map((experience) => {
-        try {
-            return JSON.parse(experience.description);
-        }
-        catch (e) {
-            return experience.description;
-        }
-    })
-        .filter((e) => e.content);
-    const renderExperienceText = (experience) => {
-        if (experience === null || experience === void 0 ? void 0 : experience.year)
-            return `${experience.year} ${experience === null || experience === void 0 ? void 0 : experience.content}`;
-        if (experience === null || experience === void 0 ? void 0 : experience.content)
-            return experience.content;
-        if (typeof experience === 'string')
-            return experience;
-        return '';
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(StyledPopup$2, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !doctorInfo ? (React__default.createElement(Loading$1, null)) : (React__default.createElement("div", { className: "popup-content" },
-            React__default.createElement("div", { className: "close-button", onClick: onClose },
-                React__default.createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
-            React__default.createElement("div", { className: "main-info" },
-                React__default.createElement("div", { className: "border-banner" }),
-                React__default.createElement("div", { className: "avatar-title" },
-                    React__default.createElement(StyledProfileImage$2, null,
-                        React__default.createElement("div", { className: "image-container" },
-                            React__default.createElement("div", { style: { position: 'relative' } },
-                                React__default.createElement(ImageWrap, { src: doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.avatar, backupSrc: avatarFallback, className: "profile-image", alt: "avatar" }),
-                                React__default.createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
-                    React__default.createElement(StyledTitleContainer$2, null,
-                        React__default.createElement(Text, { size: "s3", weight: "semiBold", className: "full-name" }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.name),
-                        React__default.createElement("div", { className: "specialty" },
-                            specialtiesList && (React__default.createElement(React__default.Fragment, null,
-                                React__default.createElement(Text, { size: "p4", color: theme.colors.gray800 },
-                                    specialtiesList,
-                                    ' • '))),
-                            React__default.createElement("a", { href: getCareHospitalUrl({
-                                    id: (_a = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _a === void 0 ? void 0 : _a.id,
-                                    name: (_b = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _b === void 0 ? void 0 : _b.name,
-                                    slug: (_c = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _c === void 0 ? void 0 : _c.slug,
-                                    locale,
-                                }), className: "organisation", target: "_blank", rel: "noreferrer" },
-                                React__default.createElement(Text, { size: "p4", className: "organisation", color: theme.colors.gray800, style: { textDecoration: 'underline' } }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization.name))))),
-                !isMobile && (React__default.createElement("div", { className: "btn-wrapper" },
-                    React__default.createElement("a", { href: getCareDoctorUrl({
-                            name: doctorInfo.name,
-                            id: doctorInfo.id,
-                            locale: locale,
-                        }) },
-                        React__default.createElement(Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
-            formattedExperiences && (React__default.createElement(StyledTitleContainer$2, null,
-                React__default.createElement("div", { className: "experience" },
-                    React__default.createElement(Text, { weight: "bold", size: "s3", color: theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
-                    React__default.createElement(StyledExperienceList, null, formattedExperiences.map((experience, i) => (React__default.createElement("li", { key: i },
-                        React__default.createElement(Text, { size: "p2" }, renderExperienceText(experience)))))),
-                    isMobile ? (React__default.createElement("div", { className: "btn-wrapper" },
-                        React__default.createElement("a", { href: getCareDoctorUrl({
-                                name: doctorInfo.name,
-                                id: doctorInfo.id,
-                                locale: locale,
-                            }) },
-                            React__default.createElement(Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default.createElement("a", { href: getCareDoctorUrl({
-                            name: doctorInfo.name,
-                            id: doctorInfo.id,
-                            locale: locale,
-                        }) },
-                        React__default.createElement(Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": getCurrentBaseUrl(locale) +
-                                getCareDoctorUrl({
-                                    name: doctorInfo.name,
-                                    id: doctorInfo.id,
-                                    locale: locale,
-                                }) }, t('home.seeExpert')))))))))),
-        React__default.createElement(StyledPopupWrapper$2, { "data-open": isOpen, onClick: (e) => {
-                e.stopPropagation();
-                onClose();
-            } })));
-};
-
-const StyledPopup$1 = styled.div `
-  position: fixed;
-  left: 50%;
-  width: 343px;
-  background-color: ${theme.colors.white};
-  border-radius: ${theme.borderRadius};
-  box-shadow: 0px 0px 4px ${theme.colors.gray200};
-  transform: translate(-50%, -50%);
-  transition: all 0.5s ease-in-out;
-
-  ${MediaQueries.tdUp} {
-    width: 750px;
-  }
-
-  &[data-animation='true'] {
-    transition: all 0.5s ease-in-out;
-  }
-
-  &[data-open='true'] {
-    z-index: 400;
-    top: 50%;
-    opacity: 1;
-    visibility: visible;
-  }
-
-  &[data-open='false'] {
-    top: -50%;
-  }
-
-  .popup-content {
-    ${MediaQueries.mbDown} {
-      display: block;
-    }
-    display: flex;
-    position: relative;
-    z-index: 111;
-    height: 100%;
-    .button-see-more {
-      margin: 32px 0;
-      padding: 0;
-      > * {
-        display: inline-block;
-      }
-    }
-    .close-button {
-      position: absolute;
-      z-index: 100;
-      top: 10px;
-      right: 10px;
-      cursor: pointer;
-      width: unset;
-      height: unset;
-      img {
-        width: 100%;
-        height: 100%;
-        border-radius: 50%;
-      }
-    }
-  }
-
-  .main-info {
-    padding-bottom: 32px;
-    background-color: ${theme.colors.primary50};
-    border-radius: ${theme.borderRadius};
-
-    .avatar-title {
-      position: relative;
-      width: 100%;
-      padding-top: 46px;
-      text-align: center;
-    }
-  }
-`;
-const StyledPopupWrapper$1 = styled.div `
-  position: fixed;
-  z-index: 110;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  background: rgba(38, 38, 38, 0.3);
-
-  &[data-open='false'] {
-    display: none;
-  }
-`;
-const StyledProfileImage$1 = styled.div `
-  .image-container {
-    .badge-avatar {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      top: 0;
-    }
-  }
-  display: flex;
-  justify-content: center;
-  padding-bottom: 15px;
-  text-align: center;
-  .profile-image {
-    width: 100px;
-    min-width: 100px;
-    height: 100px;
-    min-height: 100px;
-    border-radius: 50%;
-    object-fit: cover;
-  }
-  .badge-avatar {
-    width: 24px;
-    height: 24px;
-  }
-`;
-const StyledTitleContainer$1 = styled.div `
-  position: relative;
-  z-index: 9;
-  .specialty {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-  }
-
-  padding: 0px 16px;
-  text-align: center;
-  .specialty {
-    justify-content: center;
-  }
+var img$m = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12'/%3e%3cpath fill='%232D87F3' d='M24 12a12 12 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533l-.41 1.427 1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";
+var ReviewerAuthor = img$m;
 
-  .experience {
-    padding: 16px 0px 32px;
-    text-align: left;
-    .btn-wrapper {
-      margin-top: 24px;
-    }
-  }
-  p {
-    max-width: 100%;
-    -webkit-line-clamp: 4;
-    -webkit-box-orient: vertical;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-`;
-const StyledItem$2 = styled.div `
-  display: flex;
-  margin-top: 8px;
-
-  .bullet-point {
-    width: 24px;
-    height: 24px;
-  }
-`;
-
-var img$y = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e";
-var BulletPoint = img$y;
+var img$l = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath fill='white' d='M11.443 5.137a.6.6 0 0 1 1.114 0l1.436 3.577a.6.6 0 0 0 .516.375l3.846.26a.6.6 0 0 1 .344 1.06l-2.958 2.471a.6.6 0 0 0-.197.607l.94 3.738a.6.6 0 0 1-.9.655l-3.265-2.05a.6.6 0 0 0-.638 0l-3.265 2.05a.6.6 0 0 1-.9-.655l.94-3.738a.6.6 0 0 0-.198-.607L5.3 10.41a.6.6 0 0 1 .344-1.06l3.846-.26a.6.6 0 0 0 .517-.375z'/%3e%3c/svg%3e";
+var ReviewerExpert = img$l;
 
-var img$x = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12'/%3e%3cpath fill='%232D87F3' d='M24 12a12 12 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533l-.41 1.427 1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";
-var ReviewerAuthor = img$x;
-
-var img$w = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath fill='white' d='M11.443 5.137a.6.6 0 0 1 1.114 0l1.436 3.577a.6.6 0 0 0 .516.375l3.846.26a.6.6 0 0 1 .344 1.06l-2.958 2.471a.6.6 0 0 0-.197.607l.94 3.738a.6.6 0 0 1-.9.655l-3.265-2.05a.6.6 0 0 0-.638 0l-3.265 2.05a.6.6 0 0 1-.9-.655l.94-3.738a.6.6 0 0 0-.198-.607L5.3 10.41a.6.6 0 0 1 .344-1.06l3.846-.26a.6.6 0 0 0 .517-.375z'/%3e%3c/svg%3e";
-var ReviewerExpert = img$w;
-
-var img$v = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%2300C076' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m11.946 5.466-5.28 4.8-2.4-2.182'/%3e%3c/svg%3e";
-var ReviewerFactCheck = img$v;
+var img$k = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%2300C076' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m11.946 5.466-5.28 4.8-2.4-2.182'/%3e%3c/svg%3e";
+var ReviewerFactCheck = img$k;
 
 const ReviewerIconMap = {
     author: ReviewerAuthor,
@@ -1522,7 +648,7 @@ const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onC
                         ? expertInfo.experiences
                             .filter((e) => !!(e && (e.title || e.organization)))
                             .slice(0, 3)
-                            .map((experience, index) => (React__default.createElement(StyledItem$2, { key: index },
+                            .map((experience, index) => (React__default.createElement(StyledItem, { key: index },
                             React__default.createElement("img", { className: "bullet-point", src: BulletPoint, alt: "point", loading: "lazy" }),
                             React__default.createElement("div", { className: "text-contain" },
                                 React__default.createElement(Heading, { tag: "h6", color: theme.colors.gray800 }, experience === null || experience === void 0 ? void 0 : experience.title),
@@ -1767,11 +893,11 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
             } })));
 };
 
-var styles$g = {"modal":"_2UKyiK1","header":"E5ga-tI","heading":"_8Y2nWXX","close":"d0T7kSP"};
+var styles$d = {"modal":"_2UKyiK1","header":"E5ga-tI","heading":"_8Y2nWXX","close":"d0T7kSP"};
 
 const ProfileDetailModal = ({ open, onClose, children, profileModalProps, }) => {
     const { t } = useTranslations();
-    return (React__default.createElement(Modal, Object.assign({ title: t('profilePanel.modal.heading'), titleProps: true, className: styles$g.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", transitionProps: {
+    return (React__default.createElement(Modal, Object.assign({ title: t('profilePanel.modal.heading'), titleProps: true, className: styles$d.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", transitionProps: {
             transition: 'slide-left',
         }, styles: {
             header: {
@@ -1921,150 +1047,6 @@ const getDefaultFailNoti = (t) => ({
     type: 'danger',
 });
 
-const StyledCreateNewPost = styled.div `
-  position: relative;
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  padding: 16px 24px;
-
-  .input-group-container {
-    flex: 1;
-    padding-right: 2px;
-    padding-left: 2px;
-    margin-bottom: 0.5rem;
-    -ms-overflow-style: none; /* IE and Edge */
-    overflow-y: auto;
-    scrollbar-width: none; /* Firefox */
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  .input-group {
-    :not(:last-child) {
-      margin-bottom: 0.6rem;
-    }
-
-    input:focus,
-    textarea:focus,
-    [contenteditable='true'] {
-      outline: none;
-    }
-
-    label {
-      margin-bottom: 5px;
-      color: ${theme.colors.gray600};
-      /* font-family: 'Open Sans', sans-serif; */
-      font-size: 13px;
-      font-weight: bold;
-    }
-
-    .input-group-label {
-      margin-bottom: 5px;
-      color: ${theme.colors.gray600};
-      /* font-family: 'Open Sans', sans-serif; */
-      font-size: 13px;
-      font-weight: bold;
-    }
-
-    .input-notification {
-      display: flex;
-
-      & > img {
-        width: 16px;
-        height: 16px;
-        margin-top: 1.5px;
-        margin-right: 8px;
-      }
-    }
-
-    .tag-list {
-    }
-  }
-
-  .warning {
-    margin-top: 16px;
-  }
-
-  .submit-btn {
-    width: 100%;
-  }
-
-  .switch-label {
-    display: flex;
-    align-items: center;
-  }
-
-  .swich-input-group {
-    padding: 12px 16px;
-    border-radius: 8px;
-    background: ${theme.colors.neutral50};
-
-    &.askdoctor-switch {
-      background: ${theme.colors.primary50};
-      &.mb-color {
-        background: ${theme.mbColors.tonePink};
-      }
-    }
-
-    .mantine-Switch-labelWrapper {
-      flex-grow: 1;
-    }
-    .mantine-Checkbox-body {
-      display: flex;
-      width: 100%;
-      align-items: center;
-      justify-content: space-between;
-    }
-    .mantine-Switch-track {
-      margin-bottom: 0;
-    }
-    .label-txt {
-      font-weight: normal;
-      font-size: 14px;
-      color: ${theme.colors.gray800};
-      margin-left: 10px;
-    }
-  }
-`;
-const StyledIsQuestion = styled.div `
-  display: flex;
-  width: 100%;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px 16px;
-  border-radius: 8px;
-  background: ${theme.colors.primary50};
-
-  &[data-is-marry-baby='true'] {
-    background: ${theme.mbColors.tonePink};
-  }
-  .switch-label {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-  margin-bottom: 12px;
-`;
-const StyledError = styled.div `
-  margin-bottom: 12px;
-  color: ${theme.colors.red700};
-  svg {
-    margin-right: 5px;
-  }
-  svg,
-  span {
-    vertical-align: middle;
-  }
-`;
-
-var img$u = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath fill='%232D87F3' d='M8 14.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 5.5v3M8 11.5h.007'/%3e%3c/svg%3e";
-var IconAlertCirclePrimary = img$u;
-
-var img$t = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath fill='%23FE921D' d='M8 14.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 5.5v3M8 11.5h.007'/%3e%3c/svg%3e";
-var IconAlertCircleWarning = img$t;
-
 const EncodeUrlRegexMap = {
     edit: /<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,
     url: /((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,
@@ -2792,8 +1774,8 @@ const StyledEditorContainer = styled.div `
   }
 `;
 
-var img$s = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M9.545 16H7.091c-.537 0-1.07-.104-1.566-.305a4.1 4.1 0 0 1-1.327-.867A3.96 3.96 0 0 1 3 12c0-1.06.431-2.078 1.198-2.828A4.14 4.14 0 0 1 7.091 8h2.454m4.38 0h2.984c.537 0 1.07.103 1.566.304a4.1 4.1 0 0 1 1.327.868c.38.371.681.812.887 1.297a3.92 3.92 0 0 1 0 3.062 4 4 0 0 1-.887 1.297c-.38.372-.831.667-1.327.867a4.2 4.2 0 0 1-1.566.305h-2.983M9 12h6'/%3e%3c/svg%3e";
-var IconLink = img$s;
+var img$j = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M9.545 16H7.091c-.537 0-1.07-.104-1.566-.305a4.1 4.1 0 0 1-1.327-.867A3.96 3.96 0 0 1 3 12c0-1.06.431-2.078 1.198-2.828A4.14 4.14 0 0 1 7.091 8h2.454m4.38 0h2.984c.537 0 1.07.103 1.566.304a4.1 4.1 0 0 1 1.327.868c.38.371.681.812.887 1.297a3.92 3.92 0 0 1 0 3.062 4 4 0 0 1-.887 1.297c-.38.372-.831.667-1.327.867a4.2 4.2 0 0 1-1.566.305h-2.983M9 12h6'/%3e%3c/svg%3e";
+var IconLink = img$j;
 
 // import 'react-quill/dist/quill.snow.css'
 let ReactQuill = null;
@@ -2992,7 +1974,7 @@ function getSearchName(root) {
     }
     return res;
 }
-const inputModify$1 = (value, opts) => {
+const inputModify = (value, opts) => {
     var _a;
     const { formatUrl, bannedWords = [] } = opts || {};
     const removedFormat = fixMalformedMention(removeFontFormat(value));
@@ -3084,7 +2066,7 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
     fetchPreviewDataRef.current = fetchPreviewData;
     const debounceInputModify = useCallback(debounce((v) => {
         if (v) {
-            const processedInput = inputModify$1(v, {
+            const processedInput = inputModify(v, {
                 bannedWords: bannedWordsRef.current,
                 formatUrl: true,
             });
@@ -3414,645 +2396,85 @@ const LinkToolInputPopover = ({ onAddUrl, setShow }) => {
                 }, isDisabled: !isValid }, t('insert')))));
 };
 
-var img$r = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";
-var IconCloseCircle = img$r;
+var img$i = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";
+var IconCloseCircle = img$i;
 
-const CreatePostDescription = ({ className, style, bannedWords = [], value, onChange, onPreviewUrlChange, onInvalidUrlsChange, onImageFilesChange, imageFiles: imageFilesProp, isReplying, }) => {
-    const { t } = useTranslations();
-    const [previewUrl, setPreviewUrl] = useState(null);
-    const imagePicker = useRef(null);
-    const { onSelectImages, onRemoveImage, imageSrcs,
-    // imageFiles,
-     } = useImagePicker(imageFilesProp, onImageFilesChange);
-    useEffect(() => {
-        if (onPreviewUrlChange) {
-            if (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url)
-                onPreviewUrlChange({
-                    title: previewUrl.title || '',
-                    url: previewUrl.url || '',
-                    image: previewUrl.image || '',
-                    description: previewUrl.description || '',
-                });
-            else
-                onPreviewUrlChange(null);
-        }
-    }, [previewUrl]);
-    return (React__default.createElement(StyledCreatePostDescription, { className: className, style: style },
-        React__default.createElement(Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
-        React__default.createElement("div", { className: `textarea-control` },
-            React__default.createElement("div", { className: "textarea-wrapper" },
-                React__default.createElement(RichTextEditor, { html: value || '', onChange: onChange, bannedWords: bannedWords, onImagePickerClick: () => { var _a; return (_a = imagePicker.current) === null || _a === void 0 ? void 0 : _a.click(); }, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: onInvalidUrlsChange, isReplying: isReplying }))),
-        React__default.createElement(Text, { size: "p4", className: "count-string" },
-            t('character'),
-            ": ",
-            innertext(value || '').length),
-        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default.createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default.createElement(Loading$1, null)) : (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
-            React__default.createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
-        React__default.createElement("input", { ref: imagePicker, type: "file", accept: "image/png, image/gif, image/jpeg", multiple: true, style: { display: 'none' }, onChange: onSelectImages }),
-        imageSrcs.length > MAX_IMAGE_UPLOADS ? (React__default.createElement("div", { className: "input-notification" },
-            React__default.createElement("img", { src: IconAlertCircleWarning, loading: "lazy" }),
-            React__default.createElement(Text, { size: "p4", color: theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
-        imageSrcs.length > 0 && (React__default.createElement("div", { className: "image-gallery" }, imageSrcs.map((src, i) => (React__default.createElement("div", { key: i, className: "image-item" },
-            React__default.createElement("img", { src: src, loading: "lazy" }),
-            React__default.createElement("img", { className: "close-btn", src: IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
-};
+const StyledPopupDanger = styled.div `
+  [data-type='confirm'] {
+    width: min(360px, 100%);
+    height: auto;
+    &[data-open='false'] {
+      top: calc(-100% - 500px);
+    }
+  }
+  z-index: 600;
 
-const StyledCreatePostTitle = styled.div `
-  input:focus,
-  textarea:focus,
-  [contenteditable='true'] {
-    outline: none;
+  .header {
+    display: none !important;
   }
 
-  .title-input {
-    overflow: hidden;
+  .confirm-dialog {
+    position: relative;
+    overflow: auto;
     width: 100%;
-    padding: 12px 16px;
-    border: solid 1px #d9d9d9;
+    padding-top: 44px;
+    background: #fff;
     border-radius: ${theme.borderRadius};
-    font-size: 16px;
-    line-height: 1.2;
-    white-space: nowrap;
-    :focus {
-      border-color: ${theme.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${theme.colors.primary200};
-    }
-    br {
-      display: none;
-    }
-    * {
-      display: inline;
-      white-space: nowrap;
-    }
-    mocka {
-      padding: 2px 6px;
-      border-radius: 1rem;
-      &[data-error='true'] {
-        background-color: #ffeeee;
-        color: red;
-        text-decoration: underline;
-        font-style: bold;
-      }
-    }
-    ol,
-    ul {
-      padding-left: 1rem;
-    }
-  }
-
-  label {
-    display: block;
-    margin-bottom: 5px;
-    color: ${theme.colors.gray600};
-    font-size: 13px;
-    font-weight: bold;
-  }
 
-  .count-string {
-    margin-top: 5px;
-    color: ${theme.colors.gray500};
-    font-size: 11px;
-    text-align: right;
-  }
-`;
+    .confirm-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 0 16px 16px;
+      text-align: center;
 
-const TITLE_LIMIT = 120;
-const inputModify = (value, opts) => {
-    if (!opts)
-        return value;
-    const { limit, bannedWords = [] } = opts;
-    const shorten = typeof limit === 'number' && limit >= 0 ? value.substring(0, limit) : value;
-    const processedValue = highlightBadWords(shorten, bannedWords);
-    return processedValue;
-};
-const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange, }) => {
-    var _a;
-    const { t } = useTranslations();
-    const [titleValue, setTitleValue] = useState('');
-    const titleRef = useRef(null);
-    useEffect(() => {
-        if (titleRef.current) {
-            const pasteHandler = (e) => {
-                var _a;
-                e.preventDefault();
-                const text = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/plain');
-                document.execCommand('insertHTML', false, text);
-            };
-            const contentDiv = titleRef.current;
-            contentDiv.addEventListener('paste', pasteHandler, {
-                passive: true,
-            });
-            return () => contentDiv.removeEventListener('paste', pasteHandler);
-        }
-    }, [titleRef]);
-    const bannedString = (bannedWords === null || bannedWords === void 0 ? void 0 : bannedWords.join(',')) || '';
-    useEffect(() => {
-        var _a;
-        if (bannedString) {
-            const titleText = (_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.innerText;
-            if (titleText) {
-                const titleValueWithBanned = highlightBadWords(titleText, bannedWords);
-                if (titleValueWithBanned !== titleText) {
-                    onChange && onChange(titleValueWithBanned);
-                    setTitleValue(titleValueWithBanned);
-                }
-            }
-        }
-    }, [bannedString]);
-    const debounceInputModify = useCallback(debounce(() => {
-        if (titleRef.current) {
-            const shortenString = inputModify(titleRef.current.innerText, {
-                limit: TITLE_LIMIT,
-                bannedWords,
-            });
-            onChange && onChange(shortenString);
-            setTitleValue(shortenString);
-        }
-    }, 300), []);
-    useEffect(() => {
-        setTimeout(() => {
-            var _a;
-            (_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }, 500);
-    }, []);
-    return (React__default.createElement(StyledCreatePostTitle, { className: className, style: style },
-        React__default.createElement(Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__default.createElement(ContentEditable, { innerRef: titleRef, html: value || titleValue, onChange: () => {
-                    if (titleRef.current &&
-                        titleRef.current.innerText !== (value || titleValue)) {
-                        const initialValue = inputModify(titleRef.current.innerText, {
-                            bannedWords,
-                        });
-                        onChange && onChange(initialValue);
-                        setTitleValue(initialValue);
-                        debounceInputModify();
-                    }
-                }, className: "title-input" }) }),
-        React__default.createElement(Text, { size: "p4", className: "count-string" }, t('createPost.popup.wordCount', {
-            count: ((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.innerText.length) || 0,
-            max: TITLE_LIMIT,
-        }))));
-};
+      .title {
+        margin-bottom: 8px;
+        font-size: 24px;
+        line-height: 32px;
+        word-break: break-word;
+        overflow-wrap: break-word;
+      }
 
-const StyledTopicSelectList = styled.div `
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-  margin-top: 1rem;
+      .desc {
+        margin-bottom: 24px;
+        color: ${theme.colors.gray500};
+        font-size: 18px;
+        line-height: 24px;
+        text-align: center;
+        word-break: break-word;
+        overflow-wrap: break-word;
+      }
 
-  .tag-item {
-    min-height: 32px;
-    padding: 5px 12px;
-    border: 1px solid ${theme.colors.neutral100};
-    margin-right: 1rem;
-    margin-bottom: 8px;
-    border-radius: 1rem;
-    color: ${theme.colors.gray800};
-    cursor: pointer;
-    font-size: 13px;
-    line-height: 22px;
-    transition: all 0.2s;
+      .btn-group {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
 
-    &.--active {
-      border-color: ${theme.colors.primary50};
-      background: ${theme.colors.primary50};
-      color: ${theme.colors.primaryBase};
-    }
-    &[data-disabled='true'] {
-      background: ${theme.colors.gray100};
-      color: ${theme.colors.gray800};
+        button {
+          margin: 0 4px 0.5rem;
+        }
+      }
     }
   }
-  .topic-spinner {
-    margin-right: auto;
-    margin-left: auto;
-    & > button {
-      width: 24px;
-      height: 24px;
+  .thumbnail-container {
+    width: 80px;
+    height: 80px;
+    margin-bottom: 32px;
+    .thumbnail {
+      width: 100%;
+      height: 100%;
     }
-  }
-  &[data-is-marrybaby='true'] {
-    .tag-item {
-      border-color: transparent;
-      background: #f3f3f3;
-      color: #3e3f58;
-      &.--active {
-        border-color: #b6cdff;
-        background: #e0e9fb;
-        color: #3e3f58;
-      }
-    }
-  }
-`;
-
-const TopicSelectList = ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, forceTopics, selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }) => {
-    const { data: { locale, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    const [topics, setTopics] = useState(topicsProp ? [...topicsProp] : []);
-    const [selectedTopics, setSelectedTopics] = useState(selectedTopicsProp ? [...selectedTopicsProp] : []);
-    const [isLoadingTopics, setIsLoadingTopics] = useState(false);
-    const topicsPropRef = useRef(topicsProp);
-    topicsPropRef.current = topicsProp;
-    useEffect(() => {
-        var _a;
-        if (communityId && !noFetch && !((_a = topicsPropRef.current) === null || _a === void 0 ? void 0 : _a.length)) {
-            setTopics([]);
-            setIsLoadingTopics(true);
-            (() => __awaiter(void 0, void 0, void 0, function* () {
-                var _b;
-                try {
-                    const res = yield callApi(getApiPath(PATHS.TOPIC.LIST, {
-                        communityId: communityId,
-                        _locale: locale,
-                    }), 'GET');
-                    const topicRes = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.topics;
-                    if (Array.isArray(topicRes)) {
-                        setTopics(() => (topicRes === null || topicRes === void 0 ? void 0 : topicRes.map(formatTopic).sort((t1, t2) => (t1.order || 0) - (t2.order || 0))) || []);
-                    }
-                }
-                catch (e) {
-                    console.log(e);
-                    setIsLoadingTopics(false);
-                }
-                setIsLoadingTopics(false);
-            }))();
-        }
-    }, [communityId, noFetch]);
-    const topicsPropString = topicsProp === null || topicsProp === void 0 ? void 0 : topicsProp.map((t) => t.id).join('-');
-    const topicsStateString = topics === null || topics === void 0 ? void 0 : topics.map((t) => t.id).join('-');
-    const forceTopicsPropString = forceTopics === null || forceTopics === void 0 ? void 0 : forceTopics.map((t) => t.id).join('-');
-    useEffect(() => {
-        if (topicsProp &&
-            typeof topicsPropString !== 'undefined' &&
-            topicsPropString !== topicsStateString) {
-            setTopics(topicsProp);
-        }
-    }, [topicsProp, topicsPropString, topicsStateString]);
-    const topicsWithoutForced = useMemo(() => topics.filter((t) => !(forceTopics === null || forceTopics === void 0 ? void 0 : forceTopics.some((ft) => (ft.id && ft.id === t.id) ||
-        (ft.mappedCategoryId &&
-            ft.mappedCategoryId === t.mappedCategoryId)))), [topicsStateString, forceTopicsPropString]);
-    return (React__default.createElement(StyledTopicSelectList, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        forceTopics.map((topic) => (React__default.createElement(TopicItem, { key: `${topic.id}-${topic.mappedCategoryId}`, topic: topic, disabled: true, selected: true, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
-        topicsWithoutForced.map((topic) => (React__default.createElement(TopicItem, { key: `${topic.id}-${topic.mappedCategoryId}`, topic: topic, disabled: disabled, selected: (selectedTopicsProp || selectedTopics).some((t) => (t.id && t.id === topic.id) ||
-                (t.mappedCategoryId &&
-                    t.mappedCategoryId === topic.mappedCategoryId)), onClick: () => {
-                const _selected = selectedTopicsProp || selectedTopics;
-                const foundIndex = _selected.findIndex((_selected) => (_selected.id && _selected.id === topic.id) ||
-                    (_selected.mappedCategoryId &&
-                        _selected.mappedCategoryId === topic.mappedCategoryId));
-                if (foundIndex !== -1) {
-                    _selected.splice(foundIndex, 1);
-                }
-                else {
-                    _selected.push(topic);
-                }
-                if (onChange && selectedTopicsProp) {
-                    onChange(_selected.slice());
-                }
-                else {
-                    onChange && onChange(_selected.slice());
-                    setSelectedTopics(_selected.slice());
-                }
-            }, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
-        (isLoading || isLoadingTopics) && React__default.createElement(Loading$1, { className: "topic-spinner" })));
-};
-const TopicItem = (_a) => {
-    var { topic, disabled, selected, onClick } = _a, rest = __rest(_a, ["topic", "disabled", "selected", "onClick"]);
-    return (React__default.createElement("div", Object.assign({ className: 'tag-item' + (selected ? ' --active' : ''), "data-disabled": disabled, onClick: !disabled ? onClick : undefined }, rest), topic.name));
-};
-
-const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose, communities = [], forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, currentPageUrl, }) => {
-    const isInEditMode = !!(editPostData === null || editPostData === void 0 ? void 0 : editPostData.id);
-    const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications, sanitizeFunction }, } = useContext(TogetherComponentGlobalContext);
-    const { t } = useTranslations();
-    const [isAnonymous, setIsAnonymous] = useState(false);
-    const [isAskDoctor, setIsAskDoctor] = useState(selectAskDoctor);
-    const [showAskDoctorRequired, setShowAskDoctorRequired] = useState(false);
-    const [specialCharErr, setspecialCharErr] = useState(false);
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    const [titleValue, setTitleValue] = useState('');
-    const [descriptionValue, setDescriptionValue] = useState('');
-    const [communityValue, setCommunityValue] = useState(forceSelectCommunity
-        ? {
-            label: forceSelectCommunity.name,
-            value: `${forceSelectCommunity.id || ''}-${forceSelectCommunity.mappedCategoryId || ''}`,
-        }
-        : {
-            label: t('community.choose'),
-            value: '',
-        });
-    const [selectedTopics, setSelectedTopics] = useState([...forceSelectTopics] || []);
-    const [imageFiles, setImageFiles] = useState([]);
-    const [bannedWords, setBannedWords] = useState([]);
-    const currentCommunity = forceSelectCommunity ||
-        communities.find((c) => `${c.id || ''}-${c.mappedCategoryId || ''}` === communityValue.value);
-    const communitiesList = forceSelectCommunity
-        ? [forceSelectCommunity]
-        : communities
-            .filter((c) => c.isActive)
-            .sort((a, b) => {
-            if (a.name > b.name)
-                return 1;
-            if (a.name < b.name)
-                return -1;
-            return 0;
-        });
-    const [previewUrl, setPreviewUrl] = useState(null);
-    const [invalidUrls, setInvalidUrls] = useState([]);
-    const isReadyToSubmit = titleValue &&
-        !specialCharErr &&
-        innertext(descriptionValue) &&
-        (optionalTopic || (!optionalTopic && selectedTopics.length > 0)) &&
-        currentCommunity &&
-        (!imageFiles || imageFiles.length <= MAX_IMAGE_UPLOADS) &&
-        !(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) &&
-        !isSubmitting;
-    // HANDLE etra action when OPEN AND CLOSE
-    useEffect(() => {
-        if (editPostData) {
-            const post = editPostData;
-            setTitleValue(post.title || '');
-            setDescriptionValue(decodeMention(decodePostUrl(post.description || '', 'edit'), post.mentions));
-            setCommunityValue({
-                label: post.community.name,
-                value: `${post.community.id || ''}-${post.community.mappedCategoryId || ''}`,
-            });
-            setSelectedTopics(post.topics || []);
-            setImageFiles(post.photos || []);
-            setIsAnonymous(!!post.isAnonymous || false);
-            setIsAskDoctor(!!post.isAskDoctor || false);
-        }
-        else {
-            if (defaultCommunity) {
-                setCommunityValue({
-                    label: defaultCommunity.name,
-                    value: `${defaultCommunity.id || ''}-${defaultCommunity.mappedCategoryId || ''}`,
-                });
-            }
-            if (defaultTopics) {
-                setSelectedTopics(defaultTopics);
-            }
-        }
-    }, []);
-    useEffect(() => {
-        setspecialCharErr(titleValue !== '' && !/[a-zA-Z]/.test(titleValue));
-    }, [titleValue]);
-    const onCreateEditSuccess = (res) => {
-        if (onPostCreatedEdited) {
-            onPostCreatedEdited(formatPost(res), isInEditMode);
-        }
-        onClose && onClose();
-    };
-    const submitPost = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        if (showAskDoctorOptions && typeof isAskDoctor === 'undefined') {
-            setShowAskDoctorRequired(true);
-            return false;
-        }
-        const bodyFormData = yield getPostFormData({
-            title: titleValue,
-            description: descriptionValue,
-            communityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) || ''),
-            imageFiles,
-            previewUrl,
-            topicIds: selectedTopics === null || selectedTopics === void 0 ? void 0 : selectedTopics.map((topic) => String(topic.id || '')).filter(Boolean),
-            locale,
-            sanitizeFunction,
-            categoryCommunityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId) || ''),
-            categoryTopicIds: selectedTopics === null || selectedTopics === void 0 ? void 0 : selectedTopics.map((topic) => String(topic.mappedCategoryId || '')).filter(Boolean),
-            isAnonymous: isAnonymous ? 1 : 0,
-            isAskDoctor: isAskDoctor ? 1 : 0,
-        });
-        if (articleId) {
-            bodyFormData.append('article_id', articleId);
-        }
-        let res;
-        if (isInEditMode) {
-            if (editPostData === null || editPostData === void 0 ? void 0 : editPostData.id) {
-                res = yield editPost({
-                    id: editPostData.id,
-                    formData: bodyFormData,
-                    locale,
-                });
-            }
-        }
-        else {
-            res = yield createPost({
-                formData: bodyFormData,
-                locale,
-                isArticleComment: !(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) && !!(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId),
-            });
-        }
-        const resData = res === null || res === void 0 ? void 0 : res.data;
-        if ((resData === null || resData === void 0 ? void 0 : resData.id) && !((_b = (_a = res === null || res === void 0 ? void 0 : res.messages) === null || _a === void 0 ? void 0 : _a.moderation) === null || _b === void 0 ? void 0 : _b.type)) {
-            pushNotifications({
-                message: t('createPost.popup.success'),
-                type: 'success',
-            });
-            onCreateEditSuccess(resData);
-        }
-        else {
-            if (((_d = (_c = res === null || res === void 0 ? void 0 : res.messages) === null || _c === void 0 ? void 0 : _c.moderation) === null || _d === void 0 ? void 0 : _d.type) === 'banned') {
-                pushNotifications({
-                    title: t('notification.post.blocked.title'),
-                    message: t('notification.post.blocked.message'),
-                    type: 'danger',
-                });
-                if (res.messages.moderation.words) {
-                    setBannedWords(res.messages.moderation.words);
-                }
-            }
-            else if (((_f = (_e = res === null || res === void 0 ? void 0 : res.messages) === null || _e === void 0 ? void 0 : _e.moderation) === null || _f === void 0 ? void 0 : _f.type) === 'suspect') {
-                pushNotifications({
-                    title: t('notification.post.suspect.title'),
-                    message: t('notification.post.suspect.message'),
-                    type: 'warning',
-                });
-                onClose && onClose();
-            }
-            else if ((_h = (_g = res === null || res === void 0 ? void 0 : res.messages) === null || _g === void 0 ? void 0 : _g.find) === null || _h === void 0 ? void 0 : _h.call(_g, (m) => { var _a; return !!((_a = m === null || m === void 0 ? void 0 : m.includes) === null || _a === void 0 ? void 0 : _a.call(m, 'suspend')); })) {
-                pushNotifications({
-                    message: t('notification.suspend.message'),
-                    type: 'danger',
-                });
-                onClose && onClose();
-            }
-            else {
-                pushNotifications({
-                    message: ((_j = res === null || res === void 0 ? void 0 : res.messages) === null || _j === void 0 ? void 0 : _j[0]) || t('notification.failure'),
-                    type: 'danger',
-                });
-            }
-        }
-    });
-    return (React__default.createElement(StyledCreateNewPost, { className: className, style: style },
-        React__default.createElement("div", { className: "input-group-container" },
-            React__default.createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, onChange: setTitleValue }),
-            specialCharErr && (React__default.createElement(StyledError, null,
-                React__default.createElement(Info, { isSolid: true, color: theme.colors.red700, size: 14 }),
-                React__default.createElement(Text, { size: "p3", as: "span", color: theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
-            React__default.createElement(CreatePostDescription, { className: "input-group", bannedWords: bannedWords, value: descriptionValue, onChange: setDescriptionValue, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles }),
-            showAskDoctorOptions && (React__default.createElement(StyledIsQuestion, { "data-is-marry-baby": isMarryBaby },
-                React__default.createElement("div", { className: "switch-label" },
-                    React__default.createElement(Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: theme.colors.primaryBase, className: "label-icon" }),
-                    React__default.createElement("span", { className: "label-txt" }, t('createPost.askDoctor'))),
-                React__default.createElement(BtnChoice, { value: isAskDoctor, choices: [
-                        {
-                            label: t('createPost.askDoctorChoice.yes'),
-                            value: true,
-                            dataEventCategory: 'Together',
-                            dataEventAction: 'Write Post Click - Ask Doctor',
-                            dataEventLabel: currentPageUrl,
-                        },
-                        {
-                            label: t('createPost.askDoctorChoice.no'),
-                            value: false,
-                        },
-                    ], onChange: (v) => {
-                        if (typeof v === 'boolean') {
-                            setShowAskDoctorRequired(false);
-                            setIsAskDoctor(v);
-                        }
-                    } }))),
-            showAskDoctorRequired && (React__default.createElement(StyledError, null,
-                React__default.createElement(Info, { isSolid: true, color: theme.colors.red700, size: 14 }),
-                React__default.createElement(Text, { size: "p3", as: "span", color: theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
-            React__default.createElement("div", { className: "input-group" },
-                React__default.createElement(Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
-                React__default.createElement(Dropdown, { options: (communitiesList === null || communitiesList === void 0 ? void 0 : communitiesList.map((c) => ({
-                        label: c.name,
-                        value: `${c.id || ''}-${c.mappedCategoryId || ''}`,
-                    }))) || [], id: "community-picker", placeholder: t('community.choose'), value: communityValue, dropdownLabelTrackingAttributes: {
-                        'data-event-category': 'Together',
-                        'data-event-action': 'Write Post Click -  Choose Community/Topic',
-                        'data-event-label': currentPageUrl,
-                    }, onChange: (option) => {
-                        setCommunityValue({
-                            label: option.label,
-                            value: String(option.value),
-                        });
-                        setSelectedTopics([]);
-                    }, disabled: !!forceSelectCommunity }),
-                React__default.createElement(Text, { size: "sm", className: "warning", color: theme.colors.gray400 },
-                    "* ",
-                    t('commentPopup.warning.newPost'))),
-            !hideTopicList && (React__default.createElement("div", { className: "input-group" },
-                React__default.createElement(Text, { size: "p4", className: "input-group-label" }, t('tab.topic')),
-                React__default.createElement("div", { className: "input-notification" },
-                    React__default.createElement("img", { src: currentCommunity
-                            ? IconAlertCirclePrimary
-                            : IconAlertCircleWarning, loading: "lazy" }),
-                    React__default.createElement(Text, { size: "base", color: theme.colors.gray500 }, t(currentCommunity
-                        ? 'createPost.popup.primary'
-                        : 'createPost.popup.warning'))),
-                currentCommunity && (React__default.createElement(TopicSelectList, { className: "tag-list", communityId: currentCommunity.id, forceTopics: forceSelectTopics, onChange: setSelectedTopics, selectedTopics: selectedTopics, noFetch: noFetchTopic, dataEventCategory: "Together", dataEventAction: "Write Post Click -  Choose Community/Topic", dataEventLabel: currentPageUrl }))))),
-        React__default.createElement("div", { className: "form-action" },
-            React__default.createElement("div", { className: "input-group" },
-                React__default.createElement(Checkbox, { className: "swich-input-group", labelPosition: "left", name: "PostAnonymous", checked: isAnonymous, color: isMarryBaby ? 'pink' : undefined, "data-event-category": "Together", "data-event-action": "Write Post Click - Incognito", "data-event-label": currentPageUrl, label: React__default.createElement("div", { className: "switch-label" },
-                        React__default.createElement("img", { className: "label-icon", src: CommonGAssets.getAssetPath('anomyous-avatar.svg'), alt: "anomyous avatar", style: { marginRight: '10px', width: '24px' }, loading: "lazy" }),
-                        React__default.createElement("span", { className: "label-txt" }, t('createPost.postAnonymous'))), value: "Post Anonymous", onChange: (event) => setIsAnonymous(event.currentTarget.checked), styles: {
-                        body: {
-                            display: 'flex',
-                            width: '100%',
-                            justifyContent: 'space-between',
-                            alignItems: 'center',
-                        },
-                        label: {
-                            display: 'flex',
-                            alignItems: 'center',
-                        },
-                    } })),
-            React__default.createElement("div", { className: "input-group" },
-                React__default.createElement(Button$1, { className: "submit-btn pointer-event-child-none", size: "lg", "data-event-category": "Ask Doctor", "data-event-action": "Submit Question", "data-event-label": window.location.href, onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-                        if (isReadyToSubmit && !isSubmitting) {
-                            setIsSubmitting(true);
-                            try {
-                                yield submitPost();
-                            }
-                            catch (e) {
-                                console.error(e);
-                                pushNotifications(getDefaultFailNoti(t));
-                            }
-                            setIsSubmitting(false);
-                        }
-                    }), disabled: !isReadyToSubmit, loading: isSubmitting }, t('createPost.popup.submit'))))));
-};
-
-const StyledPopupDanger = styled.div `
-  [data-type='confirm'] {
-    width: min(360px, 100%);
-    height: auto;
-    &[data-open='false'] {
-      top: calc(-100% - 500px);
-    }
-  }
-  z-index: 600;
-
-  .header {
-    display: none !important;
-  }
-
-  .confirm-dialog {
-    position: relative;
-    overflow: auto;
-    width: 100%;
-    padding-top: 44px;
-    background: #fff;
-    border-radius: ${theme.borderRadius};
-
-    .confirm-content {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding: 0 16px 16px;
-      text-align: center;
-
-      .title {
-        margin-bottom: 8px;
-        font-size: 24px;
-        line-height: 32px;
-        word-break: break-word;
-        overflow-wrap: break-word;
-      }
-
-      .desc {
-        margin-bottom: 24px;
-        color: ${theme.colors.gray500};
-        font-size: 18px;
-        line-height: 24px;
-        text-align: center;
-        word-break: break-word;
-        overflow-wrap: break-word;
-      }
-
-      .btn-group {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        justify-content: center;
-
-        button {
-          margin: 0 4px 0.5rem;
-        }
-      }
-    }
-  }
-  .thumbnail-container {
-    width: 80px;
-    height: 80px;
-    margin-bottom: 32px;
-    .thumbnail {
-      width: 100%;
-      height: 100%;
-    }
-    &.is-icon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: #e0e9fc;
-      border-radius: 1rem;
-      .thumbnail {
-        width: 40px;
-        height: 40px;
+    &.is-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #e0e9fc;
+      border-radius: 1rem;
+      .thumbnail {
+        width: 40px;
+        height: 40px;
       }
     }
   }
@@ -4219,8 +2641,8 @@ const StyledFSBtn = styled.div `
   align-items: center;
 `;
 
-var img$q = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e";
-var CloseIcon = img$q;
+var img$h = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e";
+var CloseIcon = img$h;
 
 const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpen = false, hasFullscreen = false, onClose = () => null, }) => {
     const [expand, setExpand] = useState(false);
@@ -4488,14 +2910,14 @@ const StyledInputCommentBar = styled.div `
 
 const MainInputTriggerContext = createContext({});
 
-var img$p = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3ccircle cx='8' cy='8.5' r='6.667' fill='white' stroke='%23404040'/%3e%3cpath stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='m10 6.5-4 4M6 6.5l4 4'/%3e%3c/svg%3e";
-var IconCloseCircleLine = img$p;
+var img$g = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3ccircle cx='8' cy='8.5' r='6.667' fill='white' stroke='%23404040'/%3e%3cpath stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='m10 6.5-4 4M6 6.5l4 4'/%3e%3c/svg%3e";
+var IconCloseCircleLine = img$g;
 
-var img$o = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 9.734-3.75 3.75 3.75 3.75'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.25 4.734v5.569c0 .843-.33 1.653-.915 2.25a3.1 3.1 0 0 1-2.21.931H3.75'/%3e%3c/svg%3e";
-var IconEnter = img$o;
+var img$f = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 9.734-3.75 3.75 3.75 3.75'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.25 4.734v5.569c0 .843-.33 1.653-.915 2.25a3.1 3.1 0 0 1-2.21.931H3.75'/%3e%3c/svg%3e";
+var IconEnter = img$f;
 
-var img$n = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.754 4.854H4.492a1.79 1.79 0 0 0-1.789 1.789v12.524a1.79 1.79 0 0 0 1.79 1.789h12.523a1.79 1.79 0 0 0 1.79-1.79v-6.261'/%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M17.463 3.512a1.898 1.898 0 0 1 2.684 2.684l-8.498 8.498-3.579.895.895-3.579z'/%3e%3c/svg%3e";
-var IconTabEditPrimary = img$n;
+var img$e = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.754 4.854H4.492a1.79 1.79 0 0 0-1.789 1.789v12.524a1.79 1.79 0 0 0 1.79 1.789h12.523a1.79 1.79 0 0 0 1.79-1.79v-6.261'/%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M17.463 3.512a1.898 1.898 0 0 1 2.684 2.684l-8.498 8.498-3.579.895.895-3.579z'/%3e%3c/svg%3e";
+var IconTabEditPrimary = img$e;
 
 const getCommentFormBody = ({ postId, message, photos, link, locale, sanitizeFunction, replyingUserId, replyingUserName, replyingId, }) => __awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
@@ -4883,38 +3305,38 @@ const StyledShare = styled.div `
   }
 `;
 
-var img$m = "data:image/png;base64,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";
-  var IconWhatsapp = img$m;
+var img$d = "data:image/png;base64,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";
+  var IconWhatsapp = img$d;
 
-var img$l = "data:image/png;base64,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";
-  var IconZalo = img$l;
+var img$c = "data:image/png;base64,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";
+  var IconZalo = img$c;
 
-var img$k = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cg fill='%233e3f58'%3e%3cpath d='m19.726 8.537-.632.151zm0 4.65-.632-.151zm-9.097-8.918.146.633zm4.744 0-.146.633zm1.303 11.983a.65.65 0 1 0 .649 1.126zM6.041 7.23a.65.65 0 0 0 1.182.541zm13.053 1.459a9.34 9.34 0 0 1 0 4.348l1.264.303a10.6 10.6 0 0 0 0-4.953l-1.264.303zm-8.32-3.786a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0zm4.452 0c1.925.443 3.419 1.913 3.867 3.786l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75zm2.099 12.476a6.39 6.39 0 0 0 3.033-4.04l-1.264-.303a5.1 5.1 0 0 1-2.418 3.217zM10.482 3.636A6.47 6.47 0 0 0 6.04 7.23l1.182.541a5.17 5.17 0 0 1 3.551-2.868z'/%3e%3cpath d='m3.274 16.187-.632.151zm0-4.65-.632-.151zm13.451 0-.632.151zm0 4.65.632.151zm-4.354 4.268-.146-.633zm-4.744 0-.146.634zm0-13.186.146.633zm4.744 0-.146.633zm-8.465 8.767a9.34 9.34 0 0 1 0-4.348l-1.264-.303a10.6 10.6 0 0 0 0 4.953l1.264-.303zm12.187-4.348a9.34 9.34 0 0 1 0 4.348l1.264.303a10.6 10.6 0 0 0 0-4.953l-1.264.303zm-3.867 8.133a9.94 9.94 0 0 1-4.452 0l-.291 1.267a11.24 11.24 0 0 0 5.035 0l-.291-1.267zM7.774 7.903a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm0 11.919c-1.925-.443-3.419-1.913-3.867-3.786l-1.264.303c.565 2.363 2.445 4.199 4.84 4.75zm4.744 1.267c2.395-.551 4.275-2.387 4.84-4.75l-1.264-.303c-.448 1.872-1.942 3.343-3.867 3.786zm-.291-13.186c1.925.443 3.419 1.913 3.867 3.785l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zM7.482 6.636c-2.395.551-4.275 2.387-4.84 4.75l1.264.303c.448-1.872 1.942-3.343 3.867-3.785l-.291-1.267zM12.268 21l.083-2.523c.079-.573.221-.867.433-1.075l-.91-.928c-.499.489-.712 1.104-.811 1.827-.096.702-.095 1.596-.095 2.699zm4.205-5.409c-1.126 0-2.035-.001-2.748.093-.731.096-1.354.303-1.85.79l.91.928c.214-.21.519-.352 1.11-.43.609-.08 1.416-.082 2.579-.082z'/%3e%3c/g%3e%3cpath stroke='%233e3f58' stroke-linecap='round' stroke-width='1.3' d='M7 11h3m-3 3h5'/%3e%3c/svg%3e";
-var MBIconCopy = img$k;
+var img$b = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cg fill='%233e3f58'%3e%3cpath d='m19.726 8.537-.632.151zm0 4.65-.632-.151zm-9.097-8.918.146.633zm4.744 0-.146.633zm1.303 11.983a.65.65 0 1 0 .649 1.126zM6.041 7.23a.65.65 0 0 0 1.182.541zm13.053 1.459a9.34 9.34 0 0 1 0 4.348l1.264.303a10.6 10.6 0 0 0 0-4.953l-1.264.303zm-8.32-3.786a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0zm4.452 0c1.925.443 3.419 1.913 3.867 3.786l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75zm2.099 12.476a6.39 6.39 0 0 0 3.033-4.04l-1.264-.303a5.1 5.1 0 0 1-2.418 3.217zM10.482 3.636A6.47 6.47 0 0 0 6.04 7.23l1.182.541a5.17 5.17 0 0 1 3.551-2.868z'/%3e%3cpath d='m3.274 16.187-.632.151zm0-4.65-.632-.151zm13.451 0-.632.151zm0 4.65.632.151zm-4.354 4.268-.146-.633zm-4.744 0-.146.634zm0-13.186.146.633zm4.744 0-.146.633zm-8.465 8.767a9.34 9.34 0 0 1 0-4.348l-1.264-.303a10.6 10.6 0 0 0 0 4.953l1.264-.303zm12.187-4.348a9.34 9.34 0 0 1 0 4.348l1.264.303a10.6 10.6 0 0 0 0-4.953l-1.264.303zm-3.867 8.133a9.94 9.94 0 0 1-4.452 0l-.291 1.267a11.24 11.24 0 0 0 5.035 0l-.291-1.267zM7.774 7.903a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm0 11.919c-1.925-.443-3.419-1.913-3.867-3.786l-1.264.303c.565 2.363 2.445 4.199 4.84 4.75zm4.744 1.267c2.395-.551 4.275-2.387 4.84-4.75l-1.264-.303c-.448 1.872-1.942 3.343-3.867 3.786zm-.291-13.186c1.925.443 3.419 1.913 3.867 3.785l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zM7.482 6.636c-2.395.551-4.275 2.387-4.84 4.75l1.264.303c.448-1.872 1.942-3.343 3.867-3.785l-.291-1.267zM12.268 21l.083-2.523c.079-.573.221-.867.433-1.075l-.91-.928c-.499.489-.712 1.104-.811 1.827-.096.702-.095 1.596-.095 2.699zm4.205-5.409c-1.126 0-2.035-.001-2.748.093-.731.096-1.354.303-1.85.79l.91.928c.214-.21.519-.352 1.11-.43.609-.08 1.416-.082 2.579-.082z'/%3e%3c/g%3e%3cpath stroke='%233e3f58' stroke-linecap='round' stroke-width='1.3' d='M7 11h3m-3 3h5'/%3e%3c/svg%3e";
+var MBIconCopy = img$b;
 
-var img$j = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='url(%23a)' d='M35 9.583v20.834A4.59 4.59 0 0 1 30.417 35h-4.584V23.333h3.017a.84.84 0 0 0 .833-.733l.309-2.5a.8.8 0 0 0-.2-.65.82.82 0 0 0-.625-.283h-3.334V16.25c0-.917.75-1.667 1.667-1.667h1.667A.836.836 0 0 0 30 13.75v-2.817a.84.84 0 0 0-.758-.825A32 32 0 0 0 26.525 10c-3.667 0-5.692 2.183-5.692 6.142v3.025H17.5a.836.836 0 0 0-.833.833v2.5c0 .458.375.833.833.833h3.333V35H9.583A4.59 4.59 0 0 1 5 30.417V9.583A4.59 4.59 0 0 1 9.583 5h20.834A4.59 4.59 0 0 1 35 9.583'/%3e%3cdefs%3e%3clinearGradient id='a' x1='20' x2='20' y1='5' y2='35' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%234DABF7'/%3e%3cstop offset='1' stop-color='%232668DA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
-var MBIconFacebook = img$j;
+var img$a = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='url(%23a)' d='M35 9.583v20.834A4.59 4.59 0 0 1 30.417 35h-4.584V23.333h3.017a.84.84 0 0 0 .833-.733l.309-2.5a.8.8 0 0 0-.2-.65.82.82 0 0 0-.625-.283h-3.334V16.25c0-.917.75-1.667 1.667-1.667h1.667A.836.836 0 0 0 30 13.75v-2.817a.84.84 0 0 0-.758-.825A32 32 0 0 0 26.525 10c-3.667 0-5.692 2.183-5.692 6.142v3.025H17.5a.836.836 0 0 0-.833.833v2.5c0 .458.375.833.833.833h3.333V35H9.583A4.59 4.59 0 0 1 5 30.417V9.583A4.59 4.59 0 0 1 9.583 5h20.834A4.59 4.59 0 0 1 35 9.583'/%3e%3cdefs%3e%3clinearGradient id='a' x1='20' x2='20' y1='5' y2='35' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%234DABF7'/%3e%3cstop offset='1' stop-color='%232668DA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+var MBIconFacebook = img$a;
 
-var img$i = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='40' fill='none'%3e%3cpath fill='%230078D4' d='M35.5 30.833A4.166 4.166 0 0 1 31.333 35H9.667A4.167 4.167 0 0 1 5.5 30.833V9.167A4.167 4.167 0 0 1 9.667 5h21.666A4.166 4.166 0 0 1 35.5 9.167z'/%3e%3cpath fill='black' d='M25.5 30.833v-8.416c0-1.408-.683-2.248-1.827-2.248-.68 0-1.179.382-1.483 1.136-.014.053-.034.271-.026.928l.002 8.6h-5.833V14.999h5.833v.884c.852-.587 1.896-.884 3.115-.884 3.79 0 6.05 2.578 6.05 6.895l.002 8.939zm-15.834 0V14.999h2.88c-1.668 0-2.88-1.226-2.88-2.917s1.232-2.916 2.928-2.916c1.677 0 2.871 1.192 2.905 2.9 0 1.702-1.232 2.933-2.929 2.933h2.93v15.834z' opacity='.05'/%3e%3cpath fill='black' d='M25.917 30.417v-7.999c0-1.644-.859-2.665-2.243-2.665-1.08 0-1.613.76-1.87 1.398-.067.166-.058.824-.055 1.105l.002 8.161h-5v-15h5v1.365c.662-.686 1.729-1.365 3.531-1.365 3.528 0 5.634 2.422 5.634 6.479l.001 8.521zm-15.833 0v-15h5v15zm2.464-15.833c-1.427 0-2.464-1.052-2.464-2.5 0-1.45 1.057-2.5 2.512-2.5 1.436 0 2.459 1.024 2.488 2.49 0 1.458-1.057 2.51-2.512 2.51z' opacity='.07'/%3e%3cpath fill='white' d='M10.5 15.833h4.167V30H10.5zm2.07-1.666h-.023c-1.243 0-2.047-.927-2.047-2.085 0-1.182.83-2.082 2.095-2.082 1.268 0 2.048.9 2.072 2.082 0 1.157-.804 2.085-2.096 2.085M30.5 30h-4.167v-7.582c0-1.832-1.02-3.082-2.66-3.082-1.25 0-1.927.843-2.255 1.658-.12.292-.085 1.099-.085 1.506V30h-4.166V15.833h4.166v2.18c.601-.93 1.542-2.18 3.949-2.18 2.981 0 5.217 1.875 5.217 6.062z'/%3e%3c/svg%3e";
-var MBIconLinkedIn = img$i;
+var img$9 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='40' fill='none'%3e%3cpath fill='%230078D4' d='M35.5 30.833A4.166 4.166 0 0 1 31.333 35H9.667A4.167 4.167 0 0 1 5.5 30.833V9.167A4.167 4.167 0 0 1 9.667 5h21.666A4.166 4.166 0 0 1 35.5 9.167z'/%3e%3cpath fill='black' d='M25.5 30.833v-8.416c0-1.408-.683-2.248-1.827-2.248-.68 0-1.179.382-1.483 1.136-.014.053-.034.271-.026.928l.002 8.6h-5.833V14.999h5.833v.884c.852-.587 1.896-.884 3.115-.884 3.79 0 6.05 2.578 6.05 6.895l.002 8.939zm-15.834 0V14.999h2.88c-1.668 0-2.88-1.226-2.88-2.917s1.232-2.916 2.928-2.916c1.677 0 2.871 1.192 2.905 2.9 0 1.702-1.232 2.933-2.929 2.933h2.93v15.834z' opacity='.05'/%3e%3cpath fill='black' d='M25.917 30.417v-7.999c0-1.644-.859-2.665-2.243-2.665-1.08 0-1.613.76-1.87 1.398-.067.166-.058.824-.055 1.105l.002 8.161h-5v-15h5v1.365c.662-.686 1.729-1.365 3.531-1.365 3.528 0 5.634 2.422 5.634 6.479l.001 8.521zm-15.833 0v-15h5v15zm2.464-15.833c-1.427 0-2.464-1.052-2.464-2.5 0-1.45 1.057-2.5 2.512-2.5 1.436 0 2.459 1.024 2.488 2.49 0 1.458-1.057 2.51-2.512 2.51z' opacity='.07'/%3e%3cpath fill='white' d='M10.5 15.833h4.167V30H10.5zm2.07-1.666h-.023c-1.243 0-2.047-.927-2.047-2.085 0-1.182.83-2.082 2.095-2.082 1.268 0 2.048.9 2.072 2.082 0 1.157-.804 2.085-2.096 2.085M30.5 30h-4.167v-7.582c0-1.832-1.02-3.082-2.66-3.082-1.25 0-1.927.843-2.255 1.658-.12.292-.085 1.099-.085 1.506V30h-4.166V15.833h4.166v2.18c.601-.93 1.542-2.18 3.949-2.18 2.981 0 5.217 1.875 5.217 6.062z'/%3e%3c/svg%3e";
+var MBIconLinkedIn = img$9;
 
-var img$h = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='url(%23a)' d='M36.667 19.584c0 8.975-7.458 16.25-16.666 16.25a17 17 0 0 1-3.987-.47 1.68 1.68 0 0 0-1.15.12l-3.647 1.825a1.417 1.417 0 0 1-2.05-1.267v-3.355a1.7 1.7 0 0 0-.567-1.249c-3.245-2.966-5.266-7.179-5.266-11.854 0-8.975 7.458-16.25 16.667-16.25 9.208 0 16.666 7.275 16.666 16.25'/%3e%3cpath fill='black' d='M29.16 14.41c-.357 0-.703.118-1 .343l-4.745 3.512a.6.6 0 0 1-.363.125.56.56 0 0 1-.341-.113l-3.31-2.492a3.82 3.82 0 0 0-2.298-.765c-1.313 0-2.52.66-3.23 1.764l-1.009 1.575-3.433 5.58a1.63 1.63 0 0 0-.06 1.678c.299.545.862.883 1.47.883.357 0 .703-.118 1-.342l4.746-3.513a.6.6 0 0 1 .362-.125c.125 0 .243.04.342.114l3.31 2.491a3.82 3.82 0 0 0 2.297.765 3.82 3.82 0 0 0 3.23-1.763l1.01-1.576 3.433-5.58a1.63 1.63 0 0 0 .059-1.678 1.68 1.68 0 0 0-1.47-.883' opacity='.05'/%3e%3cpath fill='black' d='M29.161 14.826c-.266 0-.525.09-.75.258L23.665 18.6c-.18.136-.39.207-.61.207a.98.98 0 0 1-.591-.197l-3.311-2.492a3.4 3.4 0 0 0-2.048-.68c-1.17 0-2.246.587-2.879 1.572l-1.008 1.575-3.43 5.574c-.247.387-.266.86-.048 1.259.222.405.656.667 1.104.667.266 0 .525-.09.75-.259l4.747-3.515c.18-.136.39-.206.61-.206a.98.98 0 0 1 .592.196l3.31 2.493c.6.446 1.307.68 2.048.68a3.41 3.41 0 0 0 2.88-1.572l1.008-1.576 3.429-5.573c.247-.387.267-.86.048-1.26a1.28 1.28 0 0 0-1.104-.666Z' opacity='.07'/%3e%3cpath fill='white' d='m28.663 15.417-4.75 3.516c-.509.384-1.2.384-1.7.009L18.9 16.449a3.004 3.004 0 0 0-4.325.784l-1.008 1.575-3.425 5.566c-.5.784.458 1.675 1.2 1.117l4.75-3.517a1.41 1.41 0 0 1 1.7-.008l3.311 2.492a3.004 3.004 0 0 0 4.325-.783l1.009-1.575 3.425-5.567c.5-.783-.459-1.675-1.2-1.116Z'/%3e%3cdefs%3e%3cradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='translate(9.24 35.816)scale(39.6767)' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='.079' stop-color='%232982FF'/%3e%3cstop offset='.23' stop-color='%234E69FF'/%3e%3cstop offset='.351' stop-color='%236559FF'/%3e%3cstop offset='.428' stop-color='%236D53FF'/%3e%3cstop offset='.754' stop-color='%23DF47AA'/%3e%3cstop offset='.946' stop-color='%23FF6257'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e";
-var MBIconMessenger = img$h;
+var img$8 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='url(%23a)' d='M36.667 19.584c0 8.975-7.458 16.25-16.666 16.25a17 17 0 0 1-3.987-.47 1.68 1.68 0 0 0-1.15.12l-3.647 1.825a1.417 1.417 0 0 1-2.05-1.267v-3.355a1.7 1.7 0 0 0-.567-1.249c-3.245-2.966-5.266-7.179-5.266-11.854 0-8.975 7.458-16.25 16.667-16.25 9.208 0 16.666 7.275 16.666 16.25'/%3e%3cpath fill='black' d='M29.16 14.41c-.357 0-.703.118-1 .343l-4.745 3.512a.6.6 0 0 1-.363.125.56.56 0 0 1-.341-.113l-3.31-2.492a3.82 3.82 0 0 0-2.298-.765c-1.313 0-2.52.66-3.23 1.764l-1.009 1.575-3.433 5.58a1.63 1.63 0 0 0-.06 1.678c.299.545.862.883 1.47.883.357 0 .703-.118 1-.342l4.746-3.513a.6.6 0 0 1 .362-.125c.125 0 .243.04.342.114l3.31 2.491a3.82 3.82 0 0 0 2.297.765 3.82 3.82 0 0 0 3.23-1.763l1.01-1.576 3.433-5.58a1.63 1.63 0 0 0 .059-1.678 1.68 1.68 0 0 0-1.47-.883' opacity='.05'/%3e%3cpath fill='black' d='M29.161 14.826c-.266 0-.525.09-.75.258L23.665 18.6c-.18.136-.39.207-.61.207a.98.98 0 0 1-.591-.197l-3.311-2.492a3.4 3.4 0 0 0-2.048-.68c-1.17 0-2.246.587-2.879 1.572l-1.008 1.575-3.43 5.574c-.247.387-.266.86-.048 1.259.222.405.656.667 1.104.667.266 0 .525-.09.75-.259l4.747-3.515c.18-.136.39-.206.61-.206a.98.98 0 0 1 .592.196l3.31 2.493c.6.446 1.307.68 2.048.68a3.41 3.41 0 0 0 2.88-1.572l1.008-1.576 3.429-5.573c.247-.387.267-.86.048-1.26a1.28 1.28 0 0 0-1.104-.666Z' opacity='.07'/%3e%3cpath fill='white' d='m28.663 15.417-4.75 3.516c-.509.384-1.2.384-1.7.009L18.9 16.449a3.004 3.004 0 0 0-4.325.784l-1.008 1.575-3.425 5.566c-.5.784.458 1.675 1.2 1.117l4.75-3.517a1.41 1.41 0 0 1 1.7-.008l3.311 2.492a3.004 3.004 0 0 0 4.325-.783l1.009-1.575 3.425-5.567c.5-.783-.459-1.675-1.2-1.116Z'/%3e%3cdefs%3e%3cradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='translate(9.24 35.816)scale(39.6767)' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='.079' stop-color='%232982FF'/%3e%3cstop offset='.23' stop-color='%234E69FF'/%3e%3cstop offset='.351' stop-color='%236559FF'/%3e%3cstop offset='.428' stop-color='%236D53FF'/%3e%3cstop offset='.754' stop-color='%23DF47AA'/%3e%3cstop offset='.946' stop-color='%23FF6257'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e";
+var MBIconMessenger = img$8;
 
-var img$g = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='%2303A9F4' d='M35 30.833A4.167 4.167 0 0 1 30.833 35H9.167A4.166 4.166 0 0 1 5 30.833V9.167A4.166 4.166 0 0 1 9.167 5h21.666C33.134 5 35 6.865 35 9.167z'/%3e%3cpath fill='white' d='M30 14.267c-.735.325-1.666.631-2.5.733.848-.503 2.194-1.552 2.5-2.5-.793.466-2.226.963-3.16 1.143-.747-.791-1.812-1.143-2.992-1.143C21.58 12.5 20 14.42 20 16.667v1.666c-3.333 0-6.583-2.539-8.606-5a4 4 0 0 0-.556 2.048c0 1.516 1.393 3.054 2.495 3.786-.672-.021-1.946-.535-2.5-.834v.048c0 1.972 1.384 3.311 3.26 3.685-.342.094-.76.434-2.366.434.521 1.613 3.144 2.465 4.94 2.5-1.405 1.09-3.91 1.667-5.834 1.667-.332 0-.512.018-.833-.02 1.815 1.15 4.35 1.686 6.667 1.686 7.547 0 11.666-5.765 11.666-11.141 0-.177-.005-.769-.015-.942.807-.568 1.134-1.163 1.682-1.983'/%3e%3c/svg%3e";
-var MBIconTwitter = img$g;
+var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='%2303A9F4' d='M35 30.833A4.167 4.167 0 0 1 30.833 35H9.167A4.166 4.166 0 0 1 5 30.833V9.167A4.166 4.166 0 0 1 9.167 5h21.666C33.134 5 35 6.865 35 9.167z'/%3e%3cpath fill='white' d='M30 14.267c-.735.325-1.666.631-2.5.733.848-.503 2.194-1.552 2.5-2.5-.793.466-2.226.963-3.16 1.143-.747-.791-1.812-1.143-2.992-1.143C21.58 12.5 20 14.42 20 16.667v1.666c-3.333 0-6.583-2.539-8.606-5a4 4 0 0 0-.556 2.048c0 1.516 1.393 3.054 2.495 3.786-.672-.021-1.946-.535-2.5-.834v.048c0 1.972 1.384 3.311 3.26 3.685-.342.094-.76.434-2.366.434.521 1.613 3.144 2.465 4.94 2.5-1.405 1.09-3.91 1.667-5.834 1.667-.332 0-.512.018-.833-.02 1.815 1.15 4.35 1.686 6.667 1.686 7.547 0 11.666-5.765 11.666-11.141 0-.177-.005-.769-.015-.942.807-.568 1.134-1.163 1.682-1.983'/%3e%3c/svg%3e";
+var MBIconTwitter = img$7;
 
-var img$f = "data:image/png;base64,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";
-  var MBIconZalo = img$f;
+var img$6 = "data:image/png;base64,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";
+  var MBIconZalo = img$6;
 
-var img$e = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3cpath fill='%233B5998' d='M30.734 0H2.254A1.766 1.766 0 0 0 .5 1.766v28.48C.507 31.217 1.296 32 2.266 32h15.328V19.626h-4.16V14.78h4.16v-3.565c0-4.131 2.525-6.384 6.212-6.384a34 34 0 0 1 3.724.192v4.32h-2.54c-2.007 0-2.397.96-2.397 2.352v3.085h4.787l-.64 4.845h-4.16V32h8.154c.975 0 1.766-.79 1.766-1.766V1.754A1.766 1.766 0 0 0 30.734 0'/%3e%3c/svg%3e";
-var IconFacebook = img$e;
+var img$5 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3cpath fill='%233B5998' d='M30.734 0H2.254A1.766 1.766 0 0 0 .5 1.766v28.48C.507 31.217 1.296 32 2.266 32h15.328V19.626h-4.16V14.78h4.16v-3.565c0-4.131 2.525-6.384 6.212-6.384a34 34 0 0 1 3.724.192v4.32h-2.54c-2.007 0-2.397.96-2.397 2.352v3.085h4.787l-.64 4.845h-4.16V32h8.154c.975 0 1.766-.79 1.766-1.766V1.754A1.766 1.766 0 0 0 30.734 0'/%3e%3c/svg%3e";
+var IconFacebook = img$5;
 
-var img$d = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3crect width='32' height='32' x='.5' fill='%230077B5' rx='4'/%3e%3cpath fill='white' fill-rule='evenodd' d='M11.357 9.07c-.022-1.094-.744-1.927-1.917-1.927S7.5 7.976 7.5 9.07C7.5 10.143 8.244 11 9.395 11h.022c1.196 0 1.94-.857 1.94-1.93m0 3.216H7.5v11.571h3.857zm9.294 0c2.771 0 4.849 1.616 4.849 5.089v6.482h-4.212V17.81c0-1.52-.609-2.556-2.134-2.556-1.163 0-1.856.698-2.16 1.374-.112.242-.14.579-.14.917v6.313h-4.211s.055-10.244 0-11.305h4.212v1.601c.559-.77 1.56-1.867 3.796-1.867' clip-rule='evenodd'/%3e%3c/svg%3e";
-var IconLinkedIn = img$d;
+var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3crect width='32' height='32' x='.5' fill='%230077B5' rx='4'/%3e%3cpath fill='white' fill-rule='evenodd' d='M11.357 9.07c-.022-1.094-.744-1.927-1.917-1.927S7.5 7.976 7.5 9.07C7.5 10.143 8.244 11 9.395 11h.022c1.196 0 1.94-.857 1.94-1.93m0 3.216H7.5v11.571h3.857zm9.294 0c2.771 0 4.849 1.616 4.849 5.089v6.482h-4.212V17.81c0-1.52-.609-2.556-2.134-2.556-1.163 0-1.856.698-2.16 1.374-.112.242-.14.579-.14.917v6.313h-4.211s.055-10.244 0-11.305h4.212v1.601c.559-.77 1.56-1.867 3.796-1.867' clip-rule='evenodd'/%3e%3c/svg%3e";
+var IconLinkedIn = img$4;
 
-var img$c = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3crect width='32' height='32' x='.5' fill='%231FA1F3' rx='4'/%3e%3cpath fill='white' fill-rule='evenodd' d='m16.23 13.235.04.634-.673-.077c-2.455-.298-4.6-1.308-6.42-3.004l-.89-.842-.23.622c-.486 1.385-.175 2.848.836 3.832.54.544.418.621-.512.298-.324-.104-.607-.181-.634-.143-.095.091.229 1.27.485 1.735.35.648 1.066 1.282 1.848 1.657l.66.298-.781.013c-.756 0-.783.013-.702.285.27.841 1.335 1.735 2.523 2.123l.836.272-.729.414a7.9 7.9 0 0 1-3.614.958c-.607.013-1.106.065-1.106.104 0 .13 1.645.854 2.603 1.14 2.873.84 6.285.478 8.848-.959 1.82-1.023 3.641-3.055 4.491-5.023.459-1.049.917-2.965.917-3.884 0-.596.04-.673.796-1.385.445-.415.863-.868.944-.997.135-.246.122-.246-.566-.026-1.147.388-1.309.337-.742-.246.418-.414.917-1.165.917-1.385 0-.04-.202.026-.432.142-.242.13-.782.324-1.187.44l-.728.22-.66-.427c-.365-.233-.877-.492-1.147-.57-.688-.18-1.74-.155-2.36.052-1.687.583-2.752 2.085-2.63 3.729Z' clip-rule='evenodd'/%3e%3c/svg%3e";
-var IconTwitter = img$c;
+var img$3 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3crect width='32' height='32' x='.5' fill='%231FA1F3' rx='4'/%3e%3cpath fill='white' fill-rule='evenodd' d='m16.23 13.235.04.634-.673-.077c-2.455-.298-4.6-1.308-6.42-3.004l-.89-.842-.23.622c-.486 1.385-.175 2.848.836 3.832.54.544.418.621-.512.298-.324-.104-.607-.181-.634-.143-.095.091.229 1.27.485 1.735.35.648 1.066 1.282 1.848 1.657l.66.298-.781.013c-.756 0-.783.013-.702.285.27.841 1.335 1.735 2.523 2.123l.836.272-.729.414a7.9 7.9 0 0 1-3.614.958c-.607.013-1.106.065-1.106.104 0 .13 1.645.854 2.603 1.14 2.873.84 6.285.478 8.848-.959 1.82-1.023 3.641-3.055 4.491-5.023.459-1.049.917-2.965.917-3.884 0-.596.04-.673.796-1.385.445-.415.863-.868.944-.997.135-.246.122-.246-.566-.026-1.147.388-1.309.337-.742-.246.418-.414.917-1.165.917-1.385 0-.04-.202.026-.432.142-.242.13-.782.324-1.187.44l-.728.22-.66-.427c-.365-.233-.877-.492-1.147-.57-.688-.18-1.74-.155-2.36.052-1.687.583-2.752 2.085-2.63 3.729Z' clip-rule='evenodd'/%3e%3c/svg%3e";
+var IconTwitter = img$3;
 
 const getSocialList = (shareUrl, isMarryBaby) => isMarryBaby
     ? [
@@ -5166,8 +3588,8 @@ const StyledSubmitReportForm = styled.div `
   }
 `;
 
-var img$b = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 5v3M8 11h.007'/%3e%3c/svg%3e";
-var IconAlertCircle = img$b;
+var img$2 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 5v3M8 11h.007'/%3e%3c/svg%3e";
+var IconAlertCircle = img$2;
 
 const SubmitReportForm = ({ className, style, reason, reasonText, onClose, postId, }) => {
     const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
@@ -5552,8 +3974,8 @@ const StyledNotificationBar = styled(NotificationBar) `
   margin-bottom: 16px;
 `;
 
-var img$a = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.05 18.06 4 12.038l6.05-6.025M4.002 12.035h15'/%3e%3c/svg%3e";
-var IconArrowLeft = img$a;
+var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.05 18.06 4 12.038l6.05-6.025M4.002 12.035h15'/%3e%3c/svg%3e";
+var IconArrowLeft = img$1;
 
 const ImagePreviewPopup = ({ className, style, authorName, images, onClose, onOpenSingleView, alt, }) => {
     const { t } = useTranslations();
@@ -5658,8 +4080,8 @@ const StyledCircleArrow = styled.div `
   }
 `;
 
-var img$9 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m6 12.813 4-4-4-4'/%3e%3c/svg%3e";
-var ChevronRightIcon = img$9;
+var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m6 12.813 4-4-4-4'/%3e%3c/svg%3e";
+var ChevronRightIcon = img;
 
 const PostSingleImageViewPopup = ({ initialViewIndex, images, onClose, alt, }) => {
     const [viewIndex, setViewIndex] = useState(initialViewIndex);
@@ -5953,30 +4375,30 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
         React__default.createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default.createElement(Loading$1, { className: "loading-spinner" })) : (React__default.createElement(ImageWrap, { className: "link-image", src: displayImage || DEFAULT_IMG, backupSrc: DEFAULT_IMG, alt: displayUrl })))))));
 };
 
-var styles$f = {"loading":"PD6nRZX"};
+var styles$c = {"loading":"PD6nRZX"};
 
 const Loading = ({ className, size = 'md' }) => {
     const { t } = useTranslations();
-    return (React__default.createElement("div", { className: `${styles$f.loading} ${className}` },
+    return (React__default.createElement("div", { className: `${styles$c.loading} ${className}` },
         React__default.createElement(Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
 };
 
-var styles$e = {"category":"l5fL1xL","title":"L-aGKo7"};
+var styles$b = {"category":"l5fL1xL","title":"L-aGKo7"};
 
 const CategoryText = ({ children, className = '' }) => {
-    return React__default.createElement("div", { className: `${styles$e.category} ${className}` }, children);
+    return React__default.createElement("div", { className: `${styles$b.category} ${className}` }, children);
 };
 const Title = ({ children, className = '' }) => {
-    return React__default.createElement("div", { className: `${styles$e.title} ${className}` }, children);
+    return React__default.createElement("div", { className: `${styles$b.title} ${className}` }, children);
 };
 
-var styles$d = {"container":"eaR8ATZ","info":"xM-7K0a"};
+var styles$a = {"container":"eaR8ATZ","info":"xM-7K0a"};
 
-var styles$c = {"inner":"DZmf3s7"};
+var styles$9 = {"inner":"DZmf3s7"};
 
 const Thumbnail = ({ src, defaultSrc = CommonGAssets.getAssetPath('logo/logomark.png'), ratio = 1, size = 80, radius = 8, alt, className = '', }) => {
     return (React__default.createElement("div", { className: className },
-        React__default.createElement("div", { className: styles$c.inner, style: {
+        React__default.createElement("div", { className: styles$9.inner, style: {
                 width: `${size}px`,
                 height: `${size * ratio}px`,
                 borderRadius: `${radius}px`,
@@ -5985,9 +4407,9 @@ const Thumbnail = ({ src, defaultSrc = CommonGAssets.getAssetPath('logo/logomark
 };
 
 const CardArticle = ({ category, title, src, children, className = '', }) => {
-    return (React__default.createElement("div", { className: `${styles$d.container} ${className}` },
+    return (React__default.createElement("div", { className: `${styles$a.container} ${className}` },
         React__default.createElement(Thumbnail, { src: src }),
-        React__default.createElement("div", { className: styles$d.info }, children || (React__default.createElement("div", null,
+        React__default.createElement("div", { className: styles$a.info }, children || (React__default.createElement("div", null,
             category && React__default.createElement(CategoryText, null, category),
             title && React__default.createElement(Title, null, title))))));
 };
@@ -6009,7 +4431,7 @@ const ArticleCard = ({ featureImage, postTitle, author, categories, isReview, cl
                     'Dec 12, 2022') }))));
 };
 
-var styles$b = {"container":"SFSgnOz","header":"Tf3aoVa","heading":"TOt4QXl","headingIcon":"_5XYN1KT","accBodyGroup":"yE-tZRj","accBodyGroupItem":"LXiGuGT","accBodyGroupDesc":"r4rx-6v","subTitle":"XrHh8-C","subIcon":"c5-Yecd","group":"UBj6nWr","groupBody":"_2vptVBd","articleCardLink":"ZPDAwiR","relatedList":"_6wJn-NR","socialItem":"_21XDdFv","mbChevronWrapper":"LSyr3Zo"};
+var styles$8 = {"container":"SFSgnOz","header":"Tf3aoVa","heading":"TOt4QXl","headingIcon":"_5XYN1KT","accBodyGroup":"yE-tZRj","accBodyGroupItem":"LXiGuGT","accBodyGroupDesc":"r4rx-6v","subTitle":"XrHh8-C","subIcon":"c5-Yecd","group":"UBj6nWr","groupBody":"_2vptVBd","articleCardLink":"ZPDAwiR","relatedList":"_6wJn-NR","socialItem":"_21XDdFv","mbChevronWrapper":"LSyr3Zo"};
 
 const ProfileDetailContext = createContext({});
 
@@ -6058,9 +4480,9 @@ const About = ({ className = '' }) => {
                     heading: t('profilePanel.experience'),
                     iconSrc: CommonGAssets.getAssetPath(isMarryBaby ? 'award-doc-mb.svg' : 'award-doc.svg'),
                     eventAction: 'Doctor Experience Click',
-                    panel: (React__default.createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.experiences.map((i, idx) => (React__default.createElement("div", { className: styles$b.accBodyGroupItem, key: String(idx) },
-                        React__default.createElement("div", { className: styles$b.accBodyGroupTitle }, i.title),
-                        React__default.createElement("div", { className: styles$b.accBodyGroupDesc },
+                    panel: (React__default.createElement("div", { className: styles$8.accBodyGroup }, info === null || info === void 0 ? void 0 : info.experiences.map((i, idx) => (React__default.createElement("div", { className: styles$8.accBodyGroupItem, key: String(idx) },
+                        React__default.createElement("div", { className: styles$8.accBodyGroupTitle }, i.title),
+                        React__default.createElement("div", { className: styles$8.accBodyGroupDesc },
                             React__default.createElement("p", null, i.organization),
                             React__default.createElement("p", null, i.duration))))))),
                 },
@@ -6073,9 +4495,9 @@ const About = ({ className = '' }) => {
                     heading: t('profilePanel.education'),
                     iconSrc: CommonGAssets.getAssetPath(isMarryBaby ? 'book-mb.svg' : 'book.svg'),
                     eventAction: 'Doctor Degree Click',
-                    panel: (React__default.createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.educations.map((i, idx) => (React__default.createElement("div", { className: styles$b.accBodyGroupItem, key: String(idx) },
-                        React__default.createElement("div", { className: styles$b.accBodyGroupTitle }, i.schoolName),
-                        React__default.createElement("div", { className: styles$b.accBodyGroupDesc },
+                    panel: (React__default.createElement("div", { className: styles$8.accBodyGroup }, info === null || info === void 0 ? void 0 : info.educations.map((i, idx) => (React__default.createElement("div", { className: styles$8.accBodyGroupItem, key: String(idx) },
+                        React__default.createElement("div", { className: styles$8.accBodyGroupTitle }, i.schoolName),
+                        React__default.createElement("div", { className: styles$8.accBodyGroupDesc },
                             React__default.createElement("p", null, i.study),
                             React__default.createElement("p", null, i.completedYear))))))),
                 },
@@ -6088,15 +4510,15 @@ const About = ({ className = '' }) => {
                     heading: t('profilePanel.awards'),
                     iconSrc: CommonGAssets.getAssetPath(isMarryBaby ? 'award-mb.svg' : 'award.svg'),
                     eventAction: 'Doctor Award Click',
-                    panel: (React__default.createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.awards.map((i, idx) => (React__default.createElement("div", { className: styles$b.accBodyGroupTitle, key: idx }, i.title))))),
+                    panel: (React__default.createElement("div", { className: styles$8.accBodyGroup }, info === null || info === void 0 ? void 0 : info.awards.map((i, idx) => (React__default.createElement("div", { className: styles$8.accBodyGroupTitle, key: idx }, i.title))))),
                 },
             ]
             : []),
     ];
     const relatedPost = (info === null || info === void 0 ? void 0 : info.relatedPosts) || [];
     const socialList = social.filter((i) => i.url);
-    return (React__default.createElement("div", { className: `${styles$b.container} ${className}`, "data-is-marrybaby": isMarryBaby },
-        accProps.length > 0 && (React__default.createElement(Accordion, { defaultValue: accProps[0].key, chevron: isMarryBaby ? (React__default.createElement("div", { className: styles$b.mbChevronWrapper },
+    return (React__default.createElement("div", { className: `${styles$8.container} ${className}`, "data-is-marrybaby": isMarryBaby },
+        accProps.length > 0 && (React__default.createElement(Accordion, { defaultValue: accProps[0].key, chevron: isMarryBaby ? (React__default.createElement("div", { className: styles$8.mbChevronWrapper },
                 React__default.createElement(Plus, { size: 12, color: theme.mbColors.midGray }))) : (React__default.createElement(Plus, { color: theme.colors.gray400 })), styles: {
                 chevron: {
                     '&[data-rotate]': {
@@ -6128,33 +4550,33 @@ const About = ({ className = '' }) => {
                 },
             } }, accProps.map((i) => (React__default.createElement(Accordion.Item, { key: i.key, value: i.key },
             React__default.createElement(Accordion.Control, { "data-event-category": "Together", "data-event-action": i.eventAction, "data-event-label": currentPageUrl },
-                React__default.createElement("div", { className: styles$b.header },
-                    React__default.createElement("div", { className: styles$b.headingIcon },
+                React__default.createElement("div", { className: styles$8.header },
+                    React__default.createElement("div", { className: styles$8.headingIcon },
                         React__default.createElement("img", { src: i.iconSrc, loading: "lazy" })),
-                    React__default.createElement("div", { className: styles$b.heading }, i.heading))),
+                    React__default.createElement("div", { className: styles$8.heading }, i.heading))),
             React__default.createElement(Accordion.Panel, null, i.panel)))))),
-        relatedPost.length > 0 && (React__default.createElement("div", { className: styles$b.group },
-            React__default.createElement("div", { className: styles$b.subTitle },
-                React__default.createElement("img", { className: styles$b.subIcon, src: CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
+        relatedPost.length > 0 && (React__default.createElement("div", { className: styles$8.group },
+            React__default.createElement("div", { className: styles$8.subTitle },
+                React__default.createElement("img", { className: styles$8.subIcon, src: CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
                 t('profilePanel.publishedArticles')),
-            React__default.createElement("div", { className: `${styles$b.relatedList}` }, info === null || info === void 0 ? void 0 : info.relatedPosts.map((i) => (React__default.createElement("a", { key: String(i.id), href: `${window.location.origin}${i === null || i === void 0 ? void 0 : i.permalink}`, className: styles$b.articleCardLink },
+            React__default.createElement("div", { className: `${styles$8.relatedList}` }, info === null || info === void 0 ? void 0 : info.relatedPosts.map((i) => (React__default.createElement("a", { key: String(i.id), href: `${window.location.origin}${i === null || i === void 0 ? void 0 : i.permalink}`, className: styles$8.articleCardLink },
                 React__default.createElement(ArticleCard, Object.assign({ className: 'article-card' }, Object.assign(Object.assign({}, i), (!i.author && {
                     author: {
                         displayName: authorProps === null || authorProps === void 0 ? void 0 : authorProps.name,
                         avatar: authorProps === null || authorProps === void 0 ? void 0 : authorProps.avatar,
                     },
                 })), { isReview: true })))))))),
-        socialList.length > 0 && (React__default.createElement("div", { className: styles$b.group },
-            React__default.createElement("div", { className: styles$b.subTitle },
-                React__default.createElement("img", { className: styles$b.subIcon, src: CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
+        socialList.length > 0 && (React__default.createElement("div", { className: styles$8.group },
+            React__default.createElement("div", { className: styles$8.subTitle },
+                React__default.createElement("img", { className: styles$8.subIcon, src: CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
                 t('profilePanel.socialLinks')),
-            React__default.createElement("div", { className: styles$b.groupBody },
-                React__default.createElement(Flex, null, social.map((i, idx) => i.url && (React__default.createElement("div", { className: styles$b.socialItem, key: idx },
+            React__default.createElement("div", { className: styles$8.groupBody },
+                React__default.createElement(Flex, null, social.map((i, idx) => i.url && (React__default.createElement("div", { className: styles$8.socialItem, key: idx },
                     React__default.createElement("a", { href: i.url, target: "_blank", rel: "noreferrer" },
                         React__default.createElement("img", { src: i.icon, loading: "lazy", width: "32px", "data-event-category": "Together", "data-event-action": i.eventAction, "data-event-label": currentPageUrl })))))))))));
 };
 
-var styles$a = {"container":"GYUElSy","question":"_3C6QpT1","questionTitle":"_9M9VYL6","community":"_1RuSyv3","questionCard":"_1IG-eEp"};
+var styles$7 = {"container":"GYUElSy","question":"_3C6QpT1","questionTitle":"_9M9VYL6","community":"_1RuSyv3","questionCard":"_1IG-eEp"};
 
 const PostCard$1 = ({ post, className = '' }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -6162,23 +4584,23 @@ const PostCard$1 = ({ post, className = '' }) => {
     const { data: { userInfo, env: { togetherBasePath }, }, } = useContext(TogetherComponentGlobalContext);
     const { authActionWrapper, authorProps, currentPageUrl } = useContext(ProfileDetailContext);
     const postHref = `${window.location.origin}${togetherBasePath}/${(_a = post === null || post === void 0 ? void 0 : post.community) === null || _a === void 0 ? void 0 : _a.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`;
-    return (React__default.createElement("div", { className: `${styles$a.container} ${className}` },
-        React__default.createElement("div", { className: styles$a.header },
-            React__default.createElement("div", { className: styles$a.question },
+    return (React__default.createElement("div", { className: `${styles$7.container} ${className}` },
+        React__default.createElement("div", { className: styles$7.header },
+            React__default.createElement("div", { className: styles$7.question },
                 t('profilePanel.question'),
                 ' ',
-                React__default.createElement(Anchor$1, { className: styles$a.questionTitle, href: "#", onClick: () => {
+                React__default.createElement(Anchor$1, { className: styles$7.questionTitle, href: "#", onClick: () => {
                         if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)) {
                             authActionWrapper === null || authActionWrapper === void 0 ? void 0 : authActionWrapper(() => (window.location.href = postHref));
                         }
                     } },
                     "#", post === null || post === void 0 ? void 0 :
                     post.title)),
-            React__default.createElement("div", { className: styles$a.community }, (_b = post === null || post === void 0 ? void 0 : post.community) === null || _b === void 0 ? void 0 :
+            React__default.createElement("div", { className: styles$7.community }, (_b = post === null || post === void 0 ? void 0 : post.community) === null || _b === void 0 ? void 0 :
                 _b.name,
                 " - ", post === null || post === void 0 ? void 0 :
                 post.createdTime)),
-        React__default.createElement("div", { className: styles$a.questionCard },
+        React__default.createElement("div", { className: styles$7.questionCard },
             React__default.createElement(CardAuthor, Object.assign({ className: "card-author" }, authorProps, { role: "user", avatarIcon: React__default.createElement(CrossLogo, null), subLine: React__default.createElement(CardAuthor.SubTextRow, null,
                     React__default.createElement(CardAuthor.SubText, null, (_e = (_d = (_c = post === null || post === void 0 ? void 0 : post.expertAnswer) === null || _c === void 0 ? void 0 : _c.answer) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.createdTime)) })),
             React__default.createElement(PostContent, { className: "post-content-wrapper", description: ((_h = (_g = (_f = post === null || post === void 0 ? void 0 : post.expertAnswer) === null || _f === void 0 ? void 0 : _f.answer) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.content) || '', 
@@ -6194,17 +4616,17 @@ const PostCard$1 = ({ post, className = '' }) => {
             } }, t('profilePanel.anserwing.viewFull'))));
 };
 
-var styles$9 = {"container":"MrdoES3"};
+var styles$6 = {"container":"MrdoES3"};
 
-var styles$8 = {"container":"_8fd7YMs","thumb":"DomiQfw","content":"-b2qnfL"};
+var styles$5 = {"container":"_8fd7YMs","thumb":"DomiQfw","content":"-b2qnfL"};
 
 const EmptyMessage = ({ message, buttonTxt, imgSrc, onBtnClick }) => {
     const { siteType, isMarryBaby } = useContext(ProfileDetailContext);
-    return (React__default.createElement("div", { className: styles$8.container },
-        React__default.createElement("div", { className: styles$8.thumb },
+    return (React__default.createElement("div", { className: styles$5.container },
+        React__default.createElement("div", { className: styles$5.thumb },
             React__default.createElement("img", { src: imgSrc ||
                     CommonGAssets.getAssetPath(isMarryBaby ? 'comments-mb.svg' : 'comments.svg'), loading: "lazy" })),
-        message && React__default.createElement("div", { className: styles$8.content }, message),
+        message && React__default.createElement("div", { className: styles$5.content }, message),
         buttonTxt && (React__default.createElement(Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
 };
 
@@ -6228,13 +4650,13 @@ const Answering = ({ id }) => {
                 setLoading(false);
             }))();
     }, []);
-    return (React__default.createElement("div", { className: styles$9.container }, loading ? (React__default.createElement(Loading, null)) : (posts !== null &&
+    return (React__default.createElement("div", { className: styles$6.container }, loading ? (React__default.createElement(Loading, null)) : (posts !== null &&
         (posts.length > 0 ? (posts.map((i) => (React__default.createElement(PostCard$1, { className: "post-card", key: i.id, post: i })))) : (React__default.createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
                 name: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.name) || (authorProps === null || authorProps === void 0 ? void 0 : authorProps.username),
             }) }))))));
 };
 
-var styles$7 = {"container":"toEutn7","title":"drdisHs","actions":"scNwTvv","skipBtn":"HNlhOdx"};
+var styles$4 = {"container":"toEutn7","title":"drdisHs","actions":"scNwTvv","skipBtn":"HNlhOdx"};
 
 const QuestionCard = (_a) => {
     var _b, _c, _d, _e;
@@ -6242,13 +4664,13 @@ const QuestionCard = (_a) => {
     const { data: { env: { togetherBasePath }, }, } = useContext(TogetherComponentGlobalContext);
     // const { showSkipQuestionTag } = useContext(ProfileDetailContext)
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", Object.assign({}, rest, { className: `${styles$7.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` }),
+        React__default.createElement("div", Object.assign({}, rest, { className: `${styles$4.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` }),
             React__default.createElement(CardAuthor, { className: "card-author", avatar: (_b = post === null || post === void 0 ? void 0 : post.author) === null || _b === void 0 ? void 0 : _b.avatar, name: ((_c = post === null || post === void 0 ? void 0 : post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post === null || post === void 0 ? void 0 : post.author) === null || _d === void 0 ? void 0 : _d.username), isAnonymous: Boolean(post === null || post === void 0 ? void 0 : post.isAnonymous), subLine: React__default.createElement(CardAuthor.SubTextRow, null,
                     React__default.createElement(CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime)) }),
-            React__default.createElement(Anchor$1, { href: `${window.location.origin}${togetherBasePath}/${(_e = post === null || post === void 0 ? void 0 : post.community) === null || _e === void 0 ? void 0 : _e.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`, className: styles$7.title, rel: "noreferrer" }, post === null || post === void 0 ? void 0 : post.title))));
+            React__default.createElement(Anchor$1, { href: `${window.location.origin}${togetherBasePath}/${(_e = post === null || post === void 0 ? void 0 : post.community) === null || _e === void 0 ? void 0 : _e.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`, className: styles$4.title, rel: "noreferrer" }, post === null || post === void 0 ? void 0 : post.title))));
 };
 
-var styles$6 = {"accordion":"I-uIJ6E","header":"_41WRsj2","heading":"AcOGL93","headingIcon":"JD3dWJN","panel":"dKAgnS8","chevron":"L2Q9T6m","container":"h-pSmhX"};
+var styles$3 = {"accordion":"I-uIJ6E","header":"_41WRsj2","heading":"AcOGL93","headingIcon":"JD3dWJN","panel":"dKAgnS8","chevron":"L2Q9T6m","container":"h-pSmhX"};
 
 const Care = () => {
     var _a, _b;
@@ -6293,7 +4715,7 @@ const Care = () => {
             onSkipQuestion === null || onSkipQuestion === void 0 ? void 0 : onSkipQuestion(countLists);
         }
     };
-    return (React__default.createElement("div", { className: styles$6.container }, fetchLoading ? (React__default.createElement(Loading, null)) : (countValues === null || countValues === void 0 ? void 0 : countValues.total_question) > 0 ? (communities.length > 0 && (React__default.createElement(Accordion, { className: styles$6.accordion, defaultValue: String(((_b = communities[(_a = Object.keys(communities)) === null || _a === void 0 ? void 0 : _a[0]]) === null || _b === void 0 ? void 0 : _b.id) || ''), styles: (_theme) => ({
+    return (React__default.createElement("div", { className: styles$3.container }, fetchLoading ? (React__default.createElement(Loading, null)) : (countValues === null || countValues === void 0 ? void 0 : countValues.total_question) > 0 ? (communities.length > 0 && (React__default.createElement(Accordion, { className: styles$3.accordion, defaultValue: String(((_b = communities[(_a = Object.keys(communities)) === null || _a === void 0 ? void 0 : _a[0]]) === null || _b === void 0 ? void 0 : _b.id) || ''), styles: (_theme) => ({
             control: {
                 padding: '16px',
                 border: `1px solid ${_theme.colors.neutral[1]}`,
@@ -6319,21 +4741,21 @@ const Care = () => {
             item: {
                 marginBottom: '16px',
             },
-        }), chevron: React__default.createElement("div", { className: styles$6.chevron },
+        }), chevron: React__default.createElement("div", { className: styles$3.chevron },
             React__default.createElement(ArrowDown, { color: theme.colors.gray600, size: 20 })) }, communities.map((i) => {
         const listing = (questions && (questions === null || questions === void 0 ? void 0 : questions[i.id])) || [];
         return (listing.length > 0 && (React__default.createElement(Accordion.Item, { key: i.id, value: String(i.id) },
             React__default.createElement(Accordion.Control, null,
-                React__default.createElement("div", { className: styles$6.header },
-                    React__default.createElement("div", { className: styles$6.headingIcon },
+                React__default.createElement("div", { className: styles$3.header },
+                    React__default.createElement("div", { className: styles$3.headingIcon },
                         React__default.createElement("img", { src: i.thumbnail, loading: "lazy" })),
-                    React__default.createElement("div", { className: styles$6.heading }, i.name))),
+                    React__default.createElement("div", { className: styles$3.heading }, i.name))),
             React__default.createElement(Accordion.Panel, null,
-                React__default.createElement("div", { className: styles$6.body }, listing.map((post) => (React__default.createElement(QuestionCard, { className: "question-card", key: post.id, post: post, onSkip: handleSkipQuestion }))))))));
+                React__default.createElement("div", { className: styles$3.body }, listing.map((post) => (React__default.createElement(QuestionCard, { className: "question-card", key: post.id, post: post, onSkip: handleSkipQuestion }))))))));
     })))) : (React__default.createElement(EmptyMessage, { message: t('profilePanel.emptyCareMess.content'), imgSrc: CommonGAssets.getAssetPath('questions.svg') }))));
 };
 
-var styles$5 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","questionTitle":"_6gVRc3i","community":"xOzLGrD","questionCard":"IB049vj","linkWrapper":"_8I--vEV"};
+var styles$2 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","questionTitle":"_6gVRc3i","community":"xOzLGrD","questionCard":"IB049vj","linkWrapper":"_8I--vEV"};
 
 const PostCard = ({ post, className = '' }) => {
     var _a;
@@ -6342,9 +4764,9 @@ const PostCard = ({ post, className = '' }) => {
     const theme = useMantineTheme();
     const { authActionWrapper, authorProps } = useContext(ProfileDetailContext);
     const postHref = `${window.location.origin}${togetherBasePath}/${(_a = post === null || post === void 0 ? void 0 : post.community) === null || _a === void 0 ? void 0 : _a.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`;
-    return (React__default.createElement("div", { className: `${styles$5.container} ${className}` },
-        React__default.createElement("div", { className: styles$5.questionCard },
-            React__default.createElement("a", { "data-event-category": "Together", "data-event-action": "Click Post", "data-event-label": postHref, className: styles$5.linkWrapper, href: postHref, onClick: (e) => {
+    return (React__default.createElement("div", { className: `${styles$2.container} ${className}` },
+        React__default.createElement("div", { className: styles$2.questionCard },
+            React__default.createElement("a", { "data-event-category": "Together", "data-event-action": "Click Post", "data-event-label": postHref, className: styles$2.linkWrapper, href: postHref, onClick: (e) => {
                     if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)) {
                         e.preventDefault();
                         authActionWrapper === null || authActionWrapper === void 0 ? void 0 : authActionWrapper(() => (window.location.href = postHref));
@@ -6354,14 +4776,14 @@ const PostCard = ({ post, className = '' }) => {
                     avatar: authorProps === null || authorProps === void 0 ? void 0 : authorProps.avatar,
                     size: 32,
                 } },
-                React__default.createElement(CardAuthor.MainText, { className: styles$5.mainTxt }, post === null || post === void 0 ? void 0 : post.title),
+                React__default.createElement(CardAuthor.MainText, { className: styles$2.mainTxt }, post === null || post === void 0 ? void 0 : post.title),
                 React__default.createElement(CardAuthor.SubTextRow, null,
                     React__default.createElement(CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime))),
             React__default.createElement(PostContent, { className: "post-content-wrapper", description: post === null || post === void 0 ? void 0 : post.description, mentions: post === null || post === void 0 ? void 0 : post.mentions, maxChars: 200, "data-testid": "Content of the Post", hideShowAllBtn: true }),
             React__default.createElement(Text, { size: "p3", color: theme.fn.primaryColor() }, t('post.seeMore')))));
 };
 
-var styles$4 = {"container":"TSMHoEM"};
+var styles$1 = {"container":"TSMHoEM"};
 
 const Posts = () => {
     const { t } = useTranslations();
@@ -6384,7 +4806,7 @@ const Posts = () => {
                 setLoading(false);
             }))();
     }, [id]);
-    return (React__default.createElement("div", { className: styles$4.container }, loading ? (React__default.createElement(Loading, null)) : (posts !== null &&
+    return (React__default.createElement("div", { className: styles$1.container }, loading ? (React__default.createElement(Loading, null)) : (posts !== null &&
         (posts.length > 0 ? (posts.map((i) => (React__default.createElement(PostCard, { className: "post-card", key: i.id, post: i })))) : (React__default.createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
                 name: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.name) || (authorProps === null || authorProps === void 0 ? void 0 : authorProps.username) || '',
             }), buttonTxt: isAuthorLogin && t('profilePanel.createPost'), onBtnClick: () => {
@@ -6392,7 +4814,7 @@ const Posts = () => {
             } }))))));
 };
 
-var styles$3 = {"container":"_4Vekw96","info":"DIJdGcB","body":"aQSt4-Q"};
+var styles = {"container":"_4Vekw96","info":"DIJdGcB","body":"aQSt4-Q"};
 
 const formatExperience = (data) => {
     if (!data)
@@ -6601,7 +5023,7 @@ const ProfileDetail = (_a) => {
             showSkipQuestionTag,
             currentPageUrl,
         } },
-        React__default.createElement("div", Object.assign({}, rest, { className: `${styles$3.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`, "data-is-marrybaby": isMarryBaby }), loading ? (React__default.createElement(Loading, null)) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", Object.assign({}, rest, { className: `${styles.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`, "data-is-marrybaby": isMarryBaby }), loading ? (React__default.createElement(Loading, null)) : (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(CardAuthor, Object.assign({}, authorProps, { className: "card-author", showDetailPopup: false, subLine: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.role) === 'expert'
                     ? (userData === null || userData === void 0 ? void 0 : userData.specialty) &&
                         (userData === null || userData === void 0 ? void 0 : userData.organisation) && (React__default.createElement(CardAuthor.SubTextRow, null,
@@ -6614,10 +5036,10 @@ const ProfileDetail = (_a) => {
                             t('profilePanel.joined'),
                             ' ',
                             dayjs(userData === null || userData === void 0 ? void 0 : userData.created_at).toNow(true)))) })),
-            role === 'expert' && (React__default.createElement("div", { className: styles$3.info, dangerouslySetInnerHTML: { __html: (_b = info === null || info === void 0 ? void 0 : info.data) === null || _b === void 0 ? void 0 : _b.description } })),
+            role === 'expert' && (React__default.createElement("div", { className: styles.info, dangerouslySetInnerHTML: { __html: (_b = info === null || info === void 0 ? void 0 : info.data) === null || _b === void 0 ? void 0 : _b.description } })),
             finalTabContent !== null &&
                 activeTab !== null &&
-                (finalTabContent.length > 0 ? (React__default.createElement("div", { className: styles$3.body },
+                (finalTabContent.length > 0 ? (React__default.createElement("div", { className: styles.body },
                     React__default.createElement(Tabs, Object.assign({}, tabsProps)))) : (React__default.createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
                         text: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.name) || (authorProps === null || authorProps === void 0 ? void 0 : authorProps.username) || '',
                     }) }))))))));
@@ -6631,1384 +5053,4 @@ var index = /*#__PURE__*/Object.freeze({
   ProfileDetail: ProfileDetail
 });
 
-var styles$2 = {"skipBtn":"KsWg8i6","alertHeading":"_9tS0EUN","alertDesc":"kyyRKlb","alertAction":"-Uqqka-"};
-
-const SkipQuestionOfExpertBtn = (_a) => {
-    var { post, onSkip, btnText, currentPageUrl } = _a, rest = __rest(_a, ["post", "onSkip", "btnText", "currentPageUrl"]);
-    const { t } = useTranslations();
-    const { data: { locale }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
-    const [showAlert, setShowAlert] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const _theme = useMantineTheme();
-    const handleSkip = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-        setLoading(true);
-        const res = yield callApiWithAuth(getApiPath(PATHS.USER.SKIP_QUESTION, {
-            _locale: locale,
-            id: post === null || post === void 0 ? void 0 : post.id,
-        }), 'PUT');
-        if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
-            onSkip === null || onSkip === void 0 ? void 0 : onSkip({ id: (post === null || post === void 0 ? void 0 : post.id) || '', communityId: ((_b = post === null || post === void 0 ? void 0 : post.community) === null || _b === void 0 ? void 0 : _b.id) || '' });
-            setShowAlert(false);
-            pushNotifications({
-                title: '',
-                message: 'Skip success',
-                type: 'success',
-            });
-        }
-        else {
-            pushNotifications({
-                title: '',
-                message: res === null || res === void 0 ? void 0 : res.messages,
-                type: 'danger',
-            });
-        }
-        setLoading(false);
-    }), []);
-    return (React__default.createElement(Popover, { width: 327, withArrow: true, shadow: "md", opened: showAlert },
-        React__default.createElement(Popover.Target, null,
-            React__default.createElement("div", Object.assign({ className: `${styles$2.skipBtn} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`, onClick: () => setShowAlert(true) }, rest), btnText || t('profilePanel.questionNotClear'))),
-        React__default.createElement(Popover.Dropdown, null,
-            React__default.createElement("div", null,
-                React__default.createElement("div", { className: styles$2.alertHeading }, t('profilePanel.skipQuestion.heading')),
-                React__default.createElement("div", { className: styles$2.alertDesc }, t('profilePanel.skipQuestion.content')),
-                React__default.createElement("div", { className: styles$2.alertAction },
-                    React__default.createElement(Button$1, { size: "md", variant: "secondary", leftIcon: React__default.createElement(Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
-                            leftIcon: {
-                                marginRight: 0,
-                            },
-                        }) }),
-                    React__default.createElement(Button$1, { variant: "primary", size: "md", leftIcon: React__default.createElement(Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
-                            leftIcon: {
-                                marginRight: 0,
-                            },
-                        }) }))))));
-};
-
-var img$8 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";
-var MBMoreSolid = img$8;
-
-var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23595959'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";
-var IconBookmarkFill = img$7;
-
-var img$6 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";
-var IconBookmark = img$6;
-
-var img$5 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='13' fill='none'%3e%3ccircle cx='1.583' cy='6.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 6.417)'/%3e%3ccircle cx='1.583' cy='1.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 1.417)'/%3e%3ccircle cx='1.583' cy='11.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 11.417)'/%3e%3c/svg%3e";
-var IconKebab = img$5;
-
-var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 5.333a2 2 0 1 0 0-4 2 2 0 0 0 0 4M4 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4M12 14.667a2 2 0 1 0 0-4 2 2 0 0 0 0 4M5.727 9.007l4.553 2.653M10.273 4.34 5.727 6.993'/%3e%3c/svg%3e";
-var IconShareOnMedia = img$4;
-
-var img$3 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M7.17 3.236H2.995a1.193 1.193 0 0 0-1.193 1.192v8.35a1.193 1.193 0 0 0 1.193 1.192h8.35a1.193 1.193 0 0 0 1.192-1.192V8.603'/%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M11.643 2.341a1.265 1.265 0 0 1 1.789 1.79L7.766 9.795l-2.385.596.596-2.385z'/%3e%3c/svg%3e";
-var IconTabEdit = img$3;
-
-var img$2 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M2 4h12'/%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.333 4V2.667a1.333 1.333 0 0 1 1.334-1.334h2.666a1.334 1.334 0 0 1 1.334 1.334V4m2 0v9.333a1.334 1.334 0 0 1-1.334 1.334H4.667a1.334 1.334 0 0 1-1.334-1.334V4zM6.667 7.333v4M9.333 7.333v4'/%3e%3c/svg%3e";
-var IconTrashBin = img$2;
-
-// import IconBellOff from '../../../assets/svg/icon-bell-off.svg'
-// import IconBellOn from '../../../assets/svg/icon-bell-on.svg'
-const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, className = '', popoverClassName = '', onBookmark, onRemoveBookmark, onEditPost, }) => {
-    const { data: { locale, userInfo, togetherUserId, env: { isMarryBaby }, }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
-    const { t } = useTranslations();
-    // const [localHasNoti, setLocalHasNoti] = useState(false)
-    const [loading, setLoading] = useState(false);
-    const [isOpenLeavePopup, setIsOpenLeavePopup] = useState(false);
-    const [isOpenSharePopup, setIsOpenSharePopup] = useState(false);
-    const { authActionWrapper } = useTogetherAuthRequiredAction();
-    const isAuthor = authorEmail && (userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) && authorEmail === String(userInfo === null || userInfo === void 0 ? void 0 : userInfo.email);
-    return (React__default.createElement("div", { className: className, onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-        } },
-        isOpenSharePopup && (React__default.createElement(SharePopup, { url: shareUrl, text: post === null || post === void 0 ? void 0 : post.title, onClose: () => setIsOpenSharePopup(false) })),
-        isOpenLeavePopup && (React__default.createElement(PopupDanger, { thumbnail: CommonGAssets.getAssetPath('trash-bin.svg'), isThumbnailIcon: true, title: t('popup.deletePost.title'), description: t('popup.deletePost.description'), acceptText: t('popup.deletePost.accept'), cancelText: t('popup.deletePost.cancel'), onAccept: () => __awaiter(void 0, void 0, void 0, function* () {
-                if (!(post === null || post === void 0 ? void 0 : post.id) || loading)
-                    return;
-                setLoading(true);
-                try {
-                    const res = yield deletePost({
-                        id: post.id,
-                        locale,
-                    });
-                    if ((res === null || res === void 0 ? void 0 : res.status) === 1)
-                        onDeletePost === null || onDeletePost === void 0 ? void 0 : onDeletePost();
-                }
-                catch (_a) { }
-                setLoading(false);
-            }), onClose: () => setIsOpenLeavePopup(false) })),
-        React__default.createElement(TreePopoverMenu, { className: popoverClassName, toggleButtonContent: React__default.createElement("img", { src: isMarryBaby ? MBMoreSolid : IconKebab, loading: "lazy" }), position: "bottom", align: "end", buttonProps: {
-                isLoading: loading,
-            }, data: isAuthor
-                ? {
-                    isShowheader: false,
-                    type: 'list',
-                    list: [
-                        {
-                            icon: IconShareOnMedia,
-                            label: t('morePopover.share'),
-                            onClick: () => setIsOpenSharePopup(true),
-                        },
-                        {
-                            icon: IconTabEdit,
-                            label: t('actionPopover.edit'),
-                            onClick: onEditPost,
-                        },
-                        {
-                            icon: IconTrashBin,
-                            label: t('actionPopover.delete'),
-                            onClick: () => {
-                                authActionWrapper(() => setIsOpenLeavePopup(true));
-                            },
-                        },
-                    ],
-                }
-                : {
-                    isShowheader: false,
-                    type: 'list',
-                    list: [
-                        {
-                            icon: IconShareOnMedia,
-                            label: t('morePopover.share'),
-                            onClick: () => setIsOpenSharePopup(true),
-                        },
-                        {
-                            icon: !!(post === null || post === void 0 ? void 0 : post.bookmarked) ? IconBookmarkFill : IconBookmark,
-                            label: !!(post === null || post === void 0 ? void 0 : post.bookmarked)
-                                ? t('morePopover.unsavePost')
-                                : t('morePopover.savePost'),
-                            onClick: () => {
-                                authActionWrapper(() => __awaiter(void 0, void 0, void 0, function* () {
-                                    if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) || !(post === null || post === void 0 ? void 0 : post.id))
-                                        return;
-                                    if (post === null || post === void 0 ? void 0 : post.bookmarked) {
-                                        const res = yield callApiWithAuth(getApiPath(PATHS.BOOKMARK.DELETE, {
-                                            _locale: locale,
-                                        }), 'DELETE', {
-                                            data: {
-                                                post_id: String(post.id),
-                                            },
-                                        });
-                                        if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Removed saved post',
-                                                type: 'success',
-                                                displayIcon: IconBookmark,
-                                            });
-                                            onRemoveBookmark && onRemoveBookmark();
-                                        }
-                                        else {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Remove failed',
-                                                type: 'danger',
-                                                displayIcon: IconBookmark,
-                                            });
-                                        }
-                                    }
-                                    else {
-                                        const res = yield callApiWithAuth(getApiPath(PATHS.BOOKMARK.CREATE, {
-                                            _locale: locale,
-                                        }), 'POST', {
-                                            data: {
-                                                user_id: togetherUserId || userInfo.id,
-                                                post_id: post.id,
-                                            },
-                                        });
-                                        if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Post saved',
-                                                type: 'success',
-                                                displayIcon: IconBookmarkFill,
-                                            });
-                                            onBookmark && onBookmark();
-                                        }
-                                        else {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Post saved failed',
-                                                type: 'danger',
-                                                displayIcon: IconBookmark,
-                                            });
-                                        }
-                                    }
-                                }));
-                            },
-                        },
-                        // {
-                        //   icon: togetherBasePath + '/svg/icon-bell-on.svg',
-                        //   label: !localHasNoti
-                        //     ? t( 'morePopover.turnOnNotifications' })
-                        //     : t( 'morePopover.turnOffNotifications' }),
-                        //   onClick: () => {
-                        //   authActionWrapper(async () => {
-                        //     if (!post?.id || loading) return
-                        //     setLoading(true)
-                        //     try {
-                        //       const res = await followUnfollowPost({
-                        //         id: post?.id,
-                        //         locale,
-                        //       })
-                        //       if (res?.status === 1) {
-                        //         pushNotifications({
-                        //           message: !localHasNoti
-                        //             ? 'Notification on'
-                        //             : 'Notification off',
-                        //           type: !localHasNoti ? 'success' : 'danger',
-                        //           displayIcon: !localHasNoti ? IconBellOn : IconBellOff,
-                        //         })
-                        //         setLocalHasNoti((v) => !v)
-                        //       }
-                        //     } catch {}
-                        //     setLoading(false)
-                        //   })
-                        // },
-                        // },
-                        {
-                            icon: IconAlertCircle,
-                            label: t('morePopover.report'),
-                            subTree: {
-                                title: t('morePopover.report.title'),
-                                description: t('morePopover.report.description'),
-                                isShowheader: true,
-                                type: 'list',
-                                list: Object.keys(REPORT_REASON_MAP)
-                                    .map((k) => ({
-                                    label: REPORT_REASON_MAP[k].label,
-                                    reason: REPORT_REASON_MAP[k].reportReasonText,
-                                    reasonValue: k,
-                                }))
-                                    .map((item) => ({
-                                    label: t(item.label),
-                                    subTree: {
-                                        title: t('morePopover.reportSubmit.title'),
-                                        description: t('morePopover.reportSubmit.description'),
-                                        isShowheader: true,
-                                        type: 'jsx',
-                                        jsxRenderer: (setShow) => (React__default.createElement(SubmitReportForm, { reason: item.reasonValue, reasonText: t(item.reason), postId: post === null || post === void 0 ? void 0 : post.id, onClose: () => setShow && setShow(false) })),
-                                    },
-                                })),
-                            },
-                        },
-                    ],
-                } })));
-};
-
-const StyledCardPost$1 = styled.div `
-  position: relative;
-  margin-bottom: 24px;
-  background: white;
-  border-radius: ${theme.borderRadius};
-
-  a {
-    text-decoration: none;
-  }
-
-  ${MediaQueries.mbDown} {
-    margin-bottom: 8px;
-  }
-  &.flat-top {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  .post-pin {
-    padding: 0.5rem 1rem;
-    border-radius: ${theme.borderRadius} 6px 0 0;
-  }
-  .post-author {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    &.comment {
-      padding-right: 2.6rem;
-    }
-    .author-avatar-wrapper {
-      width: 40px;
-      height: 40px;
-      font-size: 20px;
-      ${MediaQueries.mbDown} {
-        width: 32px;
-        height: 32px;
-        font-size: 16px;
-      }
-    }
-  }
-  .post-content-link-wrapper {
-    color: inherit;
-    cursor: pointer;
-    .post-content-title {
-      padding: 1rem 1rem 0;
-      word-break: break-word;
-    }
-  }
-  .social-preview-wrapper.has-image {
-    margin-bottom: 5px;
-  }
-  .social-preview-wrapper,
-  .image-preview-wrapper,
-  .link-preview-wrapper {
-    width: 100%;
-    &[data-is-reply='true'] {
-      padding-right: 1rem;
-      padding-left: 1rem;
-    }
-  }
-  .post-topics {
-    padding: 0 1rem;
-  }
-
-  .post-reaction {
-    background: none;
-    border-radius: 0 0 6px 6px;
-    &.hide-top-border {
-      ::before {
-        display: none;
-      }
-    }
-  }
-  .most-engaging-wrapper {
-    padding: 1rem;
-    cursor: pointer;
-    .author-avatar-wrapper {
-      width: 2rem;
-      height: 2rem;
-      font-size: 1rem;
-    }
-    .see-more-comments {
-      width: 100%;
-      padding: 12px 0 0;
-      text-align: unset;
-    }
-  }
-  &[data-most-engaging='true'] {
-    border: none;
-    ${MediaQueries.mbDown} {
-      margin: 1rem;
-      border: 1px solid #e4e8ec;
-    }
-  }
-  .top-divider {
-    border-color: #e4e8ec;
-  }
-  .popover {
-    .popover-menu__btn {
-      display: flex;
-      width: 1.5rem;
-      height: 1rem;
-      align-items: center;
-      justify-content: center;
-      padding: 0;
-      background: transparent;
-
-      &:hover {
-        background-color: transparent;
-      }
-    }
-    .popover-menu__content {
-      &.--position-bottom {
-        &.--align-end {
-          &::before {
-            right: 12.5px;
-          }
-        }
-      }
-    }
-  }
-
-  &[data-is-marrybaby='true'] {
-    border: 1px solid #f3f3f3;
-    border-radius: 1rem;
-    /* shadow */
-
-    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
-    .image-preview-wrapper,
-    .link-preview-wrapper {
-      padding-right: 1rem;
-      padding-left: 1rem;
-    }
-    .popover {
-      .popover-menu__btn {
-        width: 24px;
-        height: 24px;
-        ${MediaQueries.mbDown} {
-          width: 18px;
-          height: 18px;
-        }
-      }
-      .popover-menu__content {
-        &.--position-bottom {
-          &.--align-end {
-            &::before {
-              right: 1rem;
-            }
-            width: 350px;
-            ${MediaQueries.mbDown} {
-              max-width: calc(320px - 2rem);
-            }
-          }
-        }
-      }
-    }
-    .most-engaging-wrapper {
-      position: relative;
-      padding: 0;
-      &::before {
-        position: absolute;
-        z-index: 5;
-        top: 0;
-        left: 50%;
-        width: calc(100% - 2rem);
-        height: 1px;
-        background: #f3f3f3;
-        content: ' ';
-        transform: translateX(-50%);
-      }
-    }
-    ${MediaQueries.mbDown} {
-      margin-bottom: 12px;
-    }
-  }
-`;
-
-var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cg stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3e%3cpath d='M2 4.008h12m-8.667 0V2.675a1.333 1.333 0 0 1 1.334-1.333h2.666a1.333 1.333 0 0 1 1.334 1.333v1.333m2 0v9.334a1.333 1.333 0 0 1-1.334 1.333H4.667a1.333 1.333 0 0 1-1.334-1.333V4.008zm-6 3.334v4m2.666-4v4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 .008h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
-var IconDelete = img$1;
-
-const CardReplyPopover = ({ onDeleteComment, commentId, className = '', popoverClassName = '', }) => {
-    const { data: { env: { isMarryBaby }, locale, }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
-    const { t } = useTranslations();
-    const [isOpenLeavePopup, setIsOpenLeavePopup] = useState(false);
-    const { authActionWrapper } = useTogetherAuthRequiredAction();
-    return (React__default.createElement("div", { className: className, onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-        } },
-        isOpenLeavePopup && (React__default.createElement(PopupDanger, { thumbnail: IconDelete, isThumbnailIcon: true, title: t('popup.deleteComment.title'), description: t('popup.deleteComment.description'), acceptText: t('popup.deletePost.accept'), cancelText: t('popup.deletePost.cancel'), onAccept: () => __awaiter(void 0, void 0, void 0, function* () {
-                var _a;
-                if (!commentId)
-                    return;
-                const res = yield deleteComment({ id: commentId, locale });
-                if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
-                    onDeleteComment && onDeleteComment();
-                    pushNotifications({
-                        title: '',
-                        message: t('notification.success'),
-                        type: 'success',
-                    });
-                }
-                else {
-                    pushNotifications({
-                        title: '',
-                        message: ((_a = res === null || res === void 0 ? void 0 : res.messages) === null || _a === void 0 ? void 0 : _a[0]) || t('notification.failure'),
-                        type: 'danger',
-                    });
-                }
-            }), onClose: () => setIsOpenLeavePopup(false) })),
-        React__default.createElement(TreePopoverMenu, { position: "bottom", align: "end", data: {
-                isShowheader: false,
-                type: 'list',
-                list: [
-                    // {
-                    //   icon: _href('/svg/icon-share-on-media.svg'),
-                    //   label: f({ id: 'morePopover.share' }),
-                    //   subTree: {
-                    //     title: f({ id: 'morePopover.shareOn' }),
-                    //     isShowheader: true,
-                    //     type: 'jsx',
-                    //     jsxType: TreeJSXType.share,
-                    //     data: {
-                    //       shareUrl: shareUrl,
-                    //       shareTitle: shareTitle,
-                    //     },
-                    //   },
-                    // },
-                    // {
-                    //   icon: _href('/svg/icon-tab-edit-2.svg'),
-                    //   label: f({ id: 'actionPopover.edit' }),
-                    //   onClick: onEditPost,
-                    // },
-                    {
-                        icon: IconTrashBin,
-                        label: t('actionPopover.delete'),
-                        onClick: () => {
-                            authActionWrapper(() => {
-                                setIsOpenLeavePopup(true);
-                            });
-                        },
-                    },
-                ],
-            }, className: popoverClassName, toggleButtonContent: React__default.createElement("img", { src: isMarryBaby ? MBMoreSolid : IconKebab, loading: "lazy" }), buttonProps: {
-            // isLoading: loading,
-            } })));
-};
-
-const StyledContainer$1 = styled.div `
-  .add-link {
-    color: ${theme.colors.primaryBase};
-  }
-`;
-const StyledAlertTag = styled.div `
-  margin: 16px 0;
-  background: ${theme.colors.yellow50};
-  padding: 5px 10px;
-  border-radius: 2px;
-
-  .icon {
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: 6px;
-  }
-`;
-const StyledSourceItemWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`;
-const StyledListItems$1 = styled.div `
-  padding: 8px 16px;
-`;
-const StyledInputWrapper = styled.div `
-  margin-bottom: 12px;
-  width: 100%;
-`;
-
-const StyledContainer = styled.div ``;
-const StyledHeader = styled.div `
-  margin-bottom: 16px;
-`;
-const StyledListItems = styled.div `
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 16px;
-  ${MediaQueries.tdUp} {
-    align-items: center;
-    column-gap: 24px;
-  }
-`;
-const StyledItem$1 = styled.a `
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  ${MediaQueries.mbDown} {
-    width: 100%;
-    justify-content: space-between;
-  }
-`;
-const StyledItemInfo = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 16px;
-`;
-const StyledThumb = styled.div `
-  border-radius: ${theme.borderRadius};
-  overflow: hidden;
-  width: 48px;
-  height: 48px;
-  img {
-    object-fit: cover;
-    width: 100%;
-    height: 100%;
-  }
-`;
-
-const RecommentCategories = ({ categories }) => {
-    const { t } = useTranslations();
-    const { data: { locale, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    const url = getCurrentBaseUrl$1(locale, isMarryBaby);
-    return (React__default.createElement(StyledContainer, null,
-        React__default.createElement(StyledHeader, null,
-            React__default.createElement(Heading, { tag: "h6", as: "h5" }, t('cardReply.recommentCategories.heading'))),
-        React__default.createElement(StyledListItems, null, categories.map((i) => (React__default.createElement(StyledItem$1, { href: url + i.permalink, key: String(i.termId), target: "_blank" },
-            React__default.createElement(StyledItemInfo, null,
-                React__default.createElement(StyledThumb, null,
-                    React__default.createElement("img", { src: i.featureImage ||
-                            CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : '/logo/logomark.png'), alt: i.displayName, loading: "lazy" })),
-                React__default.createElement(Text, { size: "s3", weight: "bold" }, i.displayName)),
-            React__default.createElement(ArrowRight, { size: 20, color: theme.colors.gray400 })))))));
-};
-
-const StyledItem = styled.a `
-  padding: 12px 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  border-top: 1px solid ${theme.colors.neutral100};
-  text-decoration: none;
-
-  &:first-child {
-    border-top: 0;
-  }
-`;
-
-const SourceItem = ({ postTitle, articleReviewed, modifiedTime, href, }) => {
-    const { t } = useTranslations();
-    const getDetail = (() => {
-        const { expert, editor, is_author } = articleReviewed;
-        if (expert) {
-            const result = {
-                name: expert.display_name,
-                role: 'expert',
-                avatar: expert.avatar,
-            };
-            if (is_author) {
-                return Object.assign({ title: t('articleAuthor.title.written-by') }, result);
-            }
-            else {
-                if (expert.role === 'expert') {
-                    // Is Expert
-                    return Object.assign({ title: t('articleAuthor.title.expert') }, result);
-                }
-                else {
-                    // Is medical
-                    return Object.assign({ title: t('articleAuthor.title.medical') }, result);
-                }
-            }
-        }
-        else if (editor) {
-            return {
-                title: t('articleAuthor.title.fact-check'),
-                name: editor.display_name,
-                avatar: editor.avatar,
-            };
-        }
-    })();
-    return (React__default.createElement(StyledItem, { href: href, title: postTitle, target: "_blank" },
-        React__default.createElement(Text, { size: "s3", as: "h5", weight: "bold" }, postTitle),
-        React__default.createElement("div", null,
-            React__default.createElement(CardAuthor, { avatar: getDetail === null || getDetail === void 0 ? void 0 : getDetail.avatar, avatarProps: {
-                    size: 32,
-                }, name: getDetail === null || getDetail === void 0 ? void 0 : getDetail.name, role: getDetail === null || getDetail === void 0 ? void 0 : getDetail.role, hideBackground: true },
-                React__default.createElement(CardAuthor.SubTextRow, null,
-                    React__default.createElement(CardAuthor.SubText, null, getDetail === null || getDetail === void 0 ? void 0 :
-                        getDetail.title,
-                        ' ',
-                        React__default.createElement("span", { style: { color: theme.colors.gray800 } }, getDetail === null || getDetail === void 0 ? void 0 : getDetail.name)),
-                    React__default.createElement(CardAuthor.SubDivider, null),
-                    React__default.createElement(CardAuthor.SubText, null, modifiedTime))))));
-};
-
-var styles$1 = {"accordion":"CnNZq8D","header":"F4mmgSy","heading":"_8jLruY3","headingIcon":"FE8w-fe","panel":"Yd2a9Nj","chevron":"A7QrQ7A"};
-
-const SourceList = (_a) => {
-    var { listUrl: listUrlInit, hideSourceList, categorySlug, editMode, collapseSource, onListChange, isMarryBaby } = _a, rest = __rest(_a, ["listUrl", "hideSourceList", "categorySlug", "editMode", "collapseSource", "onListChange", "isMarryBaby"]);
-    const { t } = useTranslations();
-    const [listUrl, setListUrl] = useState(listUrlInit || []);
-    const [data, setData] = useState([]);
-    const [categories, setCategories] = useState([]);
-    const [loading, setLoading] = useState(false);
-    useEffect(() => {
-        !hideSourceList &&
-            (() => __awaiter(void 0, void 0, void 0, function* () {
-                setLoading(true);
-                const listPaths = listUrl.map((i) => {
-                    const url = new URL(i);
-                    const pathArr = String(url.pathname)
-                        .split('/')
-                        .filter((i) => i != '');
-                    const origin = url.origin;
-                    const isMarrySite = origin.search('marrybaby.vn') !== -1;
-                    return {
-                        isMarrySite,
-                        path: pathArr[pathArr.length - 1],
-                        href: i,
-                    };
-                });
-                const listApi = [
-                    ...listPaths.map((i) => callApi(i.isMarrySite
-                        ? getMarryBabyApiPath(DISCOVER_PATHS.GET_PREVIEW_ARTICLE, {
-                            fullSlug: i.path,
-                        }, true)
-                        : getDiscoverApiPath(DISCOVER_PATHS.GET_PREVIEW_ARTICLE, {
-                            fullSlug: i.path,
-                        }, true), 'GET')),
-                ];
-                const res = yield Promise.all(listApi);
-                setData(res
-                    .map((i, index) => {
-                    var _a, _b;
-                    return ((_a = i === null || i === void 0 ? void 0 : i.data) === null || _a === void 0 ? void 0 : _a.post) && Object.assign(Object.assign({}, formatArticle((_b = i === null || i === void 0 ? void 0 : i.data) === null || _b === void 0 ? void 0 : _b.post)), { href: listPaths[index].href });
-                })
-                    .filter(Boolean));
-                setLoading(false);
-            }))();
-    }, []);
-    useEffect(() => {
-        !hideSourceList &&
-            (data === null || data === void 0 ? void 0 : data.length) === 0 &&
-            categorySlug &&
-            (() => __awaiter(void 0, void 0, void 0, function* () {
-                var _a;
-                const res = yield callApi(isMarryBaby
-                    ? getMarryBabyApiPath(DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL, {
-                        fullSlug: categorySlug,
-                    }, true)
-                    : getDiscoverApiPath(DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL, {
-                        fullSlug: categorySlug,
-                    }, true), 'GET');
-                (res === null || res === void 0 ? void 0 : res.data) && setCategories([formatCategory((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.category)]);
-            }))();
-    }, [data]);
-    const handleRemoveItem = (idx) => {
-        setListUrl((old) => {
-            const tmp = [...old];
-            tmp.splice(idx, 1);
-            return tmp;
-        });
-        setData((old) => {
-            const tmp = [...old];
-            tmp.splice(idx, 1);
-            return tmp;
-        });
-    };
-    useEffect(() => {
-        onListChange === null || onListChange === void 0 ? void 0 : onListChange(listUrl);
-    }, [listUrl]);
-    return (React__default.createElement("div", Object.assign({}, rest),
-        !editMode && (React__default.createElement(StyledAlertTag, null,
-            React__default.createElement("img", { className: "icon", src: CommonGAssets.getAssetPath('warning.svg'), alt: "warning", style: { marginBottom: '3px', width: '18px' }, loading: "lazy" }),
-            React__default.createElement(Text, { size: "s3", as: "span", dangerouslySetInnerHTML: {
-                    __html: t('cardReply.disclaimer'),
-                } }))),
-        !hideSourceList ? (loading ? (React__default.createElement(Loading$1, null)) : data.length > 0 || editMode ? (React__default.createElement(StyledContainer$1, null,
-            React__default.createElement(Accordion, { defaultValue: !collapseSource && 'accordion', styles: {
-                    control: {
-                        borderRadius: 'inherit',
-                        '&[aria-expanded="false"]': {
-                            borderBottom: 0,
-                        },
-                    },
-                    chevron: {
-                        width: '32px',
-                        height: '32px',
-                    },
-                    content: {
-                        padding: 0,
-                        borderBottom: 0,
-                        borderTop: `1px solid ${theme.colors.neutral100}`,
-                    },
-                    item: {
-                        marginBottom: '16px',
-                        borderTopLeftRadius: '8px',
-                        borderTopRightRadius: '8px',
-                        border: `1px solid ${theme.colors.neutral100}`,
-                        borderBottomLeftRadius: '8px',
-                        borderBottomRightRadius: '8px',
-                        '&[data-active]': {
-                            borderBottomLeftRadius: 0,
-                            borderBottomRightRadius: 0,
-                        },
-                    },
-                }, chevron: React__default.createElement("div", { className: styles$1.chevron },
-                    React__default.createElement(ArrowDown, { color: theme.colors.gray600, size: 20 })) },
-                React__default.createElement(Accordion.Item, { value: "accordion" },
-                    React__default.createElement(Accordion.Control, null,
-                        React__default.createElement("div", { className: styles$1.header },
-                            React__default.createElement(Heading, { as: "h4", tag: "h6" }, t('cardReply.source')))),
-                    React__default.createElement(Accordion.Panel, null,
-                        React__default.createElement(StyledListItems$1, null,
-                            (data || []).map((i, idx) => (React__default.createElement(StyledSourceItemWrapper, { key: String(idx) },
-                                typeof i === 'object' ? (React__default.createElement(SourceItem, Object.assign({}, i))) : (React__default.createElement(StyledInputWrapper, null,
-                                    React__default.createElement(Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
-                                            setListUrl((old) => {
-                                                const tmp = [...old];
-                                                tmp[idx] = v;
-                                                return tmp;
-                                            });
-                                            setData((old) => {
-                                                const tmp = [...old];
-                                                tmp[idx] = v;
-                                                return tmp;
-                                            });
-                                        } }))),
-                                editMode && (React__default.createElement(Button, { size: "md", color: "transparent", icon: React__default.createElement(Trash, null), onClick: () => handleRemoveItem(idx) }))))),
-                            editMode && (React__default.createElement(Button, { className: "add-link", color: "transparent", size: "md", icon: React__default.createElement(Plus, { color: theme.colors.primaryBase, size: 18 }), onClick: () => {
-                                    setListUrl((old) => [...old, '']);
-                                    setData((old) => [...old, '']);
-                                } }, "Add source")))))))) : (React__default.createElement(RecommentCategories, { categories: categories }))) : null));
-};
-
-const StyledCardPost = styled.div `
-  position: relative;
-  margin-bottom: 0;
-  background: white;
-  border-radius: ${theme.borderRadius};
-
-  .verify-tag {
-    margin-top: 12px;
-  }
-
-  .post-author {
-    &.with-popover {
-      padding-right: 2.6rem;
-    }
-    .author-avatar-wrapper {
-      width: 40px;
-      height: 40px;
-      font-size: 20px;
-      ${MediaQueries.mbDown} {
-        width: 32px;
-        height: 32px;
-        font-size: 16px;
-      }
-    }
-  }
-  .image-preview-wrapper,
-  .link-preview-wrapper {
-    width: 100%;
-    &[data-is-reply='true'] {
-      padding-right: 1rem;
-      padding-left: 1rem;
-    }
-  }
-  .post-reaction {
-    background: none;
-    border-radius: 0 0 6px 6px;
-  }
-  &[data-is-reply='true'] {
-    > .post-author .author-avatar-wrapper {
-      width: 20px;
-      height: 20px;
-      font-size: 10px;
-    }
-  }
-  &[data-is-reply='false'] {
-    border: 1px solid #e4e8ec;
-  }
-  .expert-wrapper {
-    width: 100%;
-  }
-  &[data-has-booking='true'] {
-    display: grid;
-    .post-author {
-      background-color: ${theme.colors.primary50};
-    }
-    .btn-wrapper {
-      padding: 0 16px;
-      .btn-booking {
-        width: 100%;
-        margin: 12px 0;
-      }
-    }
-  }
-
-  .comment-reply-wrapper {
-    padding: 0 1rem;
-    .more-cmt {
-      .chevron-right {
-        height: 1rem;
-        width: 1rem;
-        vertical-align: middle;
-      }
-    }
-  }
-  .top-divider {
-    border-color: #e4e8ec;
-  }
-  .popover {
-    position: absolute;
-    top: 1.5rem;
-    right: 1rem;
-    .popover-menu__btn {
-      display: flex;
-      width: 1rem;
-      height: 1rem;
-      align-items: center;
-      justify-content: center;
-      padding: 0;
-      background: transparent;
-
-      &:hover {
-        background-color: transparent;
-      }
-
-      .popover-menu__content {
-        &.--position-bottom {
-          &.--align-end {
-            &::before {
-              right: 12.5px;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &[data-is-marrybaby='true'] {
-    &[data-is-reply='false'] {
-      border: none;
-    }
-    .image-preview-wrapper,
-    .link-preview-wrapper {
-      padding-right: 1rem;
-      padding-left: 1rem;
-    }
-    .popover {
-      .popover-menu__btn {
-        width: 24px;
-        height: 24px;
-      }
-    }
-
-    margin-left: 56px;
-    ${MediaQueries.mbDown} {
-      margin-left: 40px;
-    }
-    > .post-author {
-      margin-left: -56px;
-      ${MediaQueries.mbDown} {
-        margin-left: -40px;
-      }
-      .author-info {
-        align-items: center;
-        display: flex;
-        align-items: center;
-        .author-info-top {
-          width: 100%;
-        }
-        .author-info-text-wrapper {
-          justify-content: space-between;
-        }
-      }
-      .author-avatar-wrapper {
-        width: 40px;
-        height: 40px;
-        font-size: 20px;
-        ${MediaQueries.mbDown} {
-          width: 24px;
-          height: 24px;
-          font-size: 12px;
-        }
-      }
-    }
-    &[data-is-reply] {
-      > .post-author {
-        .author-avatar-wrapper {
-          width: 40px;
-          height: 40px;
-          font-size: 20px;
-          ${MediaQueries.mbDown} {
-            width: 24px;
-            height: 24px;
-            font-size: 12px;
-          }
-        }
-      }
-    }
-
-    .comment-reply-wrapper {
-      padding-right: 0;
-      padding-left: 0;
-    }
-    .post-reaction {
-      &::after {
-        position: absolute;
-        bottom: 0;
-        left: 50%;
-        width: calc(100% - 2rem);
-        height: 1px;
-        background: #f3f3f3;
-        content: ' ';
-        transform: translateX(-50%);
-      }
-    }
-    .post-content-wrapper {
-      padding-top: 0;
-      padding-bottom: 0;
-      ${MediaQueries.mbDown} {
-        padding-left: 0.5rem;
-      }
-    }
-
-    ${MediaQueries.mbDown} {
-      margin-bottom: 12px;
-    }
-  }
-`;
-const StyledSourceList = styled(SourceList) `
-  margin-top: 12px;
-  padding: 0.5rem 1rem 1rem;
-`;
-
-var styles = {"button":"-dzIuHr"};
-
-const VerifiedTag = ({ userId, avatar, name, role, title, className, }) => {
-    const { t } = useTranslations();
-    const [openPopup, setOpenPopup] = useState(false);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
-                padding: '5px 8px',
-                marginBottom: '12px',
-                borderRadius: '4px',
-            } },
-            React__default.createElement("span", { className: "text" },
-                React__default.createElement(Endorse, { isSolid: true, size: 18, color: theme.colors.green800, className: "icon" }),
-                t('cardReply.verifyBy', {
-                    name: `${name || ''}`,
-                }))),
-        React__default.createElement(ProfileDetailModal, { open: openPopup, onClose: () => setOpenPopup(false), profileModalProps: { zIndex: 1000 } },
-            React__default.createElement(ProfileDetail, { authorProps: {
-                    userId,
-                    avatar: avatar,
-                    name,
-                    role,
-                    title,
-                }, hideQuestionTab: true }))));
-};
-
-var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 12 4-4-4-4'/%3e%3c/svg%3e";
-var ChevronRightActive = img;
-
-const COMMENT_LIMIT = 4;
-const CardReply = ({ className, style, comment: CommentProps, type = 'comment', level = 0, replyingId, onPostCommentSuccess, post, onDeleteComment, refetchComment, hasQuickBookingEnable, handleMakeAppointment, cardAuthorProps, maxChars = 600, disableShortenContent, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    const { data: { locale, userInfo, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    const { t } = useTranslations();
-    const [comment, setComment] = useState(CommentProps || null);
-    const { id, countLikes, content, replies = [], images = [], author, liked, link, mentionedUser, mentions, } = comment;
-    const { text, replyingTo } = decodeCommentBody(content);
-    const { authActionWrapper } = useTogetherAuthRequiredAction({
-        _joinCommunityIds: [(_a = post === null || post === void 0 ? void 0 : post.community) === null || _a === void 0 ? void 0 : _a.id],
-        _joinTopicIds: (_b = post === null || post === void 0 ? void 0 : post.topics) === null || _b === void 0 ? void 0 : _b.map((t) => t.id),
-    });
-    const [maxRepliesShow, setMaxRepliesShow] = useState(COMMENT_LIMIT);
-    const isCommented = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)
-        ? replies === null || replies === void 0 ? void 0 : replies.some((c) => c.author.id === userInfo.id)
-        : false;
-    const addNewReply = (comment) => {
-        setComment((old) => {
-            // somehow this set state run twice
-            // => we need to check unique comment id before add to array
-            if (!old.replies.find((c) => c.id === comment.id)) {
-                old.replies.unshift(comment);
-                const newComment = Object.assign(Object.assign({}, old), { replies: old.replies.slice(), countReplies: old.countReplies + 1 });
-                refetchComment && refetchComment(newComment);
-                return newComment;
-            }
-            return old;
-        });
-    };
-    const [showInputComment, setShowInputComment] = useState(false);
-    const sortedReplies = useMemo(() => {
-        if (type !== 'comment' || !replies || replies.length == 0)
-            return replies;
-        return replies.sort((a, b) => {
-            const timeA = new Date(a.createdAt).getTime();
-            const timeB = new Date(b.createdAt).getTime();
-            if (timeA > timeB)
-                return -1;
-            if (timeA < timeB)
-                return 1;
-            return 0;
-        });
-    }, [type, replies]);
-    const mergeCountReplies = (replies === null || replies === void 0 ? void 0 : replies.length) || 0;
-    const hasPopover = String(author === null || author === void 0 ? void 0 : author.email) &&
-        (userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) &&
-        String(author === null || author === void 0 ? void 0 : author.email) === String(userInfo === null || userInfo === void 0 ? void 0 : userInfo.email);
-    // const isAnonymousOfCurAuthor =
-    //   post?.isAnonymous && post?.author?.username === author?.username
-    // const name = isAnonymousOfCurAuthor
-    //   ? t('cardPost.anonymous')
-    //   : author?.name || author?.username || ''
-    // const avatar = isAnonymousOfCurAuthor ? DEFAULT_AVATAR_IMG : author?.avatar
-    // const username = isAnonymousOfCurAuthor
-    //   ? t('cardPost.anonymous')
-    //   : author?.username || author?.name || ''
-    const name = (author === null || author === void 0 ? void 0 : author.name) || (author === null || author === void 0 ? void 0 : author.username) || '';
-    const username = (author === null || author === void 0 ? void 0 : author.username) || (author === null || author === void 0 ? void 0 : author.name) || '';
-    const avatar = author === null || author === void 0 ? void 0 : author.avatar;
-    const authorRole = (post === null || post === void 0 ? void 0 : post.isAnonymous) ? undefined : author === null || author === void 0 ? void 0 : author.role;
-    const listMentions = [
-        ...((post === null || post === void 0 ? void 0 : post.isAnonymous)
-            ? [
-                {
-                    id: ((_c = post === null || post === void 0 ? void 0 : post.author) === null || _c === void 0 ? void 0 : _c.id) || 0,
-                    name: t('cardPost.anonymous'),
-                },
-            ]
-            : []),
-        ...(mentions || []),
-    ];
-    const [hospitalInfo, setHospitalInfo] = useState(null);
-    const [doctorInfo, setDoctorInfo] = useState(null);
-    useEffect(() => {
-        if (author === null || author === void 0 ? void 0 : author.hospitalId) {
-            const fetchHospitalDetail = (hospitalId) => __awaiter(void 0, void 0, void 0, function* () {
-                var _a;
-                const response = yield callApi(getCarePath(CARE_PATHS.GET_HOSPITAL_INFO, {
-                    hospital_branch_id: hospitalId,
-                    website_url: domainLocales$1[locale],
-                }), 'get');
-                if ((_a = response === null || response === void 0 ? void 0 : response._data) === null || _a === void 0 ? void 0 : _a.branch) {
-                    setHospitalInfo(response === null || response === void 0 ? void 0 : response._data.branch);
-                }
-            });
-            fetchHospitalDetail(author.hospitalId);
-        }
-        if (author === null || author === void 0 ? void 0 : author.doctorId) {
-            const fetchDoctorDetail = (doctorId) => __awaiter(void 0, void 0, void 0, function* () {
-                var _b;
-                const response = yield callApi(getCarePath(CARE_PATHS.GET_DOCTOR_INFO, {
-                    doctorId: doctorId,
-                    website_url: domainLocales$1[locale],
-                }), 'get');
-                if ((_b = response === null || response === void 0 ? void 0 : response._data) === null || _b === void 0 ? void 0 : _b.doctor) {
-                    setDoctorInfo(response === null || response === void 0 ? void 0 : response._data.doctor);
-                }
-            });
-            fetchDoctorDetail(author.doctorId);
-        }
-    }, [author.hospitalId, author.doctorId]);
-    const isDoctorAvailable = (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.valid_outpatient) || (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.valid_telemedicine);
-    const isHospitalAvailable = ((hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.total_available_service) ||
-        (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.total_available_doctor)) > 0;
-    const hasQuickBooking = hasQuickBookingEnable && (isDoctorAvailable || isHospitalAvailable);
-    const isChatbotAuthor = ((_d = comment === null || comment === void 0 ? void 0 : comment.author) === null || _d === void 0 ? void 0 : _d.type) === 'chatbot';
-    return (React__default.createElement(TogetherAuthConfigContextProvider, { defaultParams: {
-            _joinCommunityIds: [(_e = post === null || post === void 0 ? void 0 : post.community) === null || _e === void 0 ? void 0 : _e.id],
-            _joinTopicIds: (_f = post === null || post === void 0 ? void 0 : post.topics) === null || _f === void 0 ? void 0 : _f.map((t) => t.id),
-        } },
-        React__default.createElement(StyledCardPost, { className: className, style: style, "data-is-reply": !!level, "data-is-marrybaby": isMarryBaby, "data-has-booking": hasQuickBooking },
-            type === 'reply' && React__default.createElement(Divider, { className: "top-divider", type: "solid" }),
-            React__default.createElement("div", { style: { padding: '16px 16px 0' } },
-                React__default.createElement(CardAuthor, Object.assign({ avatar: avatar, name: name, username: username, timeText: post === null || post === void 0 ? void 0 : post.createdTime, community: post === null || post === void 0 ? void 0 : post.community, 
-                    // miniIcon="./svg/icon-tag.svg"
-                    // authorLabelType={getAuthorLabelFromRoles(author?.role || [])}
-                    className: `post-author ${hasPopover ? 'with-popover' : ''}`, type: type, userId: author === null || author === void 0 ? void 0 : author.id, role: authorRole, expertId: author === null || author === void 0 ? void 0 : author.partnerId, title: author === null || author === void 0 ? void 0 : author.title, doctorId: author === null || author === void 0 ? void 0 : author.doctorId, hospitalId: author === null || author === void 0 ? void 0 : author.hospitalId, hasQuickBooking: hasQuickBooking, handleMakeAppointment: handleMakeAppointment, isAnonymous: (comment === null || comment === void 0 ? void 0 : comment.isAnonymous) ||
-                        (Boolean(post === null || post === void 0 ? void 0 : post.isAnonymous) &&
-                            ((_g = post === null || post === void 0 ? void 0 : post.author) === null || _g === void 0 ? void 0 : _g.username) === (author === null || author === void 0 ? void 0 : author.username)), hideBackground: isChatbotAuthor, userType: author === null || author === void 0 ? void 0 : author.type }, cardAuthorProps)),
-                Boolean(comment === null || comment === void 0 ? void 0 : comment.isVerify) && !Boolean(comment === null || comment === void 0 ? void 0 : comment.isOppose) && (React__default.createElement(VerifiedTag, { title: (_h = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _h === void 0 ? void 0 : _h.title, name: (_j = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _j === void 0 ? void 0 : _j.name, userId: (_k = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _k === void 0 ? void 0 : _k.id, role: (_l = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _l === void 0 ? void 0 : _l.role, avatar: (_m = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _m === void 0 ? void 0 : _m.avatar, className: "verify-tag" }))),
-            React__default.createElement(PostContent, { className: "post-content-wrapper", replyingTo: replyingTo, mentionedUser: mentionedUser, description: text, mentions: listMentions, maxChars: maxChars, disableShortenContent: disableShortenContent }),
-            React__default.createElement("span", null),
-            React__default.createElement("span", null),
-            images && images.length > 0 ? (React__default.createElement("div", { key: "image-preview", className: "image-preview-wrapper", "data-is-reply": true },
-                React__default.createElement(PostImagePreview, { images: images, authorName: author === null || author === void 0 ? void 0 : author.username }))) : null,
-            (!images || images.length === 0) && link ? (React__default.createElement("div", { key: "link-preview", className: "link-preview-wrapper", "data-is-reply": true },
-                React__default.createElement(CardLink, { url: link }))) : null,
-            type !== 'most-engaging' ? (React__default.createElement(React__default.Fragment, null,
-                isChatbotAuthor && (React__default.createElement(StyledSourceList, { listUrl: comment === null || comment === void 0 ? void 0 : comment.source, categorySlug: comment === null || comment === void 0 ? void 0 : comment.categorySlug })),
-                React__default.createElement(CardReactions, { type: CardReactionType.reply, loveCount: countLikes, replyCount: mergeCountReplies, className: "post-reaction", liked: liked, isReplied: isCommented, hideCommentIcon: type === 'reply' || isChatbotAuthor, hasShare: false, onCommentClick: () => authActionWrapper(() => setShowInputComment((v) => !v)), onCommentCountClick: () => authActionWrapper(() => {
-                        setShowInputComment(true);
-                    }), onLikeClick: () => authActionWrapper(() => __awaiter(void 0, void 0, void 0, function* () {
-                        if (id) {
-                            const res = yield likeUnlikeComment({
-                                commentId: id,
-                                setLike: !liked,
-                                locale,
-                            });
-                            if (res.status === 1) {
-                                setComment((old) => {
-                                    return Object.assign(Object.assign({}, old), { liked: !liked, countLikes: old.countLikes + (!liked ? 1 : -1) });
-                                });
-                            }
-                        }
-                    })) }),
-                showInputComment && (React__default.createElement(InputCommentBar, { replyingId: replyingId || comment.id, replyToName: name, isReply: true, onClose: () => setShowInputComment(false), onPostSuccess: (comment) => {
-                        if (type === 'reply') {
-                            onPostCommentSuccess && onPostCommentSuccess(comment);
-                        }
-                        else {
-                            addNewReply(comment);
-                        }
-                    }, post: post, replyingUser: author })),
-                type === 'comment' && replies && replies.length > 0 ? (React__default.createElement("div", { className: "comment-reply-wrapper" }, (_o = sortedReplies === null || sortedReplies === void 0 ? void 0 : sortedReplies.slice(0, maxRepliesShow)) === null || _o === void 0 ? void 0 :
-                    _o.map((reply) => (React__default.createElement(CardReply, { key: reply.id, comment: reply, type: "reply", className: "comment-reply-item", level: level + 1, replyingId: id, onPostCommentSuccess: addNewReply, post: post, onDeleteComment: () => {
-                            setComment((old) => {
-                                return Object.assign(Object.assign({}, old), { replies: old.replies.filter((r) => r.id !== reply.id), countReplies: old.countReplies - 1 });
-                            });
-                        }, handleMakeAppointment: handleMakeAppointment, hasQuickBookingEnable: hasQuickBookingEnable }))),
-                    mergeCountReplies > maxRepliesShow && (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement(Divider, { className: "top-divider", type: "solid" }),
-                        React__default.createElement(Button, { className: "more-cmt", size: "lg", color: "ghost", onClick: () => setMaxRepliesShow((m) => m + COMMENT_LIMIT) },
-                            t('comment.seeMoreReplies', {
-                                count: mergeCountReplies - maxRepliesShow,
-                            }),
-                            React__default.createElement("img", { className: "chevron-right", src: ChevronRightActive, loading: "lazy" })))))) : null)) : null,
-            hasPopover && (React__default.createElement(CardReplyPopover, { onDeleteComment: onDeleteComment, className: "popover", commentId: comment.id })))));
-};
-
-const getMostEngagingComment = (postId, locale) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c;
-    const commentsRes = yield callApiWithOptionalAuth(getApiPath(PATHS.COMMENT.LIST, {
-        postId: postId,
-        _locale: locale,
-        sort: 'popularity',
-        perPage: 1,
-        withoutReply: 1,
-    }), 'GET');
-    return (_c = (_b = (_a = commentsRes === null || commentsRes === void 0 ? void 0 : commentsRes.data) === null || _a === void 0 ? void 0 : _a.comments) === null || _b === void 0 ? void 0 : _b.map(formatComment)) === null || _c === void 0 ? void 0 : _c[0];
-});
-const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onCommentClick, onCommentCountClick, onMostEngagingCommentClick, onPostCommentSuccess: onPostCommentSuccessProp, disableCardLink, disableShortenContent, onDeletePost, onEditPost, post: postProp, mostEngagingComment: mostEngagingCommentProp, onDeleteComment: onDeleteCommentProp, showInputComment: propsShowInputComment, InlineCommentsComponent, hasQuickBookingEnable, handleMakeAppointment, cardAuthorProps, }) => {
-    const [post, setPost] = useState(postProp);
-    const [isOpenSharePopup, setIsOpenSharePopup] = useState(false);
-    const [mostEngagingComment, setMostEngagingComment] = useState(mostEngagingCommentProp);
-    const { community, topics, author, slug, isPin, liked, photos, mentions, title, description, previewUrl, likesCount, commentsCount, id, commented, } = post;
-    const { data: { locale, env: { isMarryBaby, togetherBasePath }, }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
-    const { t } = useTranslations();
-    const [showInputComment, setShowInputComment] = useState(propsShowInputComment);
-    const postRelativeHref = `${togetherBasePath}/${(community === null || community === void 0 ? void 0 : community.slug) || '_'}/${slug || ''}`;
-    const postHref = `${getCurrentBaseUrl(locale)}${postRelativeHref}`;
-    const { authActionWrapper } = useTogetherAuthRequiredAction((community === null || community === void 0 ? void 0 : community.slug)
-        ? {
-            _joinCommunityIds: [community.id],
-            _joinTopicIds: topics === null || topics === void 0 ? void 0 : topics.map((t) => t.id),
-            // _location: postHref,
-        }
-        : undefined);
-    const [isLikeLoading, setIsLikeLoading] = useState(false);
-    useEffect(() => {
-        setShowInputComment(propsShowInputComment);
-    }, [propsShowInputComment]);
-    const name = (author === null || author === void 0 ? void 0 : author.name) || (author === null || author === void 0 ? void 0 : author.username) || '';
-    const username = (author === null || author === void 0 ? void 0 : author.username) || (author === null || author === void 0 ? void 0 : author.name) || '';
-    const avatar = author === null || author === void 0 ? void 0 : author.avatar;
-    const authorRole = (post === null || post === void 0 ? void 0 : post.isAnonymous) ? undefined : author === null || author === void 0 ? void 0 : author.role;
-    const [hospitalInfo, setHospitalInfo] = useState(null);
-    const [doctorInfo, setDoctorInfo] = useState(null);
-    useEffect(() => {
-        if (author === null || author === void 0 ? void 0 : author.hospitalId) {
-            const fetchHospitalDetail = (hospitalId) => __awaiter(void 0, void 0, void 0, function* () {
-                var _a;
-                const response = yield callApi(getCarePath(CARE_PATHS.GET_HOSPITAL_INFO, {
-                    hospital_branch_id: hospitalId,
-                    website_url: domainLocales[locale],
-                }), 'get');
-                if ((_a = response === null || response === void 0 ? void 0 : response._data) === null || _a === void 0 ? void 0 : _a.branch) {
-                    setHospitalInfo(response === null || response === void 0 ? void 0 : response._data.branch);
-                }
-            });
-            fetchHospitalDetail(author.hospitalId);
-        }
-        if (author === null || author === void 0 ? void 0 : author.doctorId) {
-            const fetchDoctorDetail = (doctorId) => __awaiter(void 0, void 0, void 0, function* () {
-                var _b;
-                const response = yield callApi(getCarePath(CARE_PATHS.GET_DOCTOR_INFO, {
-                    doctorId: doctorId,
-                    website_url: domainLocales[locale],
-                }), 'get');
-                if ((_b = response === null || response === void 0 ? void 0 : response._data) === null || _b === void 0 ? void 0 : _b.doctor) {
-                    setDoctorInfo(response === null || response === void 0 ? void 0 : response._data.doctor);
-                }
-            });
-            fetchDoctorDetail(author.doctorId);
-        }
-    }, [author.hospitalId, author.doctorId]);
-    const isDoctorAvailable = (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.valid_outpatient) || (doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.valid_telemedicine);
-    const isHospitalAvailable = ((hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.total_available_service) ||
-        (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.total_available_doctor)) > 0;
-    const hasQuickBooking = hasQuickBookingEnable && (isDoctorAvailable || isHospitalAvailable);
-    useEffect(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            if (id &&
-                commentsCount &&
-                showMostEngaging &&
-                !(mostEngagingCommentProp === null || mostEngagingCommentProp === void 0 ? void 0 : mostEngagingCommentProp.id)) {
-                const comment = yield getMostEngagingComment(id, locale);
-                setMostEngagingComment(comment);
-            }
-        }))();
-    }, [id, locale, commentsCount, showMostEngaging, mostEngagingCommentProp === null || mostEngagingCommentProp === void 0 ? void 0 : mostEngagingCommentProp.id]);
-    useEffect(() => {
-        setMostEngagingComment(mostEngagingCommentProp);
-    }, [mostEngagingCommentProp === null || mostEngagingCommentProp === void 0 ? void 0 : mostEngagingCommentProp.id]);
-    const onPostCommentSuccess = (comment) => {
-        if (commentsCount === 0 && !(mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id)) {
-            setMostEngagingComment(comment);
-        }
-        setPost((p) => (Object.assign(Object.assign({}, p), { commentsCount: p.commentsCount + 1, commented: true })));
-        onPostCommentSuccessProp && onPostCommentSuccessProp(comment);
-    };
-    const onDeleteComment = (comment) => __awaiter(void 0, void 0, void 0, function* () {
-        if (commentsCount > 1 &&
-            (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id) &&
-            (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id) === (comment === null || comment === void 0 ? void 0 : comment.id)) {
-            const newMostEngaging = yield getMostEngagingComment(id, locale);
-            setMostEngagingComment(newMostEngaging);
-        }
-        setPost((p) => (Object.assign(Object.assign({}, p), { commentsCount: p.commentsCount - 1 })));
-        onDeleteCommentProp && onDeleteCommentProp(comment);
-    });
-    return (React__default.createElement(TogetherAuthConfigContextProvider, { defaultParams: (community === null || community === void 0 ? void 0 : community.slug)
-            ? {
-                _joinCommunityIds: [community.id],
-                _joinTopicIds: topics === null || topics === void 0 ? void 0 : topics.map((t) => t.id),
-                // _location: postHref,
-            }
-            : undefined },
-        isOpenSharePopup && (React__default.createElement(SharePopup, { url: postHref, avatar: DEFAULT_IMG, text: title, onClose: () => setIsOpenSharePopup(false) })),
-        React__default.createElement(StyledCardPost$1, { className: className, style: style, "data-is-marrybaby": isMarryBaby },
-            isPin ? React__default.createElement(LabelPin, { className: "post-pin" }) : null,
-            React__default.createElement("div", { style: { position: 'relative', padding: '1rem 1rem 0' } },
-                React__default.createElement(CardAuthor, Object.assign({ avatar: avatar, name: name, username: username, url: disableCardLink ? undefined : postRelativeHref, community: community, 
-                    // miniIcon="./svg/icon-tag.svg"
-                    timeText: post === null || post === void 0 ? void 0 : post.createdTime, className: "post-author", role: authorRole, userId: author === null || author === void 0 ? void 0 : author.id, expertId: author === null || author === void 0 ? void 0 : author.partnerId, doctorId: author === null || author === void 0 ? void 0 : author.doctorId, hospitalId: author === null || author === void 0 ? void 0 : author.hospitalId, title: author === null || author === void 0 ? void 0 : author.title, hasQuickBooking: hasQuickBooking, handleMakeAppointment: handleMakeAppointment, "data-testid": "name", isAnonymous: !!(post === null || post === void 0 ? void 0 : post.isAnonymous), extendEle: React__default.createElement(CardPostPopoverMore, { authorEmail: String(author === null || author === void 0 ? void 0 : author.email), onDeletePost: onDeletePost, shareUrl: postHref, post: post, className: "popover", onEditPost: onEditPost }) }, cardAuthorProps))),
-            React__default.createElement("a", { href: disableCardLink ? undefined : postRelativeHref, className: "post-content-link-wrapper" },
-                title && (React__default.createElement(Heading, { className: "post-content-title", as: "h2", tag: "h5", fontWeight: "bold", "data-testid": "Title of the Post" }, innertext(title))),
-                React__default.createElement(PostContent, { className: "post-content-wrapper", description: description, disableShortenContent: disableShortenContent, mentions: mentions, "data-testid": "Content of the Post" })),
-            React__default.createElement("span", null),
-            React__default.createElement("span", null),
-            React__default.createElement("div", { key: "tag-topic" }, topics && topics.length > 0 ? (React__default.createElement(TagTopic, { topics: topics, className: "post-topics" })) : null),
-            React__default.createElement("div", { key: "social-preview" }, (post === null || post === void 0 ? void 0 : post.introUrl) ? (React__default.createElement("div", { className: `social-preview-wrapper ${!!(photos === null || photos === void 0 ? void 0 : photos.length) ? 'has-image' : ''}` },
-                React__default.createElement(SocialLinkPreview, { url: post.introUrl, image: post.bannerImage }))) : null),
-            React__default.createElement("div", { key: "image-preview" }, !!(photos === null || photos === void 0 ? void 0 : photos.length) ? (React__default.createElement("div", { className: "image-preview-wrapper" },
-                React__default.createElement(PostImagePreview, { images: photos, authorName: author === null || author === void 0 ? void 0 : author.name }))) : null),
-            React__default.createElement("div", { key: "link-preview" }, !(post === null || post === void 0 ? void 0 : post.introUrl) && !(photos === null || photos === void 0 ? void 0 : photos.length) && (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) ? (React__default.createElement("div", { className: "link-preview-wrapper" },
-                React__default.createElement(CardLink, { title: previewUrl.title, url: previewUrl.url, image: previewUrl.image }))) : null),
-            React__default.createElement(CardReactions, { isMarryBaby: isMarryBaby, type: CardReactionType.post, loveCount: likesCount, replyCount: commentsCount, className: `post-reaction ${(photos === null || photos === void 0 ? void 0 : photos.length) || (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) ? 'hide-top-border' : ''}`, liked: isLikeLoading ? !liked : liked, isReplied: commented, onCommentClick: () => authActionWrapper(() => {
-                    onCommentClick ? onCommentClick() : setShowInputComment((v) => !v);
-                }), onCommentCountClick: () => {
-                    authActionWrapper(() => {
-                        isMarryBaby
-                            ? setShowInputComment(true)
-                            : onCommentCountClick
-                                ? onCommentCountClick()
-                                : !disableCardLink && (window.location.href = postRelativeHref);
-                    });
-                }, onShareClick: () => {
-                    setIsOpenSharePopup(true);
-                }, onLikeClick: () => __awaiter(void 0, void 0, void 0, function* () {
-                    if (!id || isLikeLoading)
-                        return;
-                    setIsLikeLoading(true);
-                    try {
-                        const res = yield likeUnlikePost({
-                            id,
-                            locale,
-                        });
-                        if ((res === null || res === void 0 ? void 0 : res.status) !== 1) {
-                            pushNotifications(getDefaultFailNoti(t));
-                        }
-                        else {
-                            setPost((p) => (Object.assign(Object.assign({}, p), { likesCount: (p.likesCount || 0) + (!p.liked ? 1 : -1), liked: !p.liked })));
-                        }
-                    }
-                    catch (_a) {
-                        pushNotifications(getDefaultFailNoti(t));
-                    }
-                    setIsLikeLoading(false);
-                }), showingMostEngaging: !!(showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id)) }),
-            showInputComment && (React__default.createElement(InputCommentBar, { isMainCmt: !propsShowInputComment, onClose: () => setShowInputComment(false), onPostSuccess: onPostCommentSuccess, post: post })),
-            showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id) ? (React__default.createElement("div", { className: "most-engaging-wrapper", onClick: (e) => {
-                    if (onMostEngagingCommentClick) {
-                        e.stopPropagation();
-                        onMostEngagingCommentClick();
-                    }
-                    else
-                        window.location.href = postRelativeHref;
-                } },
-                React__default.createElement(CardReply, { hasQuickBookingEnable: hasQuickBookingEnable, handleMakeAppointment: handleMakeAppointment, comment: mostEngagingComment, post: post, onDeleteComment: () => {
-                        onDeleteComment && onDeleteComment(mostEngagingComment);
-                    }, className: "most-engaging-comment", type: "most-engaging", key: mostEngagingComment.id, cardAuthorProps: cardAuthorProps }),
-                commentsCount > 1 && !hideViewMoreComment && (React__default.createElement(Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
-                    count: commentsCount - 1,
-                }))))) : null,
-            InlineCommentsComponent)));
-};
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-export { SkipQuestionOfExpertBtn as A, CardPost as B, CardLink as C, CardPostPopoverMore as D, CardReply as E, CardReplyPopover as F, PopoverMenu as G, SourceList as H, InputCommentBar as I, LabelSortPin as L, PopupDanger as P, SharePopup as S, TogetherAuthConfigContext as T, VerifiedTag as V, TogetherAuthConfigContextProvider as a, CardReactions as b, TagTopic as c, LabelPin as d, LabelSorting as e, CardAuthor as f, CreateNewPostContent as g, CreatePostDescription as h, CreatePostTitle as i, PopupExpert as j, PopupDoctor as k, PopupHospital as l, TopicSelectList as m, PopupFrame as n, SubmitReportForm as o, ShareBox as p, PostContent as q, ImagePreviewPopup as r, PostSingleImageViewPopup as s, types as t, useTogetherAuthRequiredAction as u, PostImagePreview as v, SocialLinkPreview as w, ProfileDetailModal as x, ProfileDetail as y, TabName as z };
+export { decodeCommentBody as A, likeUnlikeComment as B, CardAuthor as C, likeUnlikePost as D, InputCommentBar as I, Loading$1 as L, PopupDanger as P, RichTextEditor as R, SharePopup as S, TabName as T, PopupExpert as a, PopupDoctor as b, PopupHospital as c, PopupFrame as d, SubmitReportForm as e, ShareBox as f, PostContent as g, ImagePreviewPopup as h, PostSingleImageViewPopup as i, PostImagePreview as j, SocialLinkPreview as k, ProfileDetailModal as l, ProfileDetail as m, StyledCreatePostDescription as n, IconCloseCircle as o, highlightBadWords as p, decodeMention as q, decodePostUrl as r, getDefaultFailNoti as s, getPostFormData as t, useImagePicker as u, editPost as v, createPost as w, deletePost as x, IconAlertCircle as y, deleteComment as z };