@hhgtech/hhg-components 1.28.78 → 1.28.80

package/build/{types-94c4449c.js → types-55014b2c.js}

@@ -1,48 +1,49 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-8e864883.js');
-require('./translationsContext-eb3b16d8.js');
+var index$1 = require('./index-a84eedaa.js');
+require('./translationsContext-09f33cc8.js');
 require('string-format');
-var utils = require('./utils-c2445e75.js');
-var tslib_es6 = require('./tslib.es6-6fa07404.js');
+var utils = require('./utils-da97b7ae.js');
+var tslib_es6 = require('./tslib.es6-05775979.js');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$c = require('./index-dd49ba18.js');
-var useTranslations = require('./useTranslations-a4c6b8f5.js');
+var index$c = require('./index-d7aea2d0.js');
+var useTranslations = require('./useTranslations-ee85619b.js');
 var innertext = require('innertext');
-var theme = require('./theme-ca8bb2dd.js');
-var index$8 = require('./index-3daa918b.js');
+var theme = require('./theme-3069f85a.js');
+var index$8 = require('./index-c194972d.js');
 require('@mantine/dates');
-var index$4 = require('./index-7e38d239.js');
-var Subot = require('./Subot-89c2bfe5.js');
-var index$9 = require('./index-38ecdf2c.js');
+var index$4 = require('./index-958f67bb.js');
+var Subot = require('./Subot-a11a4e5b.js');
+var index$9 = require('./index-a79982f7.js');
 require('@mantine/hooks');
-var utils$1 = require('./utils-64e577eb.js');
-var index$7 = require('./index-faecc6fb.js');
-var index$6 = require('./index-8b1861d6.js');
-var index$b = require('./index-1ccc525b.js');
+var utils$1 = require('./utils-f7881466.js');
+var index$7 = require('./index-a511db2b.js');
+var index$6 = require('./index-8c630d76.js');
+var index$b = require('./index-76bb520c.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var core$1 = require('@hhgtech/icons/core');
-var index$5 = require('./index-fc485132.js');
-var index$2 = require('./index-1a6b3538.js');
-var cookieHelper = require('./cookieHelper-b3cb244a.js');
+var index$5 = require('./index-a2785ada.js');
+var index$2 = require('./index-a3d460fa.js');
+var cookieHelper = require('./cookieHelper-115e3b7b.js');
 var ReactDOM = require('react-dom');
 var styled = require('styled-components');
-var index$3 = require('./index-bd2005e5.js');
-var number = require('./number-ad95e7d9.js');
+var index$3 = require('./index-8d87268c.js');
+var number = require('./number-97ef064d.js');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-36c874ce.js');
-var useUniqueId = require('./useUniqueId-3396b916.js');
-var index_styles = require('./index.styles-63c23f64.js');
-var routing = require('./routing-f4f6017a.js');
-require('./constants-40575d3d.js');
-require('./utils-6ccbb5ca.js');
-require('./index.styled-221f7a2a.js');
-require('./index-2d45199a.js');
+var index$a = require('./index-e3b0bdb0.js');
+var Close = require('./Close-b7a203d1.js');
+var useUniqueId = require('./useUniqueId-3b22c3ca.js');
+var index_styles = require('./index.styles-2705c1b1.js');
+var routing = require('./routing-46b3def0.js');
+require('./constants-3479888e.js');
+require('./utils-d583cd84.js');
+require('./index.styled-2ad9b370.js');
+require('./index-5f30931a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -64,7 +65,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefault(React);
 var innertext__default = /*#__PURE__*/_interopDefault(innertext);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var ContentEditable__default = /*#__PURE__*/_interopDefault(ContentEditable);
@@ -73,13 +74,9 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var relativeTime__default = /*#__PURE__*/_interopDefault(relativeTime);
 
-/* eslint-disable prettier/prettier */
-const Close = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),
-    React__namespace.createElement("path", { d: "M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z" })));
-
 const TogetherAuthConfigContext = React.createContext({});
 const TogetherAuthConfigContextProvider = ({ children, defaultParams, }) => {
-    return (React__namespace["default"].createElement(TogetherAuthConfigContext.Provider, { value: {
+    return (React__default["default"].createElement(TogetherAuthConfigContext.Provider, { value: {
             defaultParams,
         } }, children));
 };
@@ -234,26 +231,26 @@ const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) =>
         .split(/[/?#]/);
     const domain = urlParts[0];
     const showDefaultRef = React.useRef(false);
-    return (React__namespace["default"].createElement(StyledCardLink, { "data-is-marrybaby": isMarryBaby, className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0] },
-        React__namespace["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
-            displayImage && (React__namespace["default"].createElement("div", { className: "link-image-wrapper" },
-                !isMarryBaby && (React__namespace["default"].createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
+    return (React__default["default"].createElement(StyledCardLink, { "data-is-marrybaby": isMarryBaby, className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0] },
+        React__default["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+            displayImage && (React__default["default"].createElement("div", { className: "link-image-wrapper" },
+                !isMarryBaby && (React__default["default"].createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
                         if (!showDefaultRef.current) {
                             showDefaultRef.current = true;
                             e.currentTarget.src = utils.DEFAULT_IMG;
                         }
                     }, loading: "lazy" })),
-                React__namespace["default"].createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
+                React__default["default"].createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
                         if (!showDefaultRef.current) {
                             showDefaultRef.current = true;
                             e.currentTarget.src = utils.DEFAULT_IMG;
                         }
                     }, loading: "lazy" }))),
-            React__namespace["default"].createElement("div", { className: "link-info-container" },
-                React__namespace["default"].createElement(index$1.Text, { size: "n1" },
-                    isMarryBaby && displayLogo && !hideLogo && (React__namespace["default"].createElement("img", { className: "link-logo", src: displayLogo, onError: () => setHideLogo(true), loading: "lazy" })),
+            React__default["default"].createElement("div", { className: "link-info-container" },
+                React__default["default"].createElement(index$1.Text, { size: "n1" },
+                    isMarryBaby && displayLogo && !hideLogo && (React__default["default"].createElement("img", { className: "link-logo", src: displayLogo, onError: () => setHideLogo(true), loading: "lazy" })),
                     domain),
-                React__namespace["default"].createElement(index$2.Heading, { tag: "h6" }, displayTitle)))));
+                React__default["default"].createElement(index$2.Heading, { tag: "h6" }, displayTitle)))));
 };
 
 const CardReactionsContext = React.createContext({});
@@ -263,21 +260,21 @@ var styles$k = {"wrapper":"vvR-m49"};
 const LikeWrapper = (_a) => {
     var { children, className = '' } = _a, boxProps = tslib_es6.__rest(_a, ["children", "className"]);
     const { isReplied, trackingCategory, trackingLabel, onLikeClick } = React.useContext(CardReactionsContext);
-    return (React__namespace["default"].createElement(core.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: () => {
+    return (React__default["default"].createElement(core.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 ShareWrapper = (_a) => {
     var { children, className = '' } = _a, boxProps = tslib_es6.__rest(_a, ["children", "className"]);
     const { trackingCategory, trackingLabel, onShareClick } = React.useContext(CardReactionsContext);
-    return (React__namespace["default"].createElement(core.Box, Object.assign({ className: `${styles$k.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": "Share Icon Click", "data-event-label": trackingLabel }, boxProps, { onClick: () => {
+    return (React__default["default"].createElement(core.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 CommentWrapper = (_a) => {
     var { children, className = '' } = _a, boxProps = tslib_es6.__rest(_a, ["children", "className"]);
     const { isReplied, trackingCategory, trackingLabel, onCommentClick } = React.useContext(CardReactionsContext);
-    return (React__namespace["default"].createElement(core.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) => {
+    return (React__default["default"].createElement(core.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();
@@ -299,7 +296,7 @@ const CardReactions = (_a) => {
         : isMarryBabyEnv;
     const { t } = useTranslations.useTranslations();
     // /api/v1/auth/post?post_slug=test-post-title-3607&website_url={{website_url}}
-    return (React__namespace["default"].createElement(CardReactionsContext.Provider, { value: {
+    return (React__default["default"].createElement(CardReactionsContext.Provider, { value: {
             liked,
             loveCount,
             trackingCategory,
@@ -308,27 +305,27 @@ const CardReactions = (_a) => {
             onLikeClick,
             onShareClick,
             onCommentClick,
-        } }, children || (React__namespace["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__namespace["default"].createElement("div", { className: styles$j.inner },
-            React__namespace["default"].createElement("div", { className: styles$j.column },
-                React__namespace["default"].createElement(LikeWrapper, { className: styles$j.clickableIcon },
-                    React__namespace["default"].createElement(index$1.Text, { className: styles$j.iconTxt, size: "p3", as: "div" },
-                        React__namespace["default"].createElement(other.Heart, { className: "txt-icon", isMarryBaby: isMarryBaby, isSolid: liked, color: liked
+        } }, children || (React__default["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["default"].createElement("div", { className: styles$j.inner },
+            React__default["default"].createElement("div", { className: styles$j.column },
+                React__default["default"].createElement(LikeWrapper, { className: styles$j.clickableIcon },
+                    React__default["default"].createElement(index$1.Text, { className: styles$j.iconTxt, size: "p3", as: "div" },
+                        React__default["default"].createElement(other.Heart, { className: "txt-icon", isMarryBaby: isMarryBaby, isSolid: liked, color: liked
                                 ? isMarryBaby
                                     ? theme.theme.mbColors.pink
                                     : theme.theme.colors.red800
                                 : '#737373' }),
-                        hasCountLike && (React__namespace["default"].createElement("div", { className: styles$j.count }, loveCount)))),
-                hasShare && (React__namespace["default"].createElement(ShareWrapper, { className: styles$j.clickableIcon },
-                    React__namespace["default"].createElement(index$1.Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
-                        React__namespace["default"].createElement(index$3.Icon.Share, { isMarryBaby: isMarryBaby })))),
-                typeof viewCount !== 'undefined' && (React__namespace["default"].createElement(index$1.Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
-                    React__namespace["default"].createElement(index$3.Icon.Eye, { isMarryBaby: isMarryBaby }),
-                    React__namespace["default"].createElement("div", { className: styles$j.count }, number.abbreviateNumber(viewCount))))),
-            !hideCommentIcon && (React__namespace["default"].createElement(CommentWrapper, { className: styles$j.clickableIcon },
-                React__namespace["default"].createElement(index$1.Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
-                    isReplied ? (React__namespace["default"].createElement(other.Reply, { className: "txt-icon" })) : (React__namespace["default"].createElement(other.Comment, { className: "txt-icon", isMarryBaby: isMarryBaby })),
-                    isReplied ? (t('cardReactions.reply')) : (React__namespace["default"].createElement("div", { className: styles$j.count }, t('post.commentCount', {
+                        hasCountLike && (React__default["default"].createElement("div", { className: styles$j.count }, loveCount)))),
+                hasShare && (React__default["default"].createElement(ShareWrapper, { className: styles$j.clickableIcon },
+                    React__default["default"].createElement(index$1.Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
+                        React__default["default"].createElement(index$3.Icon.Share, { isMarryBaby: isMarryBaby })))),
+                typeof viewCount !== 'undefined' && (React__default["default"].createElement(index$1.Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
+                    React__default["default"].createElement(index$3.Icon.Eye, { isMarryBaby: isMarryBaby }),
+                    React__default["default"].createElement("div", { className: styles$j.count }, number.abbreviateNumber(viewCount))))),
+            !hideCommentIcon && (React__default["default"].createElement(CommentWrapper, { className: styles$j.clickableIcon },
+                React__default["default"].createElement(index$1.Text, { size: "p3", className: styles$j.iconTxt, as: "div" },
+                    isReplied ? (React__default["default"].createElement(other.Reply, { className: "txt-icon" })) : (React__default["default"].createElement(other.Comment, { className: "txt-icon", isMarryBaby: isMarryBaby })),
+                    isReplied ? (t('cardReactions.reply')) : (React__default["default"].createElement("div", { className: styles$j.count }, t('post.commentCount', {
                         count: replyCount,
                     })))))))))));
 };
@@ -375,17 +372,17 @@ const TagTopic = (_a) => {
     });
     const { data: { env: { togetherBasePath }, }, action: { sanitizeFunction }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const [showAll, setShowAll] = React.useState(!shortenedStyle);
-    return (React__namespace["default"].createElement("div", Object.assign({ onClick: onClick, className: `${classes.wrapper} ${className}`, style: style }, rest),
+    return (React__default["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__namespace["default"].createElement("a", { className: classes.item, key: index, "data-event-category": trackingCategory, "data-event-action": "Topic in Post Click", "data-event-label": `${utils.getCurrentBaseUrl(locale)}${togetherBasePath}${topic.url}`, href: topic.isActive && !topic.isHidden
+            return (React__default["default"].createElement("a", { className: classes.item, key: index, "data-event-category": trackingCategory, "data-event-action": "Topic in Post Click", "data-event-label": `${utils.getCurrentBaseUrl(locale)}${togetherBasePath}${topic.url}`, href: topic.isActive && !topic.isHidden
                     ? `${togetherBasePath}${topic.url}/`
                     : undefined },
-                React__namespace["default"].createElement(index$1.Text, { size: "p4" },
-                    React__namespace["default"].createElement("span", { style: Object.assign({}, (isMonthTopic && {
+                React__default["default"].createElement(index$1.Text, { size: "p4" },
+                    React__default["default"].createElement("span", { style: Object.assign({}, (isMonthTopic && {
                             textTransform: 'capitalize',
                         })), dangerouslySetInnerHTML: {
                             __html: isMonthTopic
@@ -395,11 +392,11 @@ const TagTopic = (_a) => {
                                 : (sanitizeFunction === null || sanitizeFunction === void 0 ? void 0 : sanitizeFunction(topic.name)) || topic.name,
                         } }))));
         }),
-        !showAll && topics.length > shortenedNumber && (React__namespace["default"].createElement("a", { className: classes.item, href: "#", onClick: (e) => {
+        !showAll && topics.length > shortenedNumber && (React__default["default"].createElement("a", { className: classes.item, href: "#", onClick: (e) => {
                 e.preventDefault();
                 setShowAll(true);
             } },
-            React__namespace["default"].createElement(index$1.Text, { size: "p4" },
+            React__default["default"].createElement(index$1.Text, { size: "p4" },
                 "+",
                 t('tagTopic.moreTopics', {
                     number: topics.length - shortenedNumber,
@@ -483,8 +480,8 @@ const StyledLabelSortPin = styled__default["default"].div `
 
 const LabelSortPin = ({ label, rightLabel, onClick, color, className, style, }) => {
     const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
-    return (React__namespace["default"].createElement(StyledLabelSortPin, { "data-is-marrybaby": isMarryBaby, "data-color": color, onClick: onClick, className: className, style: style },
-        React__namespace["default"].createElement(index$1.Text, { className: "label-sort-pin-heading", size: isMarryBaby ? 'p4' : 'p3', weight: "bold" }, label),
+    return (React__default["default"].createElement(StyledLabelSortPin, { "data-is-marrybaby": isMarryBaby, "data-color": color, onClick: onClick, className: className, style: style },
+        React__default["default"].createElement(index$1.Text, { className: "label-sort-pin-heading", size: isMarryBaby ? 'p4' : 'p3', weight: "bold" }, label),
         rightLabel));
 };
 
@@ -497,10 +494,10 @@ var IconPinYellow = img$G;
 const LabelPin = ({ onClick, color, className, style }) => {
     const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
-    return (React__namespace["default"].createElement(LabelSortPin, { label: React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            isMarryBaby && (React__namespace["default"].createElement("img", { className: "label-sort-pin-icon", src: MBPinOrange, loading: "lazy" })),
+    return (React__default["default"].createElement(LabelSortPin, { label: React__default["default"].createElement(React__default["default"].Fragment, null,
+            isMarryBaby && (React__default["default"].createElement("img", { className: "label-sort-pin-icon", src: MBPinOrange, loading: "lazy" })),
             ' ',
-            t('label.pinnedPost')), rightLabel: !isMarryBaby && (React__namespace["default"].createElement("img", { className: "label-sort-pin-icon", src: IconPinYellow, loading: "lazy" })), onClick: onClick, color: 'white' , className: `label-pinned ${className}`, style: style }));
+            t('label.pinnedPost')), rightLabel: !isMarryBaby && (React__default["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";
@@ -844,9 +841,9 @@ const PopoverMenu = ({ className, style, toggleButtonContent, position = 'bottom
             window.removeEventListener('click', clickHandler);
         };
     }, []);
-    return (React__namespace["default"].createElement(StyledPopoverMenu, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        React__namespace["default"].createElement(index$5.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "popover-menu__btn", size: "md", color: "transparent", onClick: () => setIsShow((v) => !v) }, buttonProps), toggleButtonContent),
-        isShow ? (React__namespace["default"].createElement("div", { ref: popoverContent, className: `popover-menu__content --position-${position} --align-${align}`, tabIndex: 0, onClick: (e) => e.stopPropagation() }, typeof children === 'function'
+    return (React__default["default"].createElement(StyledPopoverMenu, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
+        React__default["default"].createElement(index$5.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "popover-menu__btn", size: "md", color: "transparent", onClick: () => setIsShow((v) => !v) }, buttonProps), toggleButtonContent),
+        isShow ? (React__default["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,
             })
@@ -864,7 +861,7 @@ var IconChevronRightDark = img$B;
 
 const TreePopoverMenu = (_a) => {
     var { data } = _a, popoverProps = tslib_es6.__rest(_a, ["data"]);
-    return (React__namespace["default"].createElement(PopoverMenu, Object.assign({}, popoverProps), ({ setShow }) => React__namespace["default"].createElement(Tree, { data: data, setShow: setShow })));
+    return (React__default["default"].createElement(PopoverMenu, Object.assign({}, popoverProps), ({ setShow }) => React__default["default"].createElement(Tree, { data: data, setShow: setShow })));
 };
 const getCurrentDataFromPath = (data, path) => {
     const pathItems = path.split('.');
@@ -893,23 +890,23 @@ const Tree = ({ data, setShow }) => {
         else
             setPath((p) => p.split('.').concat(String(index)).join('.'));
     };
-    return (React__namespace["default"].createElement(StyledTree, null,
-        currentData.isShowheader ? (React__namespace["default"].createElement("div", { className: "__header" },
-            path ? (React__namespace["default"].createElement("img", { className: "__back-btn", src: IconChevronLeftDark, onClick: () => setPath((p) => p.split('.').slice(0, -1).join('.')), loading: "lazy" })) : null,
-            currentData.title ? (React__namespace["default"].createElement(index$2.Heading, { className: "__title", tag: "h6" }, currentData.title)) : null)) : null,
-        currentData.description ? (React__namespace["default"].createElement(index$1.Text, { className: "tree-text-description", color: theme.theme.colors.gray600, size: "p3", weight: "regular" }, currentData.description)) : null,
-        React__namespace["default"].createElement("div", { className: "__content" },
+    return (React__default["default"].createElement(StyledTree, null,
+        currentData.isShowheader ? (React__default["default"].createElement("div", { className: "__header" },
+            path ? (React__default["default"].createElement("img", { className: "__back-btn", src: IconChevronLeftDark, onClick: () => setPath((p) => p.split('.').slice(0, -1).join('.')), loading: "lazy" })) : null,
+            currentData.title ? (React__default["default"].createElement(index$2.Heading, { className: "__title", tag: "h6" }, currentData.title)) : null)) : null,
+        currentData.description ? (React__default["default"].createElement(index$1.Text, { className: "tree-text-description", color: theme.theme.colors.gray600, size: "p3", weight: "regular" }, currentData.description)) : null,
+        React__default["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__namespace["default"].createElement("ul", { className: "__list" }, Array.isArray(currentData.list)
-                ? currentData.list.map((item, index) => (React__namespace["default"].createElement("li", { key: index, style: item.style, className: `__item ${item.className}` },
+            currentData.type === 'list' ? (React__default["default"].createElement("ul", { className: "__list" }, Array.isArray(currentData.list)
+                ? currentData.list.map((item, index) => (React__default["default"].createElement("li", { key: index, style: item.style, className: `__item ${item.className}` },
                     ' ',
-                    React__namespace["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__namespace["default"].createElement("img", { className: "__icon", src: item.icon, loading: "lazy" })),
-                        React__namespace["default"].createElement("span", null, item.label)),
-                    item.subTree ? (React__namespace["default"].createElement("img", { className: "__toggle", src: IconChevronRightDark, loading: "lazy" })) : null,
-                    item.selected ? (React__namespace["default"].createElement("img", { className: "__toggle", src: IconCheckGray, loading: "lazy" })) : null)))
+                    React__default["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["default"].createElement("img", { className: "__icon", src: item.icon, loading: "lazy" })),
+                        React__default["default"].createElement("span", null, item.label)),
+                    item.subTree ? (React__default["default"].createElement("img", { className: "__toggle", src: IconChevronRightDark, loading: "lazy" })) : null,
+                    item.selected ? (React__default["default"].createElement("img", { className: "__toggle", src: IconCheckGray, loading: "lazy" })) : null)))
                 : null)) : null)));
 };
 
@@ -921,7 +918,7 @@ var LabelSortingValue;
 })(LabelSortingValue || (LabelSortingValue = {}));
 const LabelSorting = ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }) => {
     const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
-    return (React__namespace["default"].createElement(LabelSortPin, { label: leftLabel, rightLabel: React__namespace["default"].createElement(TreePopoverMenu, { position: "bottom", align: "end", data: {
+    return (React__default["default"].createElement(LabelSortPin, { label: leftLabel, rightLabel: React__default["default"].createElement(TreePopoverMenu, { position: "bottom", align: "end", data: {
                 isShowheader: false,
                 type: 'list',
                 list: choices.map((c) => ({
@@ -930,16 +927,16 @@ const LabelSorting = ({ onChange, className, style, leftLabel, rightLabel, color
                     selected: c.value === value,
                     className: 'bold-item',
                 })),
-            }, toggleButtonContent: React__namespace["default"].createElement("div", { style: {
+            }, toggleButtonContent: React__default["default"].createElement("div", { style: {
                     display: 'flex',
                 } },
-                React__namespace["default"].createElement(index$1.Text, { style: {
+                React__default["default"].createElement(index$1.Text, { style: {
                         display: 'flex',
                         alignItems: 'center',
                         fontWeight: 'normal',
                         marginRight: 12,
                     }, size: "p4" }, rightLabel),
-                React__namespace["default"].createElement("img", { src: isMarryBaby ? MBSortBy : IconSortArrow, style: {
+                React__default["default"].createElement("img", { src: isMarryBaby ? MBSortBy : IconSortArrow, style: {
                         width: 16,
                         height: 16,
                         alignSelf: 'center',
@@ -949,38 +946,38 @@ const LabelSorting = ({ onChange, className, style, leftLabel, rightLabel, color
 var styles$i = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
 
 const MainText = ({ children, className = '' }) => {
-    return React__namespace["default"].createElement("div", { className: `${styles$i.mainTxt} ${className}` }, children);
+    return React__default["default"].createElement("div", { className: `${styles$i.mainTxt} ${className}` }, children);
 };
 const SubText = ({ children, className = '' }) => {
-    return React__namespace["default"].createElement("div", { className: `${styles$i.subTxt} ${className}` }, children);
+    return React__default["default"].createElement("div", { className: `${styles$i.subTxt} ${className}` }, children);
 };
 const SubTextRow = (_a) => {
     var { children, className = '' } = _a, rest = tslib_es6.__rest(_a, ["children", "className"]);
-    return (React__namespace["default"].createElement("div", Object.assign({ className: `${styles$i.subTxtRow} ${className}` }, rest), children));
+    return (React__default["default"].createElement("div", Object.assign({ className: `${styles$i.subTxtRow} ${className}` }, rest), children));
 };
 const SubDivider = ({ className = '' }) => {
-    return React__namespace["default"].createElement("span", { className: `${styles$i.subDivider} ${className}` });
+    return React__default["default"].createElement("span", { className: `${styles$i.subDivider} ${className}` });
 };
 const Row = ({ children, className = '' }) => {
-    return React__namespace["default"].createElement("div", { className: `${styles$i.row} ${className} row` }, children);
+    return React__default["default"].createElement("div", { className: `${styles$i.row} ${className} row` }, children);
 };
 const ColLeft = ({ children, className = '' }) => {
-    return React__namespace["default"].createElement("div", { className: `${className} col-left` }, children);
+    return React__default["default"].createElement("div", { className: `${className} col-left` }, children);
 };
 const ColRight = ({ children, className = '' }) => {
-    return React__namespace["default"].createElement("div", { className: `${className} col-right` }, children);
+    return React__default["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__namespace["default"].createElement("div", { className: `${styles$h.container} ${className}`, style: style },
-        React__namespace["default"].createElement("div", { className: styles$h.avatarWrapper, onClick: onAvatarClick, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel },
-            React__namespace["default"].createElement(index$6.UserAvatar, Object.assign({}, avatarProps)),
-            avatarIcon && React__namespace["default"].createElement("div", { className: styles$h.avatarIcon }, avatarIcon)),
-        React__namespace["default"].createElement("div", { className: `${styles$h.info} ${className}`, style: { minHeight: `${(avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.size) || 40}px` } }, children || (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            title && React__namespace["default"].createElement(MainText, null, title),
-            subTitle && React__namespace["default"].createElement(SubText, null, subTitle))))));
+    return (React__default["default"].createElement("div", { className: `${styles$h.container} ${className}`, style: style },
+        React__default["default"].createElement("div", { className: styles$h.avatarWrapper, onClick: onAvatarClick, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel },
+            React__default["default"].createElement(index$6.UserAvatar, Object.assign({}, avatarProps)),
+            avatarIcon && React__default["default"].createElement("div", { className: styles$h.avatarIcon }, avatarIcon)),
+        React__default["default"].createElement("div", { className: `${styles$h.info} ${className}`, style: { minHeight: `${(avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.size) || 40}px` } }, children || (React__default["default"].createElement(React__default["default"].Fragment, null,
+            title && React__default["default"].createElement(MainText, null, title),
+            subTitle && React__default["default"].createElement(SubText, null, subTitle))))));
 };
 CardAuthor$1.MainText = MainText;
 CardAuthor$1.SubText = SubText;
@@ -1007,12 +1004,12 @@ const AuthorBadgeItem = ({ styles, className, classNames, }) => {
         styles,
         classNames,
     });
-    return role ? (React__namespace["default"].createElement(index$7.AuthorBadge, { className: cx(classes.root, className), siteType: siteType, role: role, title: title })) : null;
+    return role ? (React__default["default"].createElement(index$7.AuthorBadge, { className: cx(classes.root, className), siteType: siteType, role: role, title: title })) : null;
 };
 
 const DisplayName = () => {
     const { displayName } = React.useContext(CardAuthorContext);
-    return React__namespace["default"].createElement(core.Box, null, displayName);
+    return React__default["default"].createElement(core.Box, null, displayName);
 };
 
 var useStyles$1 = core.createStyles(() => {
@@ -1222,8 +1219,8 @@ styled__default["default"].div `
 
 const Loading$1 = ({ className, size = 'md' }) => {
     const { t } = useTranslations.useTranslations();
-    return (React__namespace["default"].createElement(StyledLoading, { className: className },
-        React__namespace["default"].createElement(index$5.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
+    return (React__default["default"].createElement(StyledLoading, { className: className },
+        React__default["default"].createElement(index$5.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
 };
 
 const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback = index$9.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
@@ -1273,62 +1270,62 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
             return experience;
         return '';
     };
-    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-        React__namespace["default"].createElement(StyledPopup$2, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !doctorInfo ? (React__namespace["default"].createElement(Loading$1, null)) : (React__namespace["default"].createElement("div", { className: "popup-content" },
-            React__namespace["default"].createElement("div", { className: "close-button", onClick: onClose },
-                React__namespace["default"].createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
-            React__namespace["default"].createElement("div", { className: "main-info" },
-                React__namespace["default"].createElement("div", { className: "border-banner" }),
-                React__namespace["default"].createElement("div", { className: "avatar-title" },
-                    React__namespace["default"].createElement(StyledProfileImage$2, null,
-                        React__namespace["default"].createElement("div", { className: "image-container" },
-                            React__namespace["default"].createElement("div", { style: { position: 'relative' } },
-                                React__namespace["default"].createElement(index$8.ImageWrap, { src: doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.avatar, backupSrc: avatarFallback, className: "profile-image", alt: "avatar" }),
-                                React__namespace["default"].createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
-                    React__namespace["default"].createElement(StyledTitleContainer$2, null,
-                        React__namespace["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold", className: "full-name" }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.name),
-                        React__namespace["default"].createElement("div", { className: "specialty" },
-                            specialtiesList && (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-                                React__namespace["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 },
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(StyledPopup$2, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !doctorInfo ? (React__default["default"].createElement(Loading$1, null)) : (React__default["default"].createElement("div", { className: "popup-content" },
+            React__default["default"].createElement("div", { className: "close-button", onClick: onClose },
+                React__default["default"].createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
+            React__default["default"].createElement("div", { className: "main-info" },
+                React__default["default"].createElement("div", { className: "border-banner" }),
+                React__default["default"].createElement("div", { className: "avatar-title" },
+                    React__default["default"].createElement(StyledProfileImage$2, null,
+                        React__default["default"].createElement("div", { className: "image-container" },
+                            React__default["default"].createElement("div", { style: { position: 'relative' } },
+                                React__default["default"].createElement(index$8.ImageWrap, { src: doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.avatar, backupSrc: avatarFallback, className: "profile-image", alt: "avatar" }),
+                                React__default["default"].createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
+                    React__default["default"].createElement(StyledTitleContainer$2, null,
+                        React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold", className: "full-name" }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.name),
+                        React__default["default"].createElement("div", { className: "specialty" },
+                            specialtiesList && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                                React__default["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 },
                                     specialtiesList,
                                     ' • '))),
-                            React__namespace["default"].createElement("a", { href: utils.getCareHospitalUrl({
+                            React__default["default"].createElement("a", { href: utils.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__namespace["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization.name))))),
-                !isMobile && (React__namespace["default"].createElement("div", { className: "btn-wrapper" },
-                    React__namespace["default"].createElement("a", { href: utils.getCareDoctorUrl({
+                                React__default["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization.name))))),
+                !isMobile && (React__default["default"].createElement("div", { className: "btn-wrapper" },
+                    React__default["default"].createElement("a", { href: utils.getCareDoctorUrl({
                             name: doctorInfo.name,
                             id: doctorInfo.id,
                             locale: locale,
                         }) },
-                        React__namespace["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
-            formattedExperiences && (React__namespace["default"].createElement(StyledTitleContainer$2, null,
-                React__namespace["default"].createElement("div", { className: "experience" },
-                    React__namespace["default"].createElement(index$1.Text, { weight: "bold", size: "s3", color: theme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
-                    React__namespace["default"].createElement(StyledExperienceList, null, formattedExperiences.map((experience, i) => (React__namespace["default"].createElement("li", { key: i },
-                        React__namespace["default"].createElement(index$1.Text, { size: "p2" }, renderExperienceText(experience)))))),
-                    isMobile ? (React__namespace["default"].createElement("div", { className: "btn-wrapper" },
-                        React__namespace["default"].createElement("a", { href: utils.getCareDoctorUrl({
+                        React__default["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
+            formattedExperiences && (React__default["default"].createElement(StyledTitleContainer$2, null,
+                React__default["default"].createElement("div", { className: "experience" },
+                    React__default["default"].createElement(index$1.Text, { weight: "bold", size: "s3", color: theme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
+                    React__default["default"].createElement(StyledExperienceList, null, formattedExperiences.map((experience, i) => (React__default["default"].createElement("li", { key: i },
+                        React__default["default"].createElement(index$1.Text, { size: "p2" }, renderExperienceText(experience)))))),
+                    isMobile ? (React__default["default"].createElement("div", { className: "btn-wrapper" },
+                        React__default["default"].createElement("a", { href: utils.getCareDoctorUrl({
                                 name: doctorInfo.name,
                                 id: doctorInfo.id,
                                 locale: locale,
                             }) },
-                            React__namespace["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__namespace["default"].createElement("a", { href: utils.getCareDoctorUrl({
+                            React__default["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: utils.getCareDoctorUrl({
                             name: doctorInfo.name,
                             id: doctorInfo.id,
                             locale: locale,
                         }) },
-                        React__namespace["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": utils.getCurrentBaseUrl(locale) +
+                        React__default["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": utils.getCurrentBaseUrl(locale) +
                                 utils.getCareDoctorUrl({
                                     name: doctorInfo.name,
                                     id: doctorInfo.id,
                                     locale: locale,
                                 }) }, t('home.seeExpert')))))))))),
-        React__namespace["default"].createElement(StyledPopupWrapper$2, { "data-open": isOpen, onClick: (e) => {
+        React__default["default"].createElement(StyledPopupWrapper$2, { "data-open": isOpen, onClick: (e) => {
                 e.stopPropagation();
                 onClose();
             } })));
@@ -1529,42 +1526,42 @@ const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onC
             setIsLoading(false);
         }
     }, [isOpen, expertId, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.user_id]);
-    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-        React__namespace["default"].createElement(StyledPopup$1, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !expertInfo ? (React__namespace["default"].createElement(Loading$1, null)) : (React__namespace["default"].createElement("div", { className: "popup-content" },
-            React__namespace["default"].createElement("div", { className: "close-button", onClick: onClose },
-                React__namespace["default"].createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
-            React__namespace["default"].createElement("div", { className: "main-info" },
-                React__namespace["default"].createElement("div", { className: "border-banner" }),
-                React__namespace["default"].createElement("div", { className: "avatar-title" },
-                    React__namespace["default"].createElement(StyledProfileImage$1, null,
-                        React__namespace["default"].createElement("div", { className: "image-container" },
-                            React__namespace["default"].createElement("div", { style: { position: 'relative' } },
-                                React__namespace["default"].createElement(index$8.ImageWrap, { src: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.avatar, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
-                                React__namespace["default"].createElement("img", { className: "badge-avatar", src: ReviewerIconMap[expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.role], alt: "badge", loading: "lazy" })))),
-                    React__namespace["default"].createElement(StyledTitleContainer$1, null,
-                        React__namespace["default"].createElement(index$1.Text, { size: "s3", className: "full-name", weight: "semiBold" }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.display_name),
-                        React__namespace["default"].createElement("div", null,
-                            React__namespace["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 }, expertInfo === null || expertInfo === void 0 ? void 0 :
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(StyledPopup$1, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !expertInfo ? (React__default["default"].createElement(Loading$1, null)) : (React__default["default"].createElement("div", { className: "popup-content" },
+            React__default["default"].createElement("div", { className: "close-button", onClick: onClose },
+                React__default["default"].createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
+            React__default["default"].createElement("div", { className: "main-info" },
+                React__default["default"].createElement("div", { className: "border-banner" }),
+                React__default["default"].createElement("div", { className: "avatar-title" },
+                    React__default["default"].createElement(StyledProfileImage$1, null,
+                        React__default["default"].createElement("div", { className: "image-container" },
+                            React__default["default"].createElement("div", { style: { position: 'relative' } },
+                                React__default["default"].createElement(index$8.ImageWrap, { src: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.avatar, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
+                                React__default["default"].createElement("img", { className: "badge-avatar", src: ReviewerIconMap[expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.role], alt: "badge", loading: "lazy" })))),
+                    React__default["default"].createElement(StyledTitleContainer$1, null,
+                        React__default["default"].createElement(index$1.Text, { size: "s3", className: "full-name", weight: "semiBold" }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.display_name),
+                        React__default["default"].createElement("div", null,
+                            React__default["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 }, expertInfo === null || expertInfo === void 0 ? void 0 :
                                 expertInfo.specialty,
                                 ' • '),
-                            React__namespace["default"].createElement("a", { href: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.organisation_url, className: "organisation", target: "_blank", rel: "noreferrer" },
-                                React__namespace["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.organisation)))))),
-            React__namespace["default"].createElement(StyledTitleContainer$1, null,
-                React__namespace["default"].createElement("div", { className: "experience" },
-                    React__namespace["default"].createElement(index$1.Text, { weight: "bold", size: "p4", color: theme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
-                    React__namespace["default"].createElement("div", { className: "list-items" }, (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.experiences)
+                            React__default["default"].createElement("a", { href: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.organisation_url, className: "organisation", target: "_blank", rel: "noreferrer" },
+                                React__default["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.organisation)))))),
+            React__default["default"].createElement(StyledTitleContainer$1, null,
+                React__default["default"].createElement("div", { className: "experience" },
+                    React__default["default"].createElement(index$1.Text, { weight: "bold", size: "p4", color: theme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
+                    React__default["default"].createElement("div", { className: "list-items" }, (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.experiences)
                         ? expertInfo.experiences
                             .filter((e) => !!(e && (e.title || e.organization)))
                             .slice(0, 3)
-                            .map((experience, index) => (React__namespace["default"].createElement(StyledItem$2, { key: index },
-                            React__namespace["default"].createElement("img", { className: "bullet-point", src: BulletPoint, alt: "point", loading: "lazy" }),
-                            React__namespace["default"].createElement("div", { className: "text-contain" },
-                                React__namespace["default"].createElement(index$2.Heading, { tag: "h6", color: theme.theme.colors.gray800 }, experience === null || experience === void 0 ? void 0 : experience.title),
-                                React__namespace["default"].createElement(index$1.Text, { size: "p2", color: theme.theme.colors.gray500 }, experience === null || experience === void 0 ? void 0 : experience.organization)))))
+                            .map((experience, index) => (React__default["default"].createElement(StyledItem$2, { key: index },
+                            React__default["default"].createElement("img", { className: "bullet-point", src: BulletPoint, alt: "point", loading: "lazy" }),
+                            React__default["default"].createElement("div", { className: "text-contain" },
+                                React__default["default"].createElement(index$2.Heading, { tag: "h6", color: theme.theme.colors.gray800 }, experience === null || experience === void 0 ? void 0 : experience.title),
+                                React__default["default"].createElement(index$1.Text, { size: "p2", color: theme.theme.colors.gray500 }, experience === null || experience === void 0 ? void 0 : experience.organization)))))
                         : false),
-                    React__namespace["default"].createElement("a", { href: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url, style: { display: 'inline-block', paddingTop: 24 } },
-                        React__namespace["default"].createElement(index$1.Text, { as: "span", size: "s4", color: "#2D87F3", "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": utils.getCurrentBaseUrl(locale) + (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url) }, t('home.seeExpert')))))))),
-        React__namespace["default"].createElement(StyledPopupWrapper$1, { "data-open": isOpen, onClick: (e) => {
+                    React__default["default"].createElement("a", { href: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url, style: { display: 'inline-block', paddingTop: 24 } },
+                        React__default["default"].createElement(index$1.Text, { as: "span", size: "s4", color: "#2D87F3", "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": utils.getCurrentBaseUrl(locale) + (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url) }, t('home.seeExpert')))))))),
+        React__default["default"].createElement(StyledPopupWrapper$1, { "data-open": isOpen, onClick: (e) => {
                 e.stopPropagation();
                 onClose();
             } })));
@@ -1738,64 +1735,64 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
     }, [isOpen, hospitalId, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.id]);
     const specialties = (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.specialties) || [];
     const formatSpecialties = React.useMemo(() => specialties.map((specialty) => specialty.name), [specialties]);
-    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-        React__namespace["default"].createElement(StyledPopup, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !hospitalInfo ? (React__namespace["default"].createElement(Loading$1, null)) : (React__namespace["default"].createElement("div", { className: "popup-content" },
-            React__namespace["default"].createElement("div", { className: "close-button", onClick: onClose },
-                React__namespace["default"].createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
-            React__namespace["default"].createElement("div", { className: "main-info" },
-                React__namespace["default"].createElement("div", { className: "border-banner" }),
-                React__namespace["default"].createElement("div", { className: "avatar-title" },
-                    React__namespace["default"].createElement(StyledProfileImage, null,
-                        React__namespace["default"].createElement("div", { className: "image-container" },
-                            React__namespace["default"].createElement("div", { style: { position: 'relative' } },
-                                React__namespace["default"].createElement(index$8.ImageWrap, { src: hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.logo, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
-                                React__namespace["default"].createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
-                    React__namespace["default"].createElement(StyledTitleContainer, null,
-                        React__namespace["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold", className: "full-name" }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name),
-                        React__namespace["default"].createElement("div", { className: "specialty" },
-                            specialties && (React__namespace["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 },
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(StyledPopup, { "data-open": isOpen, "data-animation": enableAnimation, onClick: (e) => e.stopPropagation() }, isLoading || !hospitalInfo ? (React__default["default"].createElement(Loading$1, null)) : (React__default["default"].createElement("div", { className: "popup-content" },
+            React__default["default"].createElement("div", { className: "close-button", onClick: onClose },
+                React__default["default"].createElement("img", { src: CloseLight, style: { width: 20, height: 20 }, alt: "close-icon", loading: "lazy" })),
+            React__default["default"].createElement("div", { className: "main-info" },
+                React__default["default"].createElement("div", { className: "border-banner" }),
+                React__default["default"].createElement("div", { className: "avatar-title" },
+                    React__default["default"].createElement(StyledProfileImage, null,
+                        React__default["default"].createElement("div", { className: "image-container" },
+                            React__default["default"].createElement("div", { style: { position: 'relative' } },
+                                React__default["default"].createElement(index$8.ImageWrap, { src: hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.logo, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
+                                React__default["default"].createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
+                    React__default["default"].createElement(StyledTitleContainer, null,
+                        React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold", className: "full-name" }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name),
+                        React__default["default"].createElement("div", { className: "specialty" },
+                            specialties && (React__default["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 },
                                 formatSpecialties.join(' • '),
                                 '•')),
-                            React__namespace["default"].createElement("a", { href: utils.getCareHospitalUrl({
+                            React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                                     id: hospitalInfo.id,
                                     name: hospitalInfo.name,
                                     slug: hospitalInfo.slug,
                                     locale,
                                 }), className: "organisation", target: "_blank", rel: "noreferrer" },
-                                React__namespace["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name))))),
-                !isMobile && (React__namespace["default"].createElement("a", { href: utils.getCareHospitalUrl({
+                                React__default["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name))))),
+                !isMobile && (React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                         id: hospitalInfo.id,
                         name: hospitalInfo.name,
                         slug: hospitalInfo.slug,
                         locale,
                     }) },
-                    React__namespace["default"].createElement("div", { className: "btn-wrapper" },
-                        React__namespace["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
-            React__namespace["default"].createElement(StyledTitleContainer, null,
-                React__namespace["default"].createElement("div", { className: "experience" },
-                    React__namespace["default"].createElement(index$1.Text, { weight: "bold", size: "s3", color: theme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('hospital.content.description').toUpperCase()),
-                    React__namespace["default"].createElement(index$1.Text, { size: "p2", color: theme.theme.colors.gray500 }, hospitalInfo.about),
-                    isMobile ? (React__namespace["default"].createElement("a", { href: utils.getCareHospitalUrl({
+                    React__default["default"].createElement("div", { className: "btn-wrapper" },
+                        React__default["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
+            React__default["default"].createElement(StyledTitleContainer, null,
+                React__default["default"].createElement("div", { className: "experience" },
+                    React__default["default"].createElement(index$1.Text, { weight: "bold", size: "s3", color: theme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('hospital.content.description').toUpperCase()),
+                    React__default["default"].createElement(index$1.Text, { size: "p2", color: theme.theme.colors.gray500 }, hospitalInfo.about),
+                    isMobile ? (React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                             id: hospitalInfo.id,
                             name: hospitalInfo.name,
                             slug: hospitalInfo.slug,
                             locale,
                         }) },
-                        React__namespace["default"].createElement("div", { className: "btn-wrapper" },
-                            React__namespace["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__namespace["default"].createElement("a", { href: utils.getCareHospitalUrl({
+                        React__default["default"].createElement("div", { className: "btn-wrapper" },
+                            React__default["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                             id: hospitalInfo.id,
                             name: hospitalInfo.name,
                             slug: hospitalInfo.slug,
                             locale,
                         }) },
-                        React__namespace["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", as: "span", "data-event-category": trackingCategory, "data-event-action": "See Full Hospital Profile", "data-event-label": utils.getCurrentBaseUrl(locale) +
+                        React__default["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", as: "span", "data-event-category": trackingCategory, "data-event-action": "See Full Hospital Profile", "data-event-label": utils.getCurrentBaseUrl(locale) +
                                 utils.getCareHospitalUrl({
                                     id: hospitalInfo.id,
                                     name: hospitalInfo.name,
                                     slug: hospitalInfo.slug,
                                     locale,
                                 }) }, t('home.seeHospital'))))))))),
-        React__namespace["default"].createElement(StyledPopupWrapper, { "data-open": isOpen, onClick: (e) => {
+        React__default["default"].createElement(StyledPopupWrapper, { "data-open": isOpen, onClick: (e) => {
                 e.stopPropagation();
                 onClose();
             } })));
@@ -1805,7 +1802,7 @@ var styles$g = {"modal":"_2UKyiK1","header":"E5ga-tI","heading":"_8Y2nWXX","clos
 
 const ProfileDetailModal = ({ open, onClose, children, profileModalProps, }) => {
     const { t } = useTranslations.useTranslations();
-    return (React__namespace["default"].createElement(index$a.Modal, Object.assign({ className: styles$g.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", styles: {
+    return (React__default["default"].createElement(index$a.Modal, Object.assign({ className: styles$g.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", styles: {
             inner: {
                 padding: 0,
                 justifyContent: 'flex-end',
@@ -1824,10 +1821,10 @@ const ProfileDetailModal = ({ open, onClose, children, profileModalProps, }) =>
                 borderRadius: 0,
             },
         }, title: "Profile" }, profileModalProps),
-        React__namespace["default"].createElement("div", { className: styles$g.header },
-            React__namespace["default"].createElement("div", { className: styles$g.heading }, t('profilePanel.modal.heading')),
-            React__namespace["default"].createElement("div", { className: styles$g.close, onClick: onClose },
-                React__namespace["default"].createElement(Close, null))),
+        React__default["default"].createElement("div", { className: styles$g.header },
+            React__default["default"].createElement("div", { className: styles$g.heading }, t('profilePanel.modal.heading')),
+            React__default["default"].createElement("div", { className: styles$g.close, onClick: onClose },
+                React__default["default"].createElement(Close.Close, null))),
         children));
 };
 
@@ -1870,12 +1867,12 @@ const _CardAuthor = (props) => {
     const isExpert = (props === null || props === void 0 ? void 0 : props.role) === 'expert';
     const bookingAvai = Boolean(doctorId || hospitalId);
     const subItemList = [
-        role === 'expert' && organisation && React__namespace["default"].createElement("span", null, organisation),
-        role === 'expert' && specialty && React__namespace["default"].createElement("span", null, specialty),
-        !(role === 'expert' && specialty && organisation) && (community === null || community === void 0 ? void 0 : community.name) && (React__namespace["default"].createElement("a", Object.assign({ href: (community === null || community === void 0 ? void 0 : community.slug) && community.isActive && !community.isHidden
+        role === 'expert' && organisation && React__default["default"].createElement("span", null, organisation),
+        role === 'expert' && specialty && React__default["default"].createElement("span", null, specialty),
+        !(role === 'expert' && specialty && organisation) && (community === null || community === void 0 ? void 0 : community.name) && (React__default["default"].createElement("a", Object.assign({ href: (community === null || community === void 0 ? void 0 : community.slug) && community.isActive && !community.isHidden
                 ? `${togetherBasePath}/${community === null || community === void 0 ? void 0 : community.slug}/`
                 : undefined, className: "author-community-name" }, communityTrackingAttr), `${community === null || community === void 0 ? void 0 : community.name}`)),
-        timeText && React__namespace["default"].createElement("span", null, timeText),
+        timeText && React__default["default"].createElement("span", null, timeText),
     ].filter(Boolean);
     const [ProfileDetail, setProfileDetail] = React.useState(null);
     React.useEffect(() => {
@@ -1885,7 +1882,7 @@ const _CardAuthor = (props) => {
             });
         }
     }, [open]);
-    return (React__namespace["default"].createElement(CardAuthorContext.Provider, { value: {
+    return (React__default["default"].createElement(CardAuthorContext.Provider, { value: {
             displayName,
             title,
             role,
@@ -1895,48 +1892,48 @@ const _CardAuthor = (props) => {
             hospitalId,
             currentUrl,
         } },
-        React__namespace["default"].createElement(ProfileDetailModal, { open: open, onClose: () => setOpen(false), profileModalProps: profileModalProps }, ProfileDetail && (React__namespace["default"].createElement(ProfileDetail, Object.assign({ currentPageUrl: dataEventLabel, authActionWrapper: authActionWrapper, onCloseFromPost: () => {
+        React__default["default"].createElement(ProfileDetailModal, { open: open, onClose: () => setOpen(false), profileModalProps: profileModalProps }, ProfileDetail && (React__default["default"].createElement(ProfileDetail, Object.assign({ currentPageUrl: dataEventLabel, authActionWrapper: authActionWrapper, onCloseFromPost: () => {
                 setOpen(false);
                 onCloseFromPost === null || onCloseFromPost === void 0 ? void 0 : onCloseFromPost();
             } }, profileProps, { authorProps: Object.assign({ userId: props === null || props === void 0 ? void 0 : props.userId, avatar, name: props === null || props === void 0 ? void 0 : props.name, role: props === null || props === void 0 ? void 0 : props.role, title: props === null || props === void 0 ? void 0 : props.title, doctorId,
                 hospitalId,
                 hasQuickBooking }, profileProps === null || profileProps === void 0 ? void 0 : profileProps.authorProps) })))),
-        role === 'expert' && expertId ? (React__namespace["default"].createElement(PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: expertId })) : null,
-        role === 'expert' && doctorId ? (React__namespace["default"].createElement(PopupDoctor, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), doctorId: doctorId, locale: locale })) : null,
-        role === 'expert' && hospitalId ? (React__namespace["default"].createElement(PopupHospital, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), hospitalId: hospitalId, locale: locale })) : null,
-        React__namespace["default"].createElement("div", { className: `hhg-card-author ${classes.root} ${className} ${isExpert ? 'expert-author' : ''}`, "data-background": !hideBackground && isExpert, "data-is-marrybaby": isMarryBaby },
-            React__namespace["default"].createElement(CardAuthor$1, { dataEventCategory: dataEventCategory, dataEventAction: dataEventAction, dataEventLabel: dataEventLabel, onAvatarClick: onAuthorClick, avatarProps: Object.assign(Object.assign({ avatar: isAnonymous
+        role === 'expert' && expertId ? (React__default["default"].createElement(PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: expertId })) : null,
+        role === 'expert' && doctorId ? (React__default["default"].createElement(PopupDoctor, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), doctorId: doctorId, locale: locale })) : null,
+        role === 'expert' && hospitalId ? (React__default["default"].createElement(PopupHospital, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), hospitalId: hospitalId, locale: locale })) : null,
+        React__default["default"].createElement("div", { className: `hhg-card-author ${classes.root} ${className} ${isExpert ? 'expert-author' : ''}`, "data-background": !hideBackground && isExpert, "data-is-marrybaby": isMarryBaby },
+            React__default["default"].createElement(CardAuthor$1, { dataEventCategory: dataEventCategory, dataEventAction: dataEventAction, dataEventLabel: dataEventLabel, onAvatarClick: onAuthorClick, avatarProps: Object.assign(Object.assign({ avatar: isAnonymous
                         ? index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'anomyous-avatar-1.svg' : 'anomyous-avatar.svg')
                         : avatar, username: displayName }, avatarProps), { style: {
                         cursor: !isAnonymous && (url || showDetailPopup)
                             ? 'pointer'
                             : 'default',
-                    } }), avatarIcon: avatarIcon || (isExpert && React__namespace["default"].createElement(other.CrossLogo, { size: badgeIconSize || 15 })) }, children ? (React__namespace["default"].createElement("div", { onClick: onAuthorClick }, children)) : (!hideInfo && (React__namespace["default"].createElement(CardAuthor$1.Row, null,
-                React__namespace["default"].createElement(CardAuthor$1.ColLeft, null,
-                    React__namespace["default"].createElement(core.Flex, { align: 'center', onClick: onAuthorClick },
-                        React__namespace["default"].createElement(CardAuthor$1.MainText, { onClick: onAuthorClick },
+                    } }), avatarIcon: avatarIcon || (isExpert && React__default["default"].createElement(other.CrossLogo, { size: badgeIconSize || 15 })) }, children ? (React__default["default"].createElement("div", { onClick: onAuthorClick }, children)) : (!hideInfo && (React__default["default"].createElement(CardAuthor$1.Row, null,
+                React__default["default"].createElement(CardAuthor$1.ColLeft, null,
+                    React__default["default"].createElement(core.Flex, { align: 'center', onClick: onAuthorClick },
+                        React__default["default"].createElement(CardAuthor$1.MainText, { onClick: onAuthorClick },
                             displayName,
-                            userType === 'chatbot' ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+                            userType === 'chatbot' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
                                 ' ',
-                                React__namespace["default"].createElement(other.ShieldCheck, { color: theme.theme.colors.primaryBase, size: 16, style: {
+                                React__default["default"].createElement(other.ShieldCheck, { color: theme.theme.colors.primaryBase, size: 16, style: {
                                         display: 'inline-block',
                                         transform: 'translate(0, 2px)',
-                                    } }))) : (React__namespace["default"].createElement(AuthorBadgeItem, null)))),
-                    subLine || (React__namespace["default"].createElement(CardAuthor$1.SubTextRow, { style: hasQuickBooking
+                                    } }))) : (React__default["default"].createElement(AuthorBadgeItem, null)))),
+                    subLine || (React__default["default"].createElement(CardAuthor$1.SubTextRow, { style: hasQuickBooking
                             ? {
                                 position: 'relative',
                             }
                             : {} },
-                        subItemList.map((i, idx) => (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-                            idx !== 0 && React__namespace["default"].createElement(CardAuthor$1.SubDivider, null),
-                            React__namespace["default"].createElement(CardAuthor$1.SubText, null, i)))),
-                        hasQuickBooking && bookingAvai && (React__namespace["default"].createElement(core.Box, { sx: {
+                        subItemList.map((i, idx) => (React__default["default"].createElement(React__default["default"].Fragment, null,
+                            idx !== 0 && React__default["default"].createElement(CardAuthor$1.SubDivider, null),
+                            React__default["default"].createElement(CardAuthor$1.SubText, null, i)))),
+                        hasQuickBooking && bookingAvai && (React__default["default"].createElement(core.Box, { sx: {
                                 marginTop: core.rem(5),
                                 // position: 'absolute',
                                 // bottom: `${-bookingBtnSize}px`,
                                 // left: 0,
                             } },
-                            React__namespace["default"].createElement(index$7.BookingBtn, { bookingId: doctorId || hospitalId, bookingType: doctorId
+                            React__default["default"].createElement(index$7.BookingBtn, { bookingId: doctorId || hospitalId, bookingType: doctorId
                                     ? 'doctor'
                                     : hospitalId
                                         ? 'hospital'
@@ -3312,7 +3309,7 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
             window.removeEventListener('click', clickHandler);
         };
     }, []);
-    return (React__namespace["default"].createElement(StyledEditorContainer, { ref: containerRef, className: className, style: style, onKeyDownCapture: (e) => {
+    return (React__default["default"].createElement(StyledEditorContainer, { ref: containerRef, className: className, style: style, onKeyDownCapture: (e) => {
             // convenient behavior, use arrow to select tag user and enter to choose
             if (foundUsers === null || foundUsers === void 0 ? void 0 : foundUsers.length) {
                 let preventKey = false;
@@ -3342,7 +3339,7 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
                 }
             }
         } },
-        React__namespace["default"].createElement(CustomToolbar, { id: toolbarId, onAddLink: (text, href) => {
+        React__default["default"].createElement(CustomToolbar, { id: toolbarId, onAddLink: (text, href) => {
                 var _a, _b;
                 const insertIndex = contentEditableCaretPos.current + 1;
                 const currHTML = (_b = (_a = reactQuillRef.current) === null || _a === void 0 ? void 0 : _a.getEditor()) === null || _b === void 0 ? void 0 : _b.root.innerHTML;
@@ -3352,7 +3349,7 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
                 onChange === null || onChange === void 0 ? void 0 : onChange(newHTML);
                 debounceInputModify(newHTML);
             } }),
-        ReactQuill && (React__namespace["default"].createElement(ReactQuill, { ref: reactQuillRef, theme: "snow", value: html, onChange: (t) => {
+        ReactQuill && (React__default["default"].createElement(ReactQuill, { ref: reactQuillRef, theme: "snow", value: html, onChange: (t) => {
                 onChange === null || onChange === void 0 ? void 0 : onChange(t);
                 debounceInputModify(t);
                 handleSelectionChange();
@@ -3369,38 +3366,38 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
                 'list',
                 'bullet',
             ] })),
-        !!(foundUsers === null || foundUsers === void 0 ? void 0 : foundUsers.length) && (React__namespace["default"].createElement("div", { ref: foundUsersListRef, className: "mention-search-container", style: searchUserPosition }, foundUsers.map((foundUser, index) => (React__namespace["default"].createElement("div", { className: `mention-search-item ${selectTagUserIndex === index ? 'item-selected' : ''}`, key: foundUser.id, onClick: (e) => {
+        !!(foundUsers === null || foundUsers === void 0 ? void 0 : foundUsers.length) && (React__default["default"].createElement("div", { ref: foundUsersListRef, className: "mention-search-container", style: searchUserPosition }, foundUsers.map((foundUser, index) => (React__default["default"].createElement("div", { className: `mention-search-item ${selectTagUserIndex === index ? 'item-selected' : ''}`, key: foundUser.id, onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 setSelectUser(foundUser.id, foundUser.name);
             }, onMouseEnter: () => {
                 setSelectTagUserIndex(index);
             } },
-            React__namespace["default"].createElement(index$6.UserAvatar, { className: "search-avatar", username: foundUser.name, avatar: foundUser.avatar }),
-            React__namespace["default"].createElement("div", null,
-                React__namespace["default"].createElement(index$1.Text, { size: "p2" }, foundUser.name),
-                React__namespace["default"].createElement(index$1.Text, { size: "p4", color: "#595959" },
+            React__default["default"].createElement(index$6.UserAvatar, { className: "search-avatar", username: foundUser.name, avatar: foundUser.avatar }),
+            React__default["default"].createElement("div", null,
+                React__default["default"].createElement(index$1.Text, { size: "p2" }, foundUser.name),
+                React__default["default"].createElement(index$1.Text, { size: "p4", color: "#595959" },
                     "@",
                     foundUser.username)))))))));
 };
 const CustomToolbar = ({ onAddLink, id, }) => {
-    return (React__namespace["default"].createElement("div", { id: 'toolbar-' + id, onClick: (e) => {
+    return (React__default["default"].createElement("div", { id: 'toolbar-' + id, onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
         } },
-        React__namespace["default"].createElement("span", { className: "ql-formats" },
-            React__namespace["default"].createElement("button", { className: "ql-bold", type: "button" }),
-            React__namespace["default"].createElement("button", { className: "ql-italic", type: "button" }),
-            React__namespace["default"].createElement("button", { className: "ql-underline", type: "button" })),
-        React__namespace["default"].createElement("span", { className: "ql-formats" },
-            React__namespace["default"].createElement("button", { className: "ql-list", value: "ordered", type: "button" }),
-            React__namespace["default"].createElement("button", { className: "ql-list", value: "bullet", type: "button" })),
-        React__namespace["default"].createElement("span", { className: "ql-formats" },
-            React__namespace["default"].createElement("button", { className: "ql-image", type: "button" }),
-            onAddLink && (React__namespace["default"].createElement(PopoverMenu, { className: "link-tool-wrapper", toggleButtonContent: React__namespace["default"].createElement("img", { className: "link-icon", src: IconLink, loading: "lazy" }), buttonProps: {
+        React__default["default"].createElement("span", { className: "ql-formats" },
+            React__default["default"].createElement("button", { className: "ql-bold", type: "button" }),
+            React__default["default"].createElement("button", { className: "ql-italic", type: "button" }),
+            React__default["default"].createElement("button", { className: "ql-underline", type: "button" })),
+        React__default["default"].createElement("span", { className: "ql-formats" },
+            React__default["default"].createElement("button", { className: "ql-list", value: "ordered", type: "button" }),
+            React__default["default"].createElement("button", { className: "ql-list", value: "bullet", type: "button" })),
+        React__default["default"].createElement("span", { className: "ql-formats" },
+            React__default["default"].createElement("button", { className: "ql-image", type: "button" }),
+            onAddLink && (React__default["default"].createElement(PopoverMenu, { className: "link-tool-wrapper", toggleButtonContent: React__default["default"].createElement("img", { className: "link-icon", src: IconLink, loading: "lazy" }), buttonProps: {
                     size: 'md',
                     color: 'transparent',
-                }, align: "end" }, ({ setShow }) => (React__namespace["default"].createElement(LinkToolInputPopover, { onAddUrl: onAddLink, setShow: setShow })))))));
+                }, align: "end" }, ({ setShow }) => (React__default["default"].createElement(LinkToolInputPopover, { onAddUrl: onAddLink, setShow: setShow })))))));
 };
 const URL_WARN_MAP = [
     'notification.limitUrlDomain',
@@ -3433,15 +3430,15 @@ const LinkToolInputPopover = ({ onAddUrl, setShow }) => {
         }
     };
     const isValid = urlValue.trim() && textValue.trim() && urlWarnType < 0;
-    return (React__namespace["default"].createElement("div", { className: "link-tool-popover" },
-        React__namespace["default"].createElement(index$b.Input, { name: "url", value: urlValue, size: "md", label: "URL", placeholder: t('placeholder.enterUrlHere'), type: "text", className: "link-input-url", onChange: (v) => {
+    return (React__default["default"].createElement("div", { className: "link-tool-popover" },
+        React__default["default"].createElement(index$b.Input, { name: "url", value: urlValue, size: "md", label: "URL", placeholder: t('placeholder.enterUrlHere'), type: "text", className: "link-input-url", onChange: (v) => {
                 setUrlValue(v);
                 checkUrlValid(v);
             } }),
-        urlWarnType >= 0 && (React__namespace["default"].createElement(index$1.Text, { size: "c2", className: "error-text" }, t(URL_WARN_MAP[urlWarnType]))),
-        React__namespace["default"].createElement(index$b.Input, { name: "text", value: textValue, size: "md", label: t('createPost.urlText'), placeholder: t('placeholder.enterUrlTextHere'), type: "text", className: "link-input-text", onChange: (v) => setTextValue(v) }),
-        React__namespace["default"].createElement("div", { "data-is-marrybaby": isMarryBaby, className: "link-input-button-wrapper" },
-            React__namespace["default"].createElement(index$5.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "sm", color: "primary", className: "link-input-button", onClick: () => {
+        urlWarnType >= 0 && (React__default["default"].createElement(index$1.Text, { size: "c2", className: "error-text" }, t(URL_WARN_MAP[urlWarnType]))),
+        React__default["default"].createElement(index$b.Input, { name: "text", value: textValue, size: "md", label: t('createPost.urlText'), placeholder: t('placeholder.enterUrlTextHere'), type: "text", className: "link-input-text", onChange: (v) => setTextValue(v) }),
+        React__default["default"].createElement("div", { "data-is-marrybaby": isMarryBaby, className: "link-input-button-wrapper" },
+            React__default["default"].createElement(index$5.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "sm", color: "primary", className: "link-input-button", onClick: () => {
                     if (!isValid)
                         return;
                     onAddUrl(textValue.trim(), reformatUrl(urlValue.trim()));
@@ -3472,25 +3469,25 @@ const CreatePostDescription = ({ className, style, bannedWords = [], value, onCh
                 onPreviewUrlChange(null);
         }
     }, [previewUrl]);
-    return (React__namespace["default"].createElement(StyledCreatePostDescription, { className: className, style: style },
-        React__namespace["default"].createElement(index$1.Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
-        React__namespace["default"].createElement("div", { className: `textarea-control` },
-            React__namespace["default"].createElement("div", { className: "textarea-wrapper" },
-                React__namespace["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__namespace["default"].createElement(index$1.Text, { size: "p4", className: "count-string" },
+    return (React__default["default"].createElement(StyledCreatePostDescription, { className: className, style: style },
+        React__default["default"].createElement(index$1.Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
+        React__default["default"].createElement("div", { className: `textarea-control` },
+            React__default["default"].createElement("div", { className: "textarea-wrapper" },
+                React__default["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["default"].createElement(index$1.Text, { size: "p4", className: "count-string" },
             t('character'),
             ": ",
             innertext__default["default"](value || '').length),
-        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__namespace["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__namespace["default"].createElement(Loading$1, null)) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            React__namespace["default"].createElement(CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
-            React__namespace["default"].createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
-        React__namespace["default"].createElement("input", { ref: imagePicker, type: "file", accept: "image/png, image/gif, image/jpeg", multiple: true, style: { display: 'none' }, onChange: onSelectImages }),
-        imageSrcs.length > utils.MAX_IMAGE_UPLOADS ? (React__namespace["default"].createElement("div", { className: "input-notification" },
-            React__namespace["default"].createElement("img", { src: IconAlertCircleWarning, loading: "lazy" }),
-            React__namespace["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
-        imageSrcs.length > 0 && (React__namespace["default"].createElement("div", { className: "image-gallery" }, imageSrcs.map((src, i) => (React__namespace["default"].createElement("div", { key: i, className: "image-item" },
-            React__namespace["default"].createElement("img", { src: src, loading: "lazy" }),
-            React__namespace["default"].createElement("img", { className: "close-btn", src: IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
+        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(Loading$1, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
+            React__default["default"].createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
+        React__default["default"].createElement("input", { ref: imagePicker, type: "file", accept: "image/png, image/gif, image/jpeg", multiple: true, style: { display: 'none' }, onChange: onSelectImages }),
+        imageSrcs.length > utils.MAX_IMAGE_UPLOADS ? (React__default["default"].createElement("div", { className: "input-notification" },
+            React__default["default"].createElement("img", { src: IconAlertCircleWarning, loading: "lazy" }),
+            React__default["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
+        imageSrcs.length > 0 && (React__default["default"].createElement("div", { className: "image-gallery" }, imageSrcs.map((src, i) => (React__default["default"].createElement("div", { key: i, className: "image-item" },
+            React__default["default"].createElement("img", { src: src, loading: "lazy" }),
+            React__default["default"].createElement("img", { className: "close-btn", src: IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
 };
 
 const StyledCreatePostTitle = styled__default["default"].div `
@@ -3611,8 +3608,8 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
             (_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }, 500);
     }, []);
-    return (React__namespace["default"].createElement(StyledCreatePostTitle, { className: className, style: style },
-        React__namespace["default"].createElement(index$b.Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__namespace["default"].createElement(ContentEditable__default["default"], { innerRef: titleRef, html: value || titleValue, onChange: () => {
+    return (React__default["default"].createElement(StyledCreatePostTitle, { className: className, style: style },
+        React__default["default"].createElement(index$b.Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__default["default"].createElement(ContentEditable__default["default"], { innerRef: titleRef, html: value || titleValue, onChange: () => {
                     if (titleRef.current &&
                         titleRef.current.innerText !== (value || titleValue)) {
                         const initialValue = inputModify(titleRef.current.innerText, {
@@ -3623,7 +3620,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
                         debounceInputModify();
                     }
                 }, className: "title-input" }) }),
-        React__namespace["default"].createElement(index$1.Text, { size: "p4", className: "count-string" }, t('createPost.popup.wordCount', {
+        React__default["default"].createElement(index$1.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,
         }))));
@@ -3725,9 +3722,9 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
     const topicsWithoutForced = React.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__namespace["default"].createElement(StyledTopicSelectList, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        forceTopics.map((topic) => (React__namespace["default"].createElement(TopicItem, { key: `${topic.id}-${topic.mappedCategoryId}`, topic: topic, disabled: true, selected: true, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
-        topicsWithoutForced.map((topic) => (React__namespace["default"].createElement(TopicItem, { key: `${topic.id}-${topic.mappedCategoryId}`, topic: topic, disabled: disabled, selected: (selectedTopicsProp || selectedTopics).some((t) => (t.id && t.id === topic.id) ||
+    return (React__default["default"].createElement(StyledTopicSelectList, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
+        forceTopics.map((topic) => (React__default["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["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;
@@ -3748,11 +3745,11 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
                     setSelectedTopics(_selected.slice());
                 }
             }, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
-        (isLoading || isLoadingTopics) && React__namespace["default"].createElement(Loading$1, { className: "topic-spinner" })));
+        (isLoading || isLoadingTopics) && React__default["default"].createElement(Loading$1, { className: "topic-spinner" })));
 };
 const TopicItem = (_a) => {
     var { topic, disabled, selected, onClick } = _a, rest = tslib_es6.__rest(_a, ["topic", "disabled", "selected", "onClick"]);
-    return (React__namespace["default"].createElement("div", Object.assign({ className: 'tag-item' + (selected ? ' --active' : ''), "data-disabled": disabled, onClick: !disabled ? onClick : undefined }, rest), topic.name));
+    return (React__default["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, }) => {
@@ -3919,18 +3916,18 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
             }
         }
     });
-    return (React__namespace["default"].createElement(StyledCreateNewPost, { className: className, style: style },
-        React__namespace["default"].createElement("div", { className: "input-group-container" },
-            React__namespace["default"].createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, onChange: setTitleValue }),
-            specialCharErr && (React__namespace["default"].createElement(StyledError, null,
-                React__namespace["default"].createElement(other.Info, { isSolid: true, color: theme.theme.colors.red700, size: 14 }),
-                React__namespace["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
-            React__namespace["default"].createElement(CreatePostDescription, { className: "input-group", bannedWords: bannedWords, value: descriptionValue, onChange: setDescriptionValue, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles }),
-            showAskDoctorOptions && (React__namespace["default"].createElement(StyledIsQuestion, { "data-is-marry-baby": isMarryBaby },
-                React__namespace["default"].createElement("div", { className: "switch-label" },
-                    React__namespace["default"].createElement(other.Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: theme.theme.colors.primaryBase, className: "label-icon" }),
-                    React__namespace["default"].createElement("span", { className: "label-txt" }, t('createPost.askDoctor'))),
-                React__namespace["default"].createElement(index$7.BtnChoice, { value: isAskDoctor, choices: [
+    return (React__default["default"].createElement(StyledCreateNewPost, { className: className, style: style },
+        React__default["default"].createElement("div", { className: "input-group-container" },
+            React__default["default"].createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, onChange: setTitleValue }),
+            specialCharErr && (React__default["default"].createElement(StyledError, null,
+                React__default["default"].createElement(other.Info, { isSolid: true, color: theme.theme.colors.red700, size: 14 }),
+                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
+            React__default["default"].createElement(CreatePostDescription, { className: "input-group", bannedWords: bannedWords, value: descriptionValue, onChange: setDescriptionValue, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles }),
+            showAskDoctorOptions && (React__default["default"].createElement(StyledIsQuestion, { "data-is-marry-baby": isMarryBaby },
+                React__default["default"].createElement("div", { className: "switch-label" },
+                    React__default["default"].createElement(other.Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: theme.theme.colors.primaryBase, className: "label-icon" }),
+                    React__default["default"].createElement("span", { className: "label-txt" }, t('createPost.askDoctor'))),
+                React__default["default"].createElement(index$7.BtnChoice, { value: isAskDoctor, choices: [
                         {
                             label: t('createPost.askDoctorChoice.yes'),
                             value: true,
@@ -3948,12 +3945,12 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                             setIsAskDoctor(v);
                         }
                     } }))),
-            showAskDoctorRequired && (React__namespace["default"].createElement(StyledError, null,
-                React__namespace["default"].createElement(other.Info, { isSolid: true, color: theme.theme.colors.red700, size: 14 }),
-                React__namespace["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
-            React__namespace["default"].createElement("div", { className: "input-group" },
-                React__namespace["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
-                React__namespace["default"].createElement(index$c.Dropdown, { options: (communitiesList === null || communitiesList === void 0 ? void 0 : communitiesList.map((c) => ({
+            showAskDoctorRequired && (React__default["default"].createElement(StyledError, null,
+                React__default["default"].createElement(other.Info, { isSolid: true, color: theme.theme.colors.red700, size: 14 }),
+                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
+            React__default["default"].createElement("div", { className: "input-group" },
+                React__default["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
+                React__default["default"].createElement(index$c.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: {
@@ -3967,24 +3964,24 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         });
                         setSelectedTopics([]);
                     }, disabled: !!forceSelectCommunity }),
-                React__namespace["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: theme.theme.colors.gray400 },
+                React__default["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: theme.theme.colors.gray400 },
                     "* ",
                     t('commentPopup.warning.newPost'))),
-            !hideTopicList && (React__namespace["default"].createElement("div", { className: "input-group" },
-                React__namespace["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('tab.topic')),
-                React__namespace["default"].createElement("div", { className: "input-notification" },
-                    React__namespace["default"].createElement("img", { src: currentCommunity
+            !hideTopicList && (React__default["default"].createElement("div", { className: "input-group" },
+                React__default["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('tab.topic')),
+                React__default["default"].createElement("div", { className: "input-notification" },
+                    React__default["default"].createElement("img", { src: currentCommunity
                             ? IconAlertCirclePrimary
                             : IconAlertCircleWarning, loading: "lazy" }),
-                    React__namespace["default"].createElement(index$1.Text, { size: "base", color: theme.theme.colors.gray500 }, t(currentCommunity
+                    React__default["default"].createElement(index$1.Text, { size: "base", color: theme.theme.colors.gray500 }, t(currentCommunity
                         ? 'createPost.popup.primary'
                         : 'createPost.popup.warning'))),
-                currentCommunity && (React__namespace["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__namespace["default"].createElement("div", { className: "form-action" },
-            React__namespace["default"].createElement("div", { className: "input-group" },
-                React__namespace["default"].createElement(core.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__namespace["default"].createElement("div", { className: "switch-label" },
-                        React__namespace["default"].createElement("img", { className: "label-icon", src: index$9.CommonGAssets.getAssetPath('anomyous-avatar.svg'), alt: "anomyous avatar", style: { marginRight: '10px', width: '24px' }, loading: "lazy" }),
-                        React__namespace["default"].createElement("span", { className: "label-txt" }, t('createPost.postAnonymous'))), value: "Post Anonymous", onChange: (event) => setIsAnonymous(event.currentTarget.checked), styles: {
+                currentCommunity && (React__default["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["default"].createElement("div", { className: "form-action" },
+            React__default["default"].createElement("div", { className: "input-group" },
+                React__default["default"].createElement(core.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["default"].createElement("div", { className: "switch-label" },
+                        React__default["default"].createElement("img", { className: "label-icon", src: index$9.CommonGAssets.getAssetPath('anomyous-avatar.svg'), alt: "anomyous avatar", style: { marginRight: '10px', width: '24px' }, loading: "lazy" }),
+                        React__default["default"].createElement("span", { className: "label-txt" }, t('createPost.postAnonymous'))), value: "Post Anonymous", onChange: (event) => setIsAnonymous(event.currentTarget.checked), styles: {
                         body: {
                             display: 'flex',
                             width: '100%',
@@ -3996,8 +3993,8 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                             alignItems: 'center',
                         },
                     } })),
-            React__namespace["default"].createElement("div", { className: "input-group" },
-                React__namespace["default"].createElement(index$8.Button, { 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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            React__default["default"].createElement("div", { className: "input-group" },
+                React__default["default"].createElement(index$8.Button, { 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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                         if (isReadyToSubmit && !isSubmitting) {
                             setIsSubmitting(true);
                             try {
@@ -4259,13 +4256,13 @@ var CloseIcon = img$q;
 
 const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpen = false, hasFullscreen = false, onClose = () => null, }) => {
     const [expand, setExpand] = React.useState(false);
-    return (React__namespace["default"].createElement(StyledPopupFrame, { className: className, style: style, isExpand: expand, hasFullscreen: hasFullscreen },
-        React__namespace["default"].createElement(index$6.Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__namespace["default"].createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen },
-            React__namespace["default"].createElement("div", { className: "header" },
-                React__namespace["default"].createElement(index$2.Heading, { tag: "h5" }, heading),
-                hasFullscreen && (React__namespace["default"].createElement(StyledFSBtn, { onClick: () => setExpand(!expand) },
-                    React__namespace["default"].createElement(other.FullScreen, { size: 14, isExpand: expand })))),
-            React__namespace["default"].createElement("div", { className: "content" }, typeof children === 'function' ? children(expand) : children))));
+    return (React__default["default"].createElement(StyledPopupFrame, { className: className, style: style, isExpand: expand, hasFullscreen: hasFullscreen },
+        React__default["default"].createElement(index$6.Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__default["default"].createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen },
+            React__default["default"].createElement("div", { className: "header" },
+                React__default["default"].createElement(index$2.Heading, { tag: "h5" }, heading),
+                hasFullscreen && (React__default["default"].createElement(StyledFSBtn, { onClick: () => setExpand(!expand) },
+                    React__default["default"].createElement(other.FullScreen, { size: 14, isExpand: expand })))),
+            React__default["default"].createElement("div", { className: "content" }, typeof children === 'function' ? children(expand) : children))));
 };
 
 const PopupDanger = ({ className, isMarryBaby: isMarryBabyProp, style, title, description, acceptText, cancelText, onAccept, onCancel, thumbnail, isThumbnailIcon, onClose, acceptBtnTracking, acceptBtnProps, cancelBtnProps, }) => {
@@ -4279,25 +4276,25 @@ const PopupDanger = ({ className, isMarryBaby: isMarryBabyProp, style, title, de
     }, []);
     if (typeof window === 'undefined')
         return null;
-    return ReactDOM__namespace.createPortal(React__namespace["default"].createElement(StyledPopupDanger, { "data-is-marrybaby": isMarryBaby, className: className, style: style, "data-open": isOpen },
-        React__namespace["default"].createElement(PopupFrame, { className: "popup-frame", isOpen: isOpen, onClose: onClose },
-            React__namespace["default"].createElement("div", { className: "confirm-dialog", onClick: (e) => e.stopPropagation() },
-                React__namespace["default"].createElement("div", { className: "confirm-content" },
-                    thumbnail && (React__namespace["default"].createElement("div", { className: `thumbnail-container ${isThumbnailIcon ? 'is-icon' : ''}` },
-                        React__namespace["default"].createElement("img", { className: "thumbnail", src: thumbnail, loading: "lazy" }))),
-                    React__namespace["default"].createElement(index$2.Heading, { className: "title", tag: "h2" }, title),
-                    React__namespace["default"].createElement(index$1.Text, { className: "desc", size: "lg" }, description),
-                    React__namespace["default"].createElement("div", { className: "btn-group" },
-                        React__namespace["default"].createElement(index$5.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "md", color: "tertiary", onClick: () => {
+    return ReactDOM__namespace.createPortal(React__default["default"].createElement(StyledPopupDanger, { "data-is-marrybaby": isMarryBaby, className: className, style: style, "data-open": isOpen },
+        React__default["default"].createElement(PopupFrame, { className: "popup-frame", isOpen: isOpen, onClose: onClose },
+            React__default["default"].createElement("div", { className: "confirm-dialog", onClick: (e) => e.stopPropagation() },
+                React__default["default"].createElement("div", { className: "confirm-content" },
+                    thumbnail && (React__default["default"].createElement("div", { className: `thumbnail-container ${isThumbnailIcon ? 'is-icon' : ''}` },
+                        React__default["default"].createElement("img", { className: "thumbnail", src: thumbnail, loading: "lazy" }))),
+                    React__default["default"].createElement(index$2.Heading, { className: "title", tag: "h2" }, title),
+                    React__default["default"].createElement(index$1.Text, { className: "desc", size: "lg" }, description),
+                    React__default["default"].createElement("div", { className: "btn-group" },
+                        React__default["default"].createElement(index$5.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "md", color: "tertiary", onClick: () => {
                                 onAccept === null || onAccept === void 0 ? void 0 : onAccept();
                                 onClose === null || onClose === void 0 ? void 0 : onClose();
                             } }, acceptBtnProps, acceptBtnTracking), acceptText),
-                        React__namespace["default"].createElement(index$5.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "md", onClick: () => {
+                        React__default["default"].createElement(index$5.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "md", onClick: () => {
                                 onCancel === null || onCancel === void 0 ? void 0 : onCancel();
                                 onClose === null || onClose === void 0 ? void 0 : onClose();
                             } }, cancelBtnProps), cancelText)))),
-            isMarryBaby && thumbnail && (React__namespace["default"].createElement("div", { className: `thumbnail-container is-mobile ${isThumbnailIcon ? 'is-icon' : ''}` },
-                React__namespace["default"].createElement("img", { className: "thumbnail", src: thumbnail, loading: "lazy" }))))), utils$1.getPopupWrapperDom());
+            isMarryBaby && thumbnail && (React__default["default"].createElement("div", { className: `thumbnail-container is-mobile ${isThumbnailIcon ? 'is-icon' : ''}` },
+                React__default["default"].createElement("img", { className: "thumbnail", src: thumbnail, loading: "lazy" }))))), utils$1.getPopupWrapperDom());
 };
 
 const StyledInputCommentBar = styled__default["default"].div `
@@ -4709,19 +4706,19 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
             (_a = contentEditable.current) === null || _a === void 0 ? void 0 : _a.focus();
         }, 400);
     }, [trigger]);
-    return (React__namespace["default"].createElement(StyledInputCommentBar, { "data-is-reply": isReply, className: className, style: style },
-        isReply && (React__namespace["default"].createElement("div", { className: "reply-to-container" },
-            React__namespace["default"].createElement(index$1.Text, { size: "p4" },
-                React__namespace["default"].createElement("span", { dangerouslySetInnerHTML: {
+    return (React__default["default"].createElement(StyledInputCommentBar, { "data-is-reply": isReply, className: className, style: style },
+        isReply && (React__default["default"].createElement("div", { className: "reply-to-container" },
+            React__default["default"].createElement(index$1.Text, { size: "p4" },
+                React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                         __html: t('inputComment.replyTo', {
                             name: `<span style="color: #2D87F3; cursor: pointer">@${replyToName || ''}</span>`,
                         }),
                     } })),
-            React__namespace["default"].createElement("img", { src: IconCloseCircleLine, className: "icon-close-comment", onClick: () => onClose && onClose(), loading: "lazy" }))),
-        React__namespace["default"].createElement("div", { className: "input-container", ref: mainInput },
-            React__namespace["default"].createElement(index$6.UserAvatar, { className: `avatar-wrapper ${isReply ? 'avatar-wrapper-reply' : ''}`, avatar: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? userInfo.avatar : utils.DEFAULT_AVATAR_IMG, username: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username) }),
-            React__namespace["default"].createElement("input", { ref: imagePicker, onChange: onSelectImages, type: "file", multiple: true, accept: "image/png,image/jpeg", name: "images", style: { display: 'none' } }),
-            React__namespace["default"].createElement(index$b.Input
+            React__default["default"].createElement("img", { src: IconCloseCircleLine, className: "icon-close-comment", onClick: () => onClose && onClose(), loading: "lazy" }))),
+        React__default["default"].createElement("div", { className: "input-container", ref: mainInput },
+            React__default["default"].createElement(index$6.UserAvatar, { className: `avatar-wrapper ${isReply ? 'avatar-wrapper-reply' : ''}`, avatar: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? userInfo.avatar : utils.DEFAULT_AVATAR_IMG, username: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username) }),
+            React__default["default"].createElement("input", { ref: imagePicker, onChange: onSelectImages, type: "file", multiple: true, accept: "image/png,image/jpeg", name: "images", style: { display: 'none' } }),
+            React__default["default"].createElement(index$b.Input
             // actionIcon={
             //   !isPost ? (
             //     <label className="images-input-label">
@@ -4759,21 +4756,21 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                 //     </label>
                 //   ) : undefined
                 // }
-                value: text, name: "input", size: "md", className: "input-wrapper", displayIcon: React__namespace["default"].createElement("img", { src: IconTabEditPrimary, loading: "lazy" }), CustomInput: React__namespace["default"].createElement("div", { className: "as-input" },
-                    React__namespace["default"].createElement(RichTextEditor, { className: "textarea", html: text, onChange: setText, onImagePickerClick: () => { var _a; return (_a = imagePicker.current) === null || _a === void 0 ? void 0 : _a.click(); }, bannedWords: bannedWords, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, setEditorRef: (div) => (contentEditable.current = div), isReplying: isReply })) }),
-            React__namespace["default"].createElement(index$5.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "send-button", size: "sm", onClick: onSubmitComment, isLoading: isSubmitLoading, isDisabled: !!(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) ||
+                value: text, name: "input", size: "md", className: "input-wrapper", displayIcon: React__default["default"].createElement("img", { src: IconTabEditPrimary, loading: "lazy" }), CustomInput: React__default["default"].createElement("div", { className: "as-input" },
+                    React__default["default"].createElement(RichTextEditor, { className: "textarea", html: text, onChange: setText, onImagePickerClick: () => { var _a; return (_a = imagePicker.current) === null || _a === void 0 ? void 0 : _a.click(); }, bannedWords: bannedWords, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, setEditorRef: (div) => (contentEditable.current = div), isReplying: isReply })) }),
+            React__default["default"].createElement(index$5.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "send-button", size: "sm", onClick: onSubmitComment, isLoading: isSubmitLoading, isDisabled: !!(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) ||
                     isSubmitLoading ||
                     !text ||
                     (text === null || text === void 0 ? void 0 : text.length) < 2 ||
                     !text.trim() },
-                React__namespace["default"].createElement("img", { src: IconEnter, className: "icon-enter", loading: "lazy" }))),
-        !!(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) ? (React__namespace["default"].createElement("div", { className: "error-text" }, t('notification.limitUrlDomain'))) : null,
-        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__namespace["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__namespace["default"].createElement(Loading$1, null)) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            React__namespace["default"].createElement(CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
-            React__namespace["default"].createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
-        imageSrcs && imageSrcs.length > 0 && (React__namespace["default"].createElement("div", { className: "preview-images-container" }, imageSrcs.map((src, index) => (React__namespace["default"].createElement("div", { key: index, className: "image-src-wrapper" },
-            React__namespace["default"].createElement("img", { className: "preview-image", src: src, loading: "lazy" }),
-            React__namespace["default"].createElement("img", { src: IconCloseCircle, className: "icon-close-circle", onClick: () => onRemoveImage(index), loading: "lazy" }))))))));
+                React__default["default"].createElement("img", { src: IconEnter, className: "icon-enter", loading: "lazy" }))),
+        !!(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) ? (React__default["default"].createElement("div", { className: "error-text" }, t('notification.limitUrlDomain'))) : null,
+        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(Loading$1, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
+            React__default["default"].createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
+        imageSrcs && imageSrcs.length > 0 && (React__default["default"].createElement("div", { className: "preview-images-container" }, imageSrcs.map((src, index) => (React__default["default"].createElement("div", { key: index, className: "image-src-wrapper" },
+            React__default["default"].createElement("img", { className: "preview-image", src: src, loading: "lazy" }),
+            React__default["default"].createElement("img", { src: IconCloseCircle, className: "icon-close-circle", onClick: () => onRemoveImage(index), loading: "lazy" }))))))));
 };
 
 const StyledItemWrapper = styled__default["default"].a `
@@ -5048,15 +5045,15 @@ const ShareBox = ({ className, trackingCategory = 'Together', style, shareUrl, t
         }
     }, []);
     const socialList = getSocialList(shareUrl || '', isMarryBaby);
-    return (React__namespace["default"].createElement(StyledShare, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        React__namespace["default"].createElement("div", { className: "share__social" }, socialList.map((social, index) => (React__namespace["default"].createElement(StyledItemWrapper, { key: index, "data-event-category": trackingCategory, "data-event-action": `Social Share - ${social.name}`, "data-event-label": shareUrl, href: social.href, target: "_blank", rel: "noreferrer" },
-            React__namespace["default"].createElement(index$8.ImageWrap, { alt: `share to ${social}`, src: social.icon }),
-            React__namespace["default"].createElement(index$1.Text, { className: "__label", size: "label2", weight: "regular" }, social.name))))),
-        React__namespace["default"].createElement("div", { className: "share__copy-link" },
-            React__namespace["default"].createElement(index$1.Text, { className: "__label", color: theme.theme.colors.gray500, size: "p4", weight: "regular" }, t('orCopyLink')),
-            React__namespace["default"].createElement("div", { className: "__input-group" },
-                React__namespace["default"].createElement("input", { ref: input, type: "text", value: shareUrl, readOnly: true, onFocus: (e) => e.target.select() }),
-                React__namespace["default"].createElement("button", { className: "__copy", onClick: () => copyToClipboard() }, isMarryBaby ? (React__namespace["default"].createElement(index$8.ImageWrap, { alt: "copy share link", src: MBIconCopy })) : (t(copied ? 'copied' : 'copy')))))));
+    return (React__default["default"].createElement(StyledShare, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
+        React__default["default"].createElement("div", { className: "share__social" }, socialList.map((social, index) => (React__default["default"].createElement(StyledItemWrapper, { key: index, "data-event-category": trackingCategory, "data-event-action": `Social Share - ${social.name}`, "data-event-label": shareUrl, href: social.href, target: "_blank", rel: "noreferrer" },
+            React__default["default"].createElement(index$8.ImageWrap, { alt: `share to ${social}`, src: social.icon }),
+            React__default["default"].createElement(index$1.Text, { className: "__label", size: "label2", weight: "regular" }, social.name))))),
+        React__default["default"].createElement("div", { className: "share__copy-link" },
+            React__default["default"].createElement(index$1.Text, { className: "__label", color: theme.theme.colors.gray500, size: "p4", weight: "regular" }, t('orCopyLink')),
+            React__default["default"].createElement("div", { className: "__input-group" },
+                React__default["default"].createElement("input", { ref: input, type: "text", value: shareUrl, readOnly: true, onFocus: (e) => e.target.select() }),
+                React__default["default"].createElement("button", { className: "__copy", onClick: () => copyToClipboard() }, isMarryBaby ? (React__default["default"].createElement(index$8.ImageWrap, { alt: "copy share link", src: MBIconCopy })) : (t(copied ? 'copied' : 'copy')))))));
 };
 
 const SharePopup = ({ trackingCategory, className, style, url, avatar, text, onClose, }) => {
@@ -5068,16 +5065,16 @@ const SharePopup = ({ trackingCategory, className, style, url, avatar, text, onC
         setTimeout(() => setIsOpen(true), 0);
         return () => utils$1.toggleNoScroll(false);
     }, []);
-    return (React__namespace["default"].createElement(core.Portal, null,
-        React__namespace["default"].createElement(StyledSharePopup, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-            React__namespace["default"].createElement(PopupFrame, { className: "share-popup", isOpen: isOpen, onClose: onClose, heading: t('bottomBar.share') },
-                isMarryBaby ? (React__namespace["default"].createElement(index$1.Text, { className: "share-mb-text", size: "sm" }, t('article.shareOn'))) : (React__namespace["default"].createElement("div", { className: "custom-share__header" },
-                    avatar && (React__namespace["default"].createElement("div", { className: "custom-share__header-image" },
-                        React__namespace["default"].createElement("img", { src: avatar, loading: "lazy" }))),
-                    React__namespace["default"].createElement("div", { className: "custom-share__header-info" },
-                        React__namespace["default"].createElement(index$2.Heading, { tag: "h4" }, text),
-                        React__namespace["default"].createElement(index$1.Text, { className: "desc", size: "md" }, url)))),
-                isOpen && (React__namespace["default"].createElement(ShareBox, { trackingCategory: trackingCategory, shareUrl: url ||
+    return (React__default["default"].createElement(core.Portal, null,
+        React__default["default"].createElement(StyledSharePopup, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
+            React__default["default"].createElement(PopupFrame, { className: "share-popup", isOpen: isOpen, onClose: onClose, heading: t('bottomBar.share') },
+                isMarryBaby ? (React__default["default"].createElement(index$1.Text, { className: "share-mb-text", size: "sm" }, t('article.shareOn'))) : (React__default["default"].createElement("div", { className: "custom-share__header" },
+                    avatar && (React__default["default"].createElement("div", { className: "custom-share__header-image" },
+                        React__default["default"].createElement("img", { src: avatar, loading: "lazy" }))),
+                    React__default["default"].createElement("div", { className: "custom-share__header-info" },
+                        React__default["default"].createElement(index$2.Heading, { tag: "h4" }, text),
+                        React__default["default"].createElement(index$1.Text, { className: "desc", size: "md" }, url)))),
+                isOpen && (React__default["default"].createElement(ShareBox, { trackingCategory: trackingCategory, shareUrl: url ||
                         (typeof window !== 'undefined' ? window.location.href : ''), title: text }))))));
 };
 const StyledSharePopup = styled__default["default"].div `
@@ -5208,12 +5205,12 @@ const SubmitReportForm = ({ className, style, reason, reasonText, onClose, postI
     const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [loading, setLoading] = React.useState(false);
-    return (React__namespace["default"].createElement(StyledSubmitReportForm, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        React__namespace["default"].createElement("ul", { className: "report-list" },
-            React__namespace["default"].createElement("li", { className: "report-item" },
-                React__namespace["default"].createElement("img", { src: IconAlertCircle, loading: "lazy" }),
-                React__namespace["default"].createElement(index$1.Text, { className: "__label", color: theme.theme.colors.gray800, size: "p4" }, reasonText))),
-        React__namespace["default"].createElement(index$5.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "report-submit", size: "lg", color: "primary", isLoading: loading, onClick: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+    return (React__default["default"].createElement(StyledSubmitReportForm, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
+        React__default["default"].createElement("ul", { className: "report-list" },
+            React__default["default"].createElement("li", { className: "report-item" },
+                React__default["default"].createElement("img", { src: IconAlertCircle, loading: "lazy" }),
+                React__default["default"].createElement(index$1.Text, { className: "__label", color: theme.theme.colors.gray800, size: "p4" }, reasonText))),
+        React__default["default"].createElement(index$5.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "report-submit", size: "lg", color: "primary", isLoading: loading, onClick: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 if (!postId || loading)
                     return;
                 setLoading(true);
@@ -5366,21 +5363,21 @@ const PostContent = (_a) => {
             });
         };
     }, [disableShortenContent, showAll, description]);
-    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-        hasExpert && (React__namespace["default"].createElement(PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: String(mentionedUser === null || mentionedUser === void 0 ? void 0 : mentionedUser.partnerId) })),
-        React__namespace["default"].createElement(StyledPostContent, Object.assign({ ref: contentRef, className: `${classes.root} ${className} no-replace-click`, style: style, mentionColor: _theme.fn.primaryColor() }, rest),
-            replyName && (React__namespace["default"].createElement(core.Anchor, { onClick: () => hasExpert && setOpenPopupExpert(true), className: "post-content-replying" },
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        hasExpert && (React__default["default"].createElement(PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: String(mentionedUser === null || mentionedUser === void 0 ? void 0 : mentionedUser.partnerId) })),
+        React__default["default"].createElement(StyledPostContent, Object.assign({ ref: contentRef, className: `${classes.root} ${className} no-replace-click`, style: style, mentionColor: _theme.fn.primaryColor() }, rest),
+            replyName && (React__default["default"].createElement(core.Anchor, { onClick: () => hasExpert && setOpenPopupExpert(true), className: "post-content-replying" },
                 "@",
                 replyName)),
-            (rawDescription === null || rawDescription === void 0 ? void 0 : rawDescription.startsWith('[mention+id=')) && (React__namespace["default"].createElement("span", { className: "post-content-replying tag-only", style: {
+            (rawDescription === null || rawDescription === void 0 ? void 0 : rawDescription.startsWith('[mention+id=')) && (React__default["default"].createElement("span", { className: "post-content-replying tag-only", style: {
                     color: _theme.fn.primaryColor(),
                 } }, "@")),
-            React__namespace["default"].createElement("span", { dangerouslySetInnerHTML: {
+            React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                     __html: shortenSanitizedContentData.showContent,
                 }, className: `post-content ${shortenSanitizedContentData.hasSeeMore ? 'has-see-more' : ''}` }),
-            shortenSanitizedContentData.hasSeeMore && !showAll && (React__namespace["default"].createElement("span", null,
+            shortenSanitizedContentData.hasSeeMore && !showAll && (React__default["default"].createElement("span", null,
                 `... `,
-                !hideShowAllBtn && (React__namespace["default"].createElement(core.Anchor, Object.assign({ onClick: (e) => {
+                !hideShowAllBtn && (React__default["default"].createElement(core.Anchor, Object.assign({ onClick: (e) => {
                         e.preventDefault();
                         e.stopPropagation();
                         authActionWrapper(() => setShowAll(true));
@@ -5419,10 +5416,10 @@ const StyledIcon$1 = styled__default["default"].div `
 
 const NotificationBar = (_a) => {
     var { icon, bgColor = theme.theme.colors.yellow50, highlightColor = theme.theme.colors.yellow800, message } = _a, rest = tslib_es6.__rest(_a, ["icon", "bgColor", "highlightColor", "message"]);
-    return (React__namespace["default"].createElement(StyledWrapper$1, Object.assign({ bgColor: bgColor, highlight: highlightColor }, rest),
-        React__namespace["default"].createElement(StyledInner$1, null,
-            icon && React__namespace["default"].createElement(StyledIcon$1, null, icon),
-            React__namespace["default"].createElement(StyledText, { "data-has-icon": Boolean(icon) }, message))));
+    return (React__default["default"].createElement(StyledWrapper$1, Object.assign({ bgColor: bgColor, highlight: highlightColor }, rest),
+        React__default["default"].createElement(StyledInner$1, null,
+            icon && React__default["default"].createElement(StyledIcon$1, null, icon),
+            React__default["default"].createElement(StyledText, { "data-has-icon": Boolean(icon) }, message))));
 };
 
 const StyledPostImagePreview = styled__default["default"].div `
@@ -5598,16 +5595,16 @@ const ImagePreviewPopup = ({ className, style, authorName, images, onClose, onOp
             setIsOpen(true);
         }, 0);
     }, []);
-    return (React__namespace["default"].createElement(core.Portal, null,
-        React__namespace["default"].createElement(StyledImagePreviewPopup, { className: className, style: style, "data-open": isOpen },
-            React__namespace["default"].createElement("div", { className: "top-bar" },
-                React__namespace["default"].createElement("img", { className: "icon-arrow-left", src: IconArrowLeft, onClick: onClose, alt: "go back", loading: "lazy" }),
-                React__namespace["default"].createElement(index$1.Text, { size: "p2", weight: "bold", style: {
+    return (React__default["default"].createElement(core.Portal, null,
+        React__default["default"].createElement(StyledImagePreviewPopup, { className: className, style: style, "data-open": isOpen },
+            React__default["default"].createElement("div", { className: "top-bar" },
+                React__default["default"].createElement("img", { className: "icon-arrow-left", src: IconArrowLeft, onClick: onClose, alt: "go back", loading: "lazy" }),
+                React__default["default"].createElement(index$1.Text, { size: "p2", weight: "bold", style: {
                         textAlign: 'center',
                     } }, t('previewPhotos.title', {
                     name: authorName,
                 }))),
-            React__namespace["default"].createElement("div", { className: "container" }, images.map((image, index) => (React__namespace["default"].createElement("img", { className: "img-preview", key: index, src: image, onClick: () => onOpenSingleView === null || onOpenSingleView === void 0 ? void 0 : onOpenSingleView(index), alt: alt, loading: "lazy" }))))),
+            React__default["default"].createElement("div", { className: "container" }, images.map((image, index) => (React__default["default"].createElement("img", { className: "img-preview", key: index, src: image, onClick: () => onOpenSingleView === null || onOpenSingleView === void 0 ? void 0 : onOpenSingleView(index), alt: alt, loading: "lazy" }))))),
         ","));
 };
 
@@ -5707,21 +5704,21 @@ const PostSingleImageViewPopup = ({ initialViewIndex, images, onClose, alt, }) =
     const previewImg = images === null || images === void 0 ? void 0 : images[viewIndex];
     const leftDisabled = viewIndex === 0;
     const rightDisabled = !(images === null || images === void 0 ? void 0 : images.length) || viewIndex === (images === null || images === void 0 ? void 0 : images.length) - 1;
-    return (React__namespace["default"].createElement(core.Portal, null,
-        React__namespace["default"].createElement(StyledImagePreviewContainer, { "data-open": isOpen && !!previewImg },
-            React__namespace["default"].createElement(StyledImagePreviewTopbar, null,
-                React__namespace["default"].createElement("img", { src: CloseIcon, className: "icon-close", onClick: onClose, alt: "close", loading: "lazy" })),
-            previewImg && viewIndex >= 0 && (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-                React__namespace["default"].createElement(StyledImagePreviewWrapper, null,
-                    React__namespace["default"].createElement("img", { className: "img-preview", src: previewImg, alt: alt, loading: "lazy" }),
-                    React__namespace["default"].createElement(StyledArrowWrapper, { "data-disabled": leftDisabled, onClick: () => !leftDisabled && setViewIndex(viewIndex - 1) },
-                        React__namespace["default"].createElement(StyledCircleArrow, null,
-                            React__namespace["default"].createElement("img", { src: ChevronRightIcon, style: {
+    return (React__default["default"].createElement(core.Portal, null,
+        React__default["default"].createElement(StyledImagePreviewContainer, { "data-open": isOpen && !!previewImg },
+            React__default["default"].createElement(StyledImagePreviewTopbar, null,
+                React__default["default"].createElement("img", { src: CloseIcon, className: "icon-close", onClick: onClose, alt: "close", loading: "lazy" })),
+            previewImg && viewIndex >= 0 && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(StyledImagePreviewWrapper, null,
+                    React__default["default"].createElement("img", { className: "img-preview", src: previewImg, alt: alt, loading: "lazy" }),
+                    React__default["default"].createElement(StyledArrowWrapper, { "data-disabled": leftDisabled, onClick: () => !leftDisabled && setViewIndex(viewIndex - 1) },
+                        React__default["default"].createElement(StyledCircleArrow, null,
+                            React__default["default"].createElement("img", { src: ChevronRightIcon, style: {
                                     transform: 'rotate(180deg)',
                                 }, alt: "left arrow", "data-disabled": leftDisabled, loading: "lazy" }))),
-                    React__namespace["default"].createElement(StyledArrowWrapper, { "data-right": true, "data-disabled": rightDisabled, onClick: () => !rightDisabled && setViewIndex(viewIndex + 1) },
-                        React__namespace["default"].createElement(StyledCircleArrow, null,
-                            React__namespace["default"].createElement("img", { src: ChevronRightIcon, alt: "right arrow", "data-disabled": rightDisabled, loading: "lazy" })))))))));
+                    React__default["default"].createElement(StyledArrowWrapper, { "data-right": true, "data-disabled": rightDisabled, onClick: () => !rightDisabled && setViewIndex(viewIndex + 1) },
+                        React__default["default"].createElement(StyledCircleArrow, null,
+                            React__default["default"].createElement("img", { src: ChevronRightIcon, alt: "right arrow", "data-disabled": rightDisabled, loading: "lazy" })))))))));
 };
 
 const _StyledInner = styled__default["default"].div `
@@ -5788,14 +5785,14 @@ const StyledWrapper = styled__default["default"].div `
 
 const SensitiveMask = ({ image, showIcon = true }) => {
     const [isBlur, setBlur] = React.useState(true);
-    return (React__namespace["default"].createElement(StyledWrapper, { "data-is-blurred": isBlur, onClick: (e) => isBlur && e.stopPropagation() },
-        React__namespace["default"].createElement("img", { loading: "lazy", className: "img-preview", src: image }),
-        React__namespace["default"].createElement(StyledInner, { onClick: (e) => {
+    return (React__default["default"].createElement(StyledWrapper, { "data-is-blurred": isBlur, onClick: (e) => isBlur && e.stopPropagation() },
+        React__default["default"].createElement("img", { loading: "lazy", className: "img-preview", src: image }),
+        React__default["default"].createElement(StyledInner, { onClick: (e) => {
                 e.stopPropagation();
                 setBlur(!isBlur);
-            } }, showIcon && (React__namespace["default"].createElement(StyledIcon, null, isBlur ? (React__namespace["default"].createElement("svg", { width: "22", height: "20", viewBox: "0 0 22 20", fill: "none" },
-            React__namespace["default"].createElement("path", { d: "M1.71 2.54a.996.996 0 0 1 0-1.41c.39-.39 1.03-.39 1.42 0l16.31 16.33a.996.996 0 1 1-1.41 1.41l-2.72-2.72c-1.34.52-2.79.82-4.31.82-5 0-9.27-3.11-11-7.5C.77 7.5 2.06 5.8 3.68 4.51zM16 9.47c0-2.76-2.24-5-5-5-.51 0-1 .1-1.47.24L7.36 2.54c1.15-.37 2.37-.57 3.64-.57 5 0 9.27 3.11 11 7.49-.69 1.76-1.79 3.3-3.18 4.53l-3.06-3.06c.14-.46.24-.95.24-1.46m-5 5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14L8.06 8.9c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07l1.57 1.57c-.65.32-1.37.5-2.14.5m2.97-5.33a2.97 2.97 0 0 0-2.64-2.64z", fill: "#fff" }))) : (React__namespace["default"].createElement("svg", { width: "23", height: "16", viewBox: "0 0 23 16", fill: "none" },
-            React__namespace["default"].createElement("path", { d: "M12 0C5.142 0 1.886 5.879 1.096 7.557c-.132.28-.132.604 0 .884C1.886 10.121 5.142 16 12 16c6.834 0 10.092-5.837 10.896-7.54a1.08 1.08 0 0 0 0-.92C22.092 5.836 18.834 0 12 0m0 3a5 5 0 1 1-.001 10.001 5 5 0 0 1 0-10.001m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6", fill: "#2D87F3" }))))))));
+            } }, showIcon && (React__default["default"].createElement(StyledIcon, null, isBlur ? (React__default["default"].createElement("svg", { width: "22", height: "20", viewBox: "0 0 22 20", fill: "none" },
+            React__default["default"].createElement("path", { d: "M1.71 2.54a.996.996 0 0 1 0-1.41c.39-.39 1.03-.39 1.42 0l16.31 16.33a.996.996 0 1 1-1.41 1.41l-2.72-2.72c-1.34.52-2.79.82-4.31.82-5 0-9.27-3.11-11-7.5C.77 7.5 2.06 5.8 3.68 4.51zM16 9.47c0-2.76-2.24-5-5-5-.51 0-1 .1-1.47.24L7.36 2.54c1.15-.37 2.37-.57 3.64-.57 5 0 9.27 3.11 11 7.49-.69 1.76-1.79 3.3-3.18 4.53l-3.06-3.06c.14-.46.24-.95.24-1.46m-5 5c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14L8.06 8.9c-.03.18-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.03.57-.07l1.57 1.57c-.65.32-1.37.5-2.14.5m2.97-5.33a2.97 2.97 0 0 0-2.64-2.64z", fill: "#fff" }))) : (React__default["default"].createElement("svg", { width: "23", height: "16", viewBox: "0 0 23 16", fill: "none" },
+            React__default["default"].createElement("path", { d: "M12 0C5.142 0 1.886 5.879 1.096 7.557c-.132.28-.132.604 0 .884C1.886 10.121 5.142 16 12 16c6.834 0 10.092-5.837 10.896-7.54a1.08 1.08 0 0 0 0-.92C22.092 5.836 18.834 0 12 0m0 3a5 5 0 1 1-.001 10.001 5 5 0 0 1 0-10.001m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6", fill: "#2D87F3" }))))))));
 };
 
 const PostImagePreview = ({ className, images = [], style, authorName, isSensitive = false, alt, }) => {
@@ -5824,12 +5821,12 @@ const PostImagePreview = ({ className, images = [], style, authorName, isSensiti
             hasSetNoScroll.current = false;
         }
     }, [isOpenImagePreview, singleImageViewIndex]);
-    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-        isSensitive && (React__namespace["default"].createElement(StyledNotificationBar, { message: t('sensitiveMask.contentWarningDescription'), icon: React__namespace["default"].createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
-                React__namespace["default"].createElement("path", { d: "M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z", fill: "#FE921D" })) })),
-        React__namespace["default"].createElement(StyledPostImagePreview, { className: className, style: style, "data-image-count": hasMore ? 5 : images.length || 0, "data-is-marrybaby": isMarryBaby, "data-cursor-pointer": !isSensitive }, images === null || images === void 0 ? void 0 : images.slice(0, 5).map((image, index) => {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        isSensitive && (React__default["default"].createElement(StyledNotificationBar, { message: t('sensitiveMask.contentWarningDescription'), icon: React__default["default"].createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
+                React__default["default"].createElement("path", { d: "M9 .667A8.336 8.336 0 0 0 .667 9c0 4.6 3.733 8.333 8.333 8.333S17.333 13.6 17.333 9 13.6.667 9 .667m0 9.166A.836.836 0 0 1 8.167 9V5.667c0-.459.375-.834.833-.834s.833.375.833.834V9A.836.836 0 0 1 9 9.833M8.167 11.5v1.667h1.666V11.5z", fill: "#FE921D" })) })),
+        React__default["default"].createElement(StyledPostImagePreview, { className: className, style: style, "data-image-count": hasMore ? 5 : images.length || 0, "data-is-marrybaby": isMarryBaby, "data-cursor-pointer": !isSensitive }, images === null || images === void 0 ? void 0 : images.slice(0, 5).map((image, index) => {
             const isMore = index === 4 && hasMore;
-            return (React__namespace["default"].createElement("div", { className: `img-wrapper`, key: index, onClick: () => {
+            return (React__default["default"].createElement("div", { className: `img-wrapper`, key: index, onClick: () => {
                     if (index >= 4 && hasMore) {
                         setIsOpenImagePreview(true);
                     }
@@ -5837,14 +5834,14 @@ const PostImagePreview = ({ className, images = [], style, authorName, isSensiti
                         setSingleImageViewIndex(index);
                     }
                 } },
-                isSensitive && (React__namespace["default"].createElement(SensitiveMask, { image: image, showIcon: !isMore })),
-                !isMarryBaby && (React__namespace["default"].createElement("img", { loading: "lazy", className: "img-preview-blur", src: image, alt: alt })),
-                React__namespace["default"].createElement("img", { loading: "lazy", className: "img-preview", src: image, alt: alt }),
-                isMore && (React__namespace["default"].createElement("div", { className: "img-more-overlay" },
-                    React__namespace["default"].createElement(index$2.Heading, { tag: "h1", as: "h2", color: "white" }, moreImageCount)))));
+                isSensitive && (React__default["default"].createElement(SensitiveMask, { image: image, showIcon: !isMore })),
+                !isMarryBaby && (React__default["default"].createElement("img", { loading: "lazy", className: "img-preview-blur", src: image, alt: alt })),
+                React__default["default"].createElement("img", { loading: "lazy", className: "img-preview", src: image, alt: alt }),
+                isMore && (React__default["default"].createElement("div", { className: "img-more-overlay" },
+                    React__default["default"].createElement(index$2.Heading, { tag: "h1", as: "h2", color: "white" }, moreImageCount)))));
         })),
-        isOpenImagePreview && (React__namespace["default"].createElement(ImagePreviewPopup, { authorName: authorName || '', images: images, onClose: () => setIsOpenImagePreview(false), onOpenSingleView: setSingleImageViewIndex, alt: alt })),
-        singleImageViewIndex >= 0 && (React__namespace["default"].createElement(PostSingleImageViewPopup, { images: images, initialViewIndex: singleImageViewIndex, onClose: () => setSingleImageViewIndex(-1), alt: alt }))));
+        isOpenImagePreview && (React__default["default"].createElement(ImagePreviewPopup, { authorName: authorName || '', images: images, onClose: () => setIsOpenImagePreview(false), onOpenSingleView: setSingleImageViewIndex, alt: alt })),
+        singleImageViewIndex >= 0 && (React__default["default"].createElement(PostSingleImageViewPopup, { images: images, initialViewIndex: singleImageViewIndex, onClose: () => setSingleImageViewIndex(-1), alt: alt }))));
 };
 
 const StyledSocialLinkPreview = styled__default["default"].div `
@@ -5971,13 +5968,13 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
     }, []);
     const containerRef = React.useRef(null);
     const _theme = core.useMantineTheme();
-    return (React__namespace["default"].createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, ref: containerRef, color: _theme.colors[_theme.primaryColor][0] }, !image && (youtubeVidId || facebookVidId) ? (React__namespace["default"].createElement("div", { className: "link-image-wrapper" }, youtubeVidId ? (React__namespace["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${youtubeVidId}?&autoplay=${autoPlay ? 1 : 0}&mute=1&enablejsapi=1`, frameBorder: "0", allowFullScreen: true, style: {
+    return (React__default["default"].createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, ref: containerRef, color: _theme.colors[_theme.primaryColor][0] }, !image && (youtubeVidId || facebookVidId) ? (React__default["default"].createElement("div", { className: "link-image-wrapper" }, youtubeVidId ? (React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${youtubeVidId}?&autoplay=${autoPlay ? 1 : 0}&mute=1&enablejsapi=1`, frameBorder: "0", allowFullScreen: true, style: {
             position: 'absolute',
             top: 0,
             left: 0,
             border: 'none',
             overflow: 'hidden',
-        }, loading: "lazy" })) : facebookVidId ? (React__namespace["default"].createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
+        }, loading: "lazy" })) : facebookVidId ? (React__default["default"].createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
             position: 'absolute',
             top: '50%',
             left: '50%',
@@ -5986,25 +5983,25 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
             height: responsiveHeight.current,
             width: responsiveWidth.current,
             transform: 'translate(-50%, -50%)',
-        }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null)) : (React__namespace["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
-        React__namespace["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__namespace["default"].createElement(Loading$1, { className: "loading-spinner" })) : (React__namespace["default"].createElement(index$8.ImageWrap, { className: "link-image", src: displayImage || utils.DEFAULT_IMG, backupSrc: utils.DEFAULT_IMG, alt: displayUrl })))))));
+        }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null)) : (React__default["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+        React__default["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["default"].createElement(Loading$1, { className: "loading-spinner" })) : (React__default["default"].createElement(index$8.ImageWrap, { className: "link-image", src: displayImage || utils.DEFAULT_IMG, backupSrc: utils.DEFAULT_IMG, alt: displayUrl })))))));
 };
 
 var styles$f = {"loading":"PD6nRZX"};
 
 const Loading = ({ className, size = 'md' }) => {
     const { t } = useTranslations.useTranslations();
-    return (React__namespace["default"].createElement("div", { className: `${styles$f.loading} ${className}` },
-        React__namespace["default"].createElement(index$5.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
+    return (React__default["default"].createElement("div", { className: `${styles$f.loading} ${className}` },
+        React__default["default"].createElement(index$5.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
 };
 
 var styles$e = {"category":"l5fL1xL","title":"L-aGKo7"};
 
 const CategoryText = ({ children, className = '' }) => {
-    return React__namespace["default"].createElement("div", { className: `${styles$e.category} ${className}` }, children);
+    return React__default["default"].createElement("div", { className: `${styles$e.category} ${className}` }, children);
 };
 const Title = ({ children, className = '' }) => {
-    return React__namespace["default"].createElement("div", { className: `${styles$e.title} ${className}` }, children);
+    return React__default["default"].createElement("div", { className: `${styles$e.title} ${className}` }, children);
 };
 
 var styles$d = {"container":"eaR8ATZ","info":"xM-7K0a"};
@@ -6012,21 +6009,21 @@ var styles$d = {"container":"eaR8ATZ","info":"xM-7K0a"};
 var styles$c = {"inner":"DZmf3s7"};
 
 const Thumbnail = ({ src, defaultSrc = index$9.CommonGAssets.getAssetPath('logo/logomark.png'), ratio = 1, size = 80, radius = 8, alt, className = '', }) => {
-    return (React__namespace["default"].createElement("div", { className: className },
-        React__namespace["default"].createElement("div", { className: styles$c.inner, style: {
+    return (React__default["default"].createElement("div", { className: className },
+        React__default["default"].createElement("div", { className: styles$c.inner, style: {
                 width: `${size}px`,
                 height: `${size * ratio}px`,
                 borderRadius: `${radius}px`,
             } },
-            React__namespace["default"].createElement(index$8.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
+            React__default["default"].createElement(index$8.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
 };
 
 const CardArticle = ({ category, title, src, children, className = '', }) => {
-    return (React__namespace["default"].createElement("div", { className: `${styles$d.container} ${className}` },
-        React__namespace["default"].createElement(Thumbnail, { src: src }),
-        React__namespace["default"].createElement("div", { className: styles$d.info }, children || (React__namespace["default"].createElement("div", null,
-            category && React__namespace["default"].createElement(CategoryText, null, category),
-            title && React__namespace["default"].createElement(Title, null, title))))));
+    return (React__default["default"].createElement("div", { className: `${styles$d.container} ${className}` },
+        React__default["default"].createElement(Thumbnail, { src: src }),
+        React__default["default"].createElement("div", { className: styles$d.info }, children || (React__default["default"].createElement("div", null,
+            category && React__default["default"].createElement(CategoryText, null, category),
+            title && React__default["default"].createElement(Title, null, title))))));
 };
 CardArticle.CategoryText = CategoryText;
 CardArticle.Title = Title;
@@ -6036,13 +6033,13 @@ const ArticleCard = ({ featureImage, postTitle, author, categories, isReview, cl
     const note = isReview
         ? 'Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD'
         : 'Written by Jobelle Ann Dela Cruz Bigalbal, MD';
-    return (React__namespace["default"].createElement(CardArticle, { src: featureImage, className: className },
-        React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            React__namespace["default"].createElement(CardArticle.CategoryText, null, (_a = categories === null || categories === void 0 ? void 0 : categories[0]) === null || _a === void 0 ? void 0 : _a.name),
-            React__namespace["default"].createElement(CardArticle.Title, null, postTitle),
-            React__namespace["default"].createElement(CardAuthor$1, { avatarProps: Object.assign(Object.assign({}, author), { size: 32 }), subTitle: React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+    return (React__default["default"].createElement(CardArticle, { src: featureImage, className: className },
+        React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(CardArticle.CategoryText, null, (_a = categories === null || categories === void 0 ? void 0 : categories[0]) === null || _a === void 0 ? void 0 : _a.name),
+            React__default["default"].createElement(CardArticle.Title, null, postTitle),
+            React__default["default"].createElement(CardAuthor$1, { avatarProps: Object.assign(Object.assign({}, author), { size: 32 }), subTitle: React__default["default"].createElement(React__default["default"].Fragment, null,
                     note,
-                    React__namespace["default"].createElement(CardAuthor$1.SubDivider, null),
+                    React__default["default"].createElement(CardAuthor$1.SubDivider, null),
                     'Dec 12, 2022') }))));
 };
 
@@ -6095,11 +6092,11 @@ const About = ({ className = '' }) => {
                     heading: t('profilePanel.experience'),
                     iconSrc: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'award-doc-mb.svg' : 'award-doc.svg'),
                     eventAction: 'Doctor Experience Click',
-                    panel: (React__namespace["default"].createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.experiences.map((i, idx) => (React__namespace["default"].createElement("div", { className: styles$b.accBodyGroupItem, key: String(idx) },
-                        React__namespace["default"].createElement("div", { className: styles$b.accBodyGroupTitle }, i.title),
-                        React__namespace["default"].createElement("div", { className: styles$b.accBodyGroupDesc },
-                            React__namespace["default"].createElement("p", null, i.organization),
-                            React__namespace["default"].createElement("p", null, i.duration))))))),
+                    panel: (React__default["default"].createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.experiences.map((i, idx) => (React__default["default"].createElement("div", { className: styles$b.accBodyGroupItem, key: String(idx) },
+                        React__default["default"].createElement("div", { className: styles$b.accBodyGroupTitle }, i.title),
+                        React__default["default"].createElement("div", { className: styles$b.accBodyGroupDesc },
+                            React__default["default"].createElement("p", null, i.organization),
+                            React__default["default"].createElement("p", null, i.duration))))))),
                 },
             ]
             : []),
@@ -6110,11 +6107,11 @@ const About = ({ className = '' }) => {
                     heading: t('profilePanel.education'),
                     iconSrc: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'book-mb.svg' : 'book.svg'),
                     eventAction: 'Doctor Degree Click',
-                    panel: (React__namespace["default"].createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.educations.map((i, idx) => (React__namespace["default"].createElement("div", { className: styles$b.accBodyGroupItem, key: String(idx) },
-                        React__namespace["default"].createElement("div", { className: styles$b.accBodyGroupTitle }, i.schoolName),
-                        React__namespace["default"].createElement("div", { className: styles$b.accBodyGroupDesc },
-                            React__namespace["default"].createElement("p", null, i.study),
-                            React__namespace["default"].createElement("p", null, i.completedYear))))))),
+                    panel: (React__default["default"].createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.educations.map((i, idx) => (React__default["default"].createElement("div", { className: styles$b.accBodyGroupItem, key: String(idx) },
+                        React__default["default"].createElement("div", { className: styles$b.accBodyGroupTitle }, i.schoolName),
+                        React__default["default"].createElement("div", { className: styles$b.accBodyGroupDesc },
+                            React__default["default"].createElement("p", null, i.study),
+                            React__default["default"].createElement("p", null, i.completedYear))))))),
                 },
             ]
             : []),
@@ -6125,16 +6122,16 @@ const About = ({ className = '' }) => {
                     heading: t('profilePanel.awards'),
                     iconSrc: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'award-mb.svg' : 'award.svg'),
                     eventAction: 'Doctor Award Click',
-                    panel: (React__namespace["default"].createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.awards.map((i, idx) => (React__namespace["default"].createElement("div", { className: styles$b.accBodyGroupTitle, key: idx }, i.title))))),
+                    panel: (React__default["default"].createElement("div", { className: styles$b.accBodyGroup }, info === null || info === void 0 ? void 0 : info.awards.map((i, idx) => (React__default["default"].createElement("div", { className: styles$b.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__namespace["default"].createElement("div", { className: `${styles$b.container} ${className}`, "data-is-marrybaby": isMarryBaby },
-        accProps.length > 0 && (React__namespace["default"].createElement(core.Accordion, { defaultValue: accProps[0].key, chevron: isMarryBaby ? (React__namespace["default"].createElement("div", { className: styles$b.mbChevronWrapper },
-                React__namespace["default"].createElement(core$1.Plus, { size: 12, color: theme.theme.mbColors.midGray }))) : (React__namespace["default"].createElement(core$1.Plus, { color: theme.theme.colors.gray400 })), styles: {
+    return (React__default["default"].createElement("div", { className: `${styles$b.container} ${className}`, "data-is-marrybaby": isMarryBaby },
+        accProps.length > 0 && (React__default["default"].createElement(core.Accordion, { defaultValue: accProps[0].key, chevron: isMarryBaby ? (React__default["default"].createElement("div", { className: styles$b.mbChevronWrapper },
+                React__default["default"].createElement(core$1.Plus, { size: 12, color: theme.theme.mbColors.midGray }))) : (React__default["default"].createElement(core$1.Plus, { color: theme.theme.colors.gray400 })), styles: {
                 chevron: {
                     '&[data-rotate]': {
                         '.minus-path': {
@@ -6163,32 +6160,32 @@ const About = ({ className = '' }) => {
                         pointerEvents: 'none',
                     },
                 },
-            } }, accProps.map((i) => (React__namespace["default"].createElement(core.Accordion.Item, { key: i.key, value: i.key },
-            React__namespace["default"].createElement(core.Accordion.Control, { "data-event-category": "Together", "data-event-action": i.eventAction, "data-event-label": currentPageUrl },
-                React__namespace["default"].createElement("div", { className: styles$b.header },
-                    React__namespace["default"].createElement("div", { className: styles$b.headingIcon },
-                        React__namespace["default"].createElement("img", { src: i.iconSrc, loading: "lazy" })),
-                    React__namespace["default"].createElement("div", { className: styles$b.heading }, i.heading))),
-            React__namespace["default"].createElement(core.Accordion.Panel, null, i.panel)))))),
-        relatedPost.length > 0 && (React__namespace["default"].createElement("div", { className: styles$b.group },
-            React__namespace["default"].createElement("div", { className: styles$b.subTitle },
-                React__namespace["default"].createElement("img", { className: styles$b.subIcon, src: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
+            } }, accProps.map((i) => (React__default["default"].createElement(core.Accordion.Item, { key: i.key, value: i.key },
+            React__default["default"].createElement(core.Accordion.Control, { "data-event-category": "Together", "data-event-action": i.eventAction, "data-event-label": currentPageUrl },
+                React__default["default"].createElement("div", { className: styles$b.header },
+                    React__default["default"].createElement("div", { className: styles$b.headingIcon },
+                        React__default["default"].createElement("img", { src: i.iconSrc, loading: "lazy" })),
+                    React__default["default"].createElement("div", { className: styles$b.heading }, i.heading))),
+            React__default["default"].createElement(core.Accordion.Panel, null, i.panel)))))),
+        relatedPost.length > 0 && (React__default["default"].createElement("div", { className: styles$b.group },
+            React__default["default"].createElement("div", { className: styles$b.subTitle },
+                React__default["default"].createElement("img", { className: styles$b.subIcon, src: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
                 t('profilePanel.publishedArticles')),
-            React__namespace["default"].createElement("div", { className: `${styles$b.relatedList}` }, info === null || info === void 0 ? void 0 : info.relatedPosts.map((i) => (React__namespace["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__namespace["default"].createElement(ArticleCard, Object.assign({ className: 'article-card' }, Object.assign(Object.assign({}, i), (!i.author && {
+            React__default["default"].createElement("div", { className: `${styles$b.relatedList}` }, info === null || info === void 0 ? void 0 : info.relatedPosts.map((i) => (React__default["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["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__namespace["default"].createElement("div", { className: styles$b.group },
-            React__namespace["default"].createElement("div", { className: styles$b.subTitle },
-                React__namespace["default"].createElement("img", { className: styles$b.subIcon, src: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
+        socialList.length > 0 && (React__default["default"].createElement("div", { className: styles$b.group },
+            React__default["default"].createElement("div", { className: styles$b.subTitle },
+                React__default["default"].createElement("img", { className: styles$b.subIcon, src: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
                 t('profilePanel.socialLinks')),
-            React__namespace["default"].createElement("div", { className: styles$b.groupBody },
-                React__namespace["default"].createElement(core.Flex, null, social.map((i, idx) => i.url && (React__namespace["default"].createElement("div", { className: styles$b.socialItem, key: idx },
-                    React__namespace["default"].createElement("a", { href: i.url, target: "_blank", rel: "noreferrer" },
-                        React__namespace["default"].createElement("img", { src: i.icon, loading: "lazy", width: "32px", "data-event-category": "Together", "data-event-action": i.eventAction, "data-event-label": currentPageUrl })))))))))));
+            React__default["default"].createElement("div", { className: styles$b.groupBody },
+                React__default["default"].createElement(core.Flex, null, social.map((i, idx) => i.url && (React__default["default"].createElement("div", { className: styles$b.socialItem, key: idx },
+                    React__default["default"].createElement("a", { href: i.url, target: "_blank", rel: "noreferrer" },
+                        React__default["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"};
@@ -6199,29 +6196,29 @@ const PostCard$1 = ({ post, className = '' }) => {
     const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { authActionWrapper, authorProps, currentPageUrl } = React.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__namespace["default"].createElement("div", { className: `${styles$a.container} ${className}` },
-        React__namespace["default"].createElement("div", { className: styles$a.header },
-            React__namespace["default"].createElement("div", { className: styles$a.question },
+    return (React__default["default"].createElement("div", { className: `${styles$a.container} ${className}` },
+        React__default["default"].createElement("div", { className: styles$a.header },
+            React__default["default"].createElement("div", { className: styles$a.question },
                 t('profilePanel.question'),
                 ' ',
-                React__namespace["default"].createElement(index$8.Anchor, { className: styles$a.questionTitle, href: "#", onClick: () => {
+                React__default["default"].createElement(index$8.Anchor, { className: styles$a.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__namespace["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["default"].createElement("div", { className: styles$a.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__namespace["default"].createElement("div", { className: styles$a.questionCard },
-            React__namespace["default"].createElement(CardAuthor, Object.assign({ className: "card-author" }, authorProps, { role: "user", avatarIcon: React__namespace["default"].createElement(other.CrossLogo, null), subLine: React__namespace["default"].createElement(CardAuthor.SubTextRow, null,
-                    React__namespace["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__namespace["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) || '', 
+        React__default["default"].createElement("div", { className: styles$a.questionCard },
+            React__default["default"].createElement(CardAuthor, Object.assign({ className: "card-author" }, authorProps, { role: "user", avatarIcon: React__default["default"].createElement(other.CrossLogo, null), subLine: React__default["default"].createElement(CardAuthor.SubTextRow, null,
+                    React__default["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["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) || '', 
                 // disableShortenContent={disableShortenContent}
                 mentions: post === null || post === void 0 ? void 0 : post.mentions, "data-testid": "Content of the Post" })),
-        React__namespace["default"].createElement(index$8.Button, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
+        React__default["default"].createElement(index$8.Button, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
                 if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)) {
                     authActionWrapper === null || authActionWrapper === void 0 ? void 0 : authActionWrapper(() => (window.location.href = postHref));
                 }
@@ -6237,12 +6234,12 @@ var styles$8 = {"container":"_8fd7YMs","thumb":"DomiQfw","content":"-b2qnfL"};
 
 const EmptyMessage = ({ message, buttonTxt, imgSrc, onBtnClick }) => {
     const { siteType, isMarryBaby } = React.useContext(ProfileDetailContext);
-    return (React__namespace["default"].createElement("div", { className: styles$8.container },
-        React__namespace["default"].createElement("div", { className: styles$8.thumb },
-            React__namespace["default"].createElement("img", { src: imgSrc ||
+    return (React__default["default"].createElement("div", { className: styles$8.container },
+        React__default["default"].createElement("div", { className: styles$8.thumb },
+            React__default["default"].createElement("img", { src: imgSrc ||
                     index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'comments-mb.svg' : 'comments.svg'), loading: "lazy" })),
-        message && React__namespace["default"].createElement("div", { className: styles$8.content }, message),
-        buttonTxt && (React__namespace["default"].createElement(index$5.Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
+        message && React__default["default"].createElement("div", { className: styles$8.content }, message),
+        buttonTxt && (React__default["default"].createElement(index$5.Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
 };
 
 const Answering = ({ id }) => {
@@ -6265,8 +6262,8 @@ const Answering = ({ id }) => {
                 setLoading(false);
             }))();
     }, []);
-    return (React__namespace["default"].createElement("div", { className: styles$9.container }, loading ? (React__namespace["default"].createElement(Loading, null)) : (posts !== null &&
-        (posts.length > 0 ? (posts.map((i) => (React__namespace["default"].createElement(PostCard$1, { className: "post-card", key: i.id, post: i })))) : (React__namespace["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
+    return (React__default["default"].createElement("div", { className: styles$9.container }, loading ? (React__default["default"].createElement(Loading, null)) : (posts !== null &&
+        (posts.length > 0 ? (posts.map((i) => (React__default["default"].createElement(PostCard$1, { className: "post-card", key: i.id, post: i })))) : (React__default["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),
             }) }))))));
 };
@@ -6278,11 +6275,11 @@ const QuestionCard = (_a) => {
     var { post } = _a, rest = tslib_es6.__rest(_a, ["post"]);
     const { data: { env: { togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     // const { showSkipQuestionTag } = useContext(ProfileDetailContext)
-    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-        React__namespace["default"].createElement("div", Object.assign({}, rest, { className: `${styles$7.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` }),
-            React__namespace["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__namespace["default"].createElement(CardAuthor.SubTextRow, null,
-                    React__namespace["default"].createElement(CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime)) }),
-            React__namespace["default"].createElement(index$8.Anchor, { 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))));
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("div", Object.assign({}, rest, { className: `${styles$7.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` }),
+            React__default["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["default"].createElement(CardAuthor.SubTextRow, null,
+                    React__default["default"].createElement(CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime)) }),
+            React__default["default"].createElement(index$8.Anchor, { 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))));
 };
 
 var styles$6 = {"accordion":"I-uIJ6E","header":"_41WRsj2","heading":"AcOGL93","headingIcon":"JD3dWJN","panel":"dKAgnS8","chevron":"L2Q9T6m","container":"h-pSmhX"};
@@ -6330,7 +6327,7 @@ const Care = () => {
             onSkipQuestion === null || onSkipQuestion === void 0 ? void 0 : onSkipQuestion(countLists);
         }
     };
-    return (React__namespace["default"].createElement("div", { className: styles$6.container }, fetchLoading ? (React__namespace["default"].createElement(Loading, null)) : (countValues === null || countValues === void 0 ? void 0 : countValues.total_question) > 0 ? (communities.length > 0 && (React__namespace["default"].createElement(core.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["default"].createElement("div", { className: styles$6.container }, fetchLoading ? (React__default["default"].createElement(Loading, null)) : (countValues === null || countValues === void 0 ? void 0 : countValues.total_question) > 0 ? (communities.length > 0 && (React__default["default"].createElement(core.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) => ({
             control: {
                 padding: '16px',
                 border: `1px solid ${_theme.colors.neutral[1]}`,
@@ -6356,18 +6353,18 @@ const Care = () => {
             item: {
                 marginBottom: '16px',
             },
-        }), chevron: React__namespace["default"].createElement("div", { className: styles$6.chevron },
-            React__namespace["default"].createElement(other.ArrowDown, { color: theme.theme.colors.gray600, size: 20 })) }, communities.map((i) => {
+        }), chevron: React__default["default"].createElement("div", { className: styles$6.chevron },
+            React__default["default"].createElement(other.ArrowDown, { color: theme.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__namespace["default"].createElement(core.Accordion.Item, { key: i.id, value: String(i.id) },
-            React__namespace["default"].createElement(core.Accordion.Control, null,
-                React__namespace["default"].createElement("div", { className: styles$6.header },
-                    React__namespace["default"].createElement("div", { className: styles$6.headingIcon },
-                        React__namespace["default"].createElement("img", { src: i.thumbnail, loading: "lazy" })),
-                    React__namespace["default"].createElement("div", { className: styles$6.heading }, i.name))),
-            React__namespace["default"].createElement(core.Accordion.Panel, null,
-                React__namespace["default"].createElement("div", { className: styles$6.body }, listing.map((post) => (React__namespace["default"].createElement(QuestionCard, { className: "question-card", key: post.id, post: post, onSkip: handleSkipQuestion }))))))));
-    })))) : (React__namespace["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyCareMess.content'), imgSrc: index$9.CommonGAssets.getAssetPath('questions.svg') }))));
+        return (listing.length > 0 && (React__default["default"].createElement(core.Accordion.Item, { key: i.id, value: String(i.id) },
+            React__default["default"].createElement(core.Accordion.Control, null,
+                React__default["default"].createElement("div", { className: styles$6.header },
+                    React__default["default"].createElement("div", { className: styles$6.headingIcon },
+                        React__default["default"].createElement("img", { src: i.thumbnail, loading: "lazy" })),
+                    React__default["default"].createElement("div", { className: styles$6.heading }, i.name))),
+            React__default["default"].createElement(core.Accordion.Panel, null,
+                React__default["default"].createElement("div", { className: styles$6.body }, listing.map((post) => (React__default["default"].createElement(QuestionCard, { className: "question-card", key: post.id, post: post, onSkip: handleSkipQuestion }))))))));
+    })))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyCareMess.content'), imgSrc: index$9.CommonGAssets.getAssetPath('questions.svg') }))));
 };
 
 var styles$5 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","questionTitle":"_6gVRc3i","community":"xOzLGrD","questionCard":"IB049vj","linkWrapper":"_8I--vEV"};
@@ -6379,23 +6376,23 @@ const PostCard = ({ post, className = '' }) => {
     const theme = core.useMantineTheme();
     const { authActionWrapper, authorProps } = React.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__namespace["default"].createElement("div", { className: `${styles$5.container} ${className}` },
-        React__namespace["default"].createElement("div", { className: styles$5.questionCard },
-            React__namespace["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["default"].createElement("div", { className: `${styles$5.container} ${className}` },
+        React__default["default"].createElement("div", { className: styles$5.questionCard },
+            React__default["default"].createElement("a", { "data-event-category": "Together", "data-event-action": "Click Post", "data-event-label": postHref, className: styles$5.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));
                     }
                 } }),
-            React__namespace["default"].createElement(CardAuthor$1, { className: "card-author", avatarProps: {
+            React__default["default"].createElement(CardAuthor$1, { className: "card-author", avatarProps: {
                     avatar: authorProps === null || authorProps === void 0 ? void 0 : authorProps.avatar,
                     size: 32,
                 } },
-                React__namespace["default"].createElement(CardAuthor.MainText, { className: styles$5.mainTxt }, post === null || post === void 0 ? void 0 : post.title),
-                React__namespace["default"].createElement(CardAuthor.SubTextRow, null,
-                    React__namespace["default"].createElement(CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime))),
-            React__namespace["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__namespace["default"].createElement(index$1.Text, { size: "p3", color: theme.fn.primaryColor() }, t('post.seeMore')))));
+                React__default["default"].createElement(CardAuthor.MainText, { className: styles$5.mainTxt }, post === null || post === void 0 ? void 0 : post.title),
+                React__default["default"].createElement(CardAuthor.SubTextRow, null,
+                    React__default["default"].createElement(CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime))),
+            React__default["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["default"].createElement(index$1.Text, { size: "p3", color: theme.fn.primaryColor() }, t('post.seeMore')))));
 };
 
 var styles$4 = {"container":"TSMHoEM"};
@@ -6421,8 +6418,8 @@ const Posts = () => {
                 setLoading(false);
             }))();
     }, [id]);
-    return (React__namespace["default"].createElement("div", { className: styles$4.container }, loading ? (React__namespace["default"].createElement(Loading, null)) : (posts !== null &&
-        (posts.length > 0 ? (posts.map((i) => (React__namespace["default"].createElement(PostCard, { className: "post-card", key: i.id, post: i })))) : (React__namespace["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
+    return (React__default["default"].createElement("div", { className: styles$4.container }, loading ? (React__default["default"].createElement(Loading, null)) : (posts !== null &&
+        (posts.length > 0 ? (posts.map((i) => (React__default["default"].createElement(PostCard, { className: "post-card", key: i.id, post: i })))) : (React__default["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: () => {
                 onCloseFromPost === null || onCloseFromPost === void 0 ? void 0 : onCloseFromPost();
@@ -6488,7 +6485,7 @@ const ProfileDetail = (_a) => {
                 {
                     value: exports.TabName.About,
                     text: t('profilePanel.tabs.highlight'),
-                    content: React__namespace["default"].createElement(About, { id: id, info: info }),
+                    content: React__default["default"].createElement(About, { id: id, info: info }),
                     dataEventCategory: 'Together',
                     dataEventAction: 'Doctor Profile Click',
                     dataEventLabel: currentPageUrl,
@@ -6498,7 +6495,7 @@ const ProfileDetail = (_a) => {
         {
             value: exports.TabName.Posts,
             text: t('profilePanel.tabs.posts'),
-            content: React__namespace["default"].createElement(Posts, null),
+            content: React__default["default"].createElement(Posts, null),
             hasCountResult: true,
             keyOfCountApi: 'post',
             keyOfResult: 'total_post',
@@ -6510,7 +6507,7 @@ const ProfileDetail = (_a) => {
                 {
                     value: exports.TabName.Care,
                     text: `${t('profilePanel.tabs.care')}`,
-                    content: React__namespace["default"].createElement(Care, null),
+                    content: React__default["default"].createElement(Care, null),
                     hasCountResult: true,
                     keyOfCountApi: 'question',
                     keyOfResult: 'total_question',
@@ -6525,7 +6522,7 @@ const ProfileDetail = (_a) => {
                 {
                     value: exports.TabName.Answer,
                     text: `${t('profilePanel.tabs.expertAnswer')}`,
-                    content: React__namespace["default"].createElement(Answering, { id: id }),
+                    content: React__default["default"].createElement(Answering, { id: id }),
                     hasCountResult: true,
                     keyOfCountApi: 'reply',
                     keyOfResult: 'total_reply',
@@ -6623,7 +6620,7 @@ const ProfileDetail = (_a) => {
         }))();
     }, []);
     const userData = info === null || info === void 0 ? void 0 : info.data;
-    return (React__namespace["default"].createElement(ProfileDetailContext.Provider, { value: {
+    return (React__default["default"].createElement(ProfileDetailContext.Provider, { value: {
             isMarryBaby,
             siteType: isMarryBaby ? 'marryBaby' : 'helloSites',
             authorId: String((authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId) || ''),
@@ -6638,24 +6635,24 @@ const ProfileDetail = (_a) => {
             showSkipQuestionTag,
             currentPageUrl,
         } },
-        React__namespace["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__namespace["default"].createElement(Loading, null)) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            React__namespace["default"].createElement(CardAuthor, Object.assign({}, authorProps, { className: "card-author", showDetailPopup: false, subLine: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.role) === 'expert'
+        React__default["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["default"].createElement(Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["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__namespace["default"].createElement(CardAuthor.SubTextRow, null,
-                        (userData === null || userData === void 0 ? void 0 : userData.specialty) && (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-                            React__namespace["default"].createElement(CardAuthor.SubText, null, userData === null || userData === void 0 ? void 0 : userData.specialty),
-                            React__namespace["default"].createElement(CardAuthor.SubDivider, null))),
-                        React__namespace["default"].createElement(CardAuthor.SubText, null, userData === null || userData === void 0 ? void 0 : userData.organisation)))
-                    : (userData === null || userData === void 0 ? void 0 : userData.created_at) && (React__namespace["default"].createElement(CardAuthor.SubTextRow, null,
-                        React__namespace["default"].createElement(CardAuthor.SubText, null,
+                        (userData === null || userData === void 0 ? void 0 : userData.organisation) && (React__default["default"].createElement(CardAuthor.SubTextRow, null,
+                        (userData === null || userData === void 0 ? void 0 : userData.specialty) && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                            React__default["default"].createElement(CardAuthor.SubText, null, userData === null || userData === void 0 ? void 0 : userData.specialty),
+                            React__default["default"].createElement(CardAuthor.SubDivider, null))),
+                        React__default["default"].createElement(CardAuthor.SubText, null, userData === null || userData === void 0 ? void 0 : userData.organisation)))
+                    : (userData === null || userData === void 0 ? void 0 : userData.created_at) && (React__default["default"].createElement(CardAuthor.SubTextRow, null,
+                        React__default["default"].createElement(CardAuthor.SubText, null,
                             t('profilePanel.joined'),
                             ' ',
                             dayjs__default["default"](userData === null || userData === void 0 ? void 0 : userData.created_at).toNow(true)))) })),
-            role === 'expert' && (React__namespace["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["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 } })),
             finalTabContent !== null &&
                 activeTab !== null &&
-                (finalTabContent.length > 0 ? (React__namespace["default"].createElement("div", { className: styles$3.body },
-                    React__namespace["default"].createElement(index$8.Tabs, Object.assign({}, tabsProps)))) : (React__namespace["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
+                (finalTabContent.length > 0 ? (React__default["default"].createElement("div", { className: styles$3.body },
+                    React__default["default"].createElement(index$8.Tabs, Object.assign({}, tabsProps)))) : (React__default["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) || '',
                     }) }))))))));
 };
@@ -6702,20 +6699,20 @@ const SkipQuestionOfExpertBtn = (_a) => {
         }
         setLoading(false);
     }), []);
-    return (React__namespace["default"].createElement(core.Popover, { width: 327, withArrow: true, shadow: "md", opened: showAlert },
-        React__namespace["default"].createElement(core.Popover.Target, null,
-            React__namespace["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__namespace["default"].createElement(core.Popover.Dropdown, null,
-            React__namespace["default"].createElement("div", null,
-                React__namespace["default"].createElement("div", { className: styles$2.alertHeading }, t('profilePanel.skipQuestion.heading')),
-                React__namespace["default"].createElement("div", { className: styles$2.alertDesc }, t('profilePanel.skipQuestion.content')),
-                React__namespace["default"].createElement("div", { className: styles$2.alertAction },
-                    React__namespace["default"].createElement(index$8.Button, { size: "md", variant: "secondary", leftIcon: React__namespace["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
+    return (React__default["default"].createElement(core.Popover, { width: 327, withArrow: true, shadow: "md", opened: showAlert },
+        React__default["default"].createElement(core.Popover.Target, null,
+            React__default["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["default"].createElement(core.Popover.Dropdown, null,
+            React__default["default"].createElement("div", null,
+                React__default["default"].createElement("div", { className: styles$2.alertHeading }, t('profilePanel.skipQuestion.heading')),
+                React__default["default"].createElement("div", { className: styles$2.alertDesc }, t('profilePanel.skipQuestion.content')),
+                React__default["default"].createElement("div", { className: styles$2.alertAction },
+                    React__default["default"].createElement(index$8.Button, { size: "md", variant: "secondary", leftIcon: React__default["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
                             leftIcon: {
                                 marginRight: 0,
                             },
                         }) }),
-                    React__namespace["default"].createElement(index$8.Button, { variant: "primary", size: "md", leftIcon: React__namespace["default"].createElement(core$1.Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
+                    React__default["default"].createElement(index$8.Button, { variant: "primary", size: "md", leftIcon: React__default["default"].createElement(core$1.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,
                             },
@@ -6754,12 +6751,12 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
     const [isOpenSharePopup, setIsOpenSharePopup] = React.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__namespace["default"].createElement("div", { className: className, onClick: (e) => {
+    return (React__default["default"].createElement("div", { className: className, onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
         } },
-        isOpenSharePopup && (React__namespace["default"].createElement(SharePopup, { url: shareUrl, text: post === null || post === void 0 ? void 0 : post.title, onClose: () => setIsOpenSharePopup(false) })),
-        isOpenLeavePopup && (React__namespace["default"].createElement(PopupDanger, { thumbnail: index$9.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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        isOpenSharePopup && (React__default["default"].createElement(SharePopup, { url: shareUrl, text: post === null || post === void 0 ? void 0 : post.title, onClose: () => setIsOpenSharePopup(false) })),
+        isOpenLeavePopup && (React__default["default"].createElement(PopupDanger, { thumbnail: index$9.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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 if (!(post === null || post === void 0 ? void 0 : post.id) || loading)
                     return;
                 setLoading(true);
@@ -6774,7 +6771,7 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                 catch (_a) { }
                 setLoading(false);
             }), onClose: () => setIsOpenLeavePopup(false) })),
-        React__namespace["default"].createElement(TreePopoverMenu, { className: popoverClassName, toggleButtonContent: React__namespace["default"].createElement("img", { src: isMarryBaby ? MBMoreSolid : IconKebab, loading: "lazy" }), position: "bottom", align: "end", buttonProps: {
+        React__default["default"].createElement(TreePopoverMenu, { className: popoverClassName, toggleButtonContent: React__default["default"].createElement("img", { src: isMarryBaby ? MBMoreSolid : IconKebab, loading: "lazy" }), position: "bottom", align: "end", buttonProps: {
                 isLoading: loading,
             }, data: isAuthor
                 ? {
@@ -6924,7 +6921,7 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                                         description: t('morePopover.reportSubmit.description'),
                                         isShowheader: true,
                                         type: 'jsx',
-                                        jsxRenderer: (setShow) => (React__namespace["default"].createElement(SubmitReportForm, { reason: item.reasonValue, reasonText: t(item.reason), postId: post === null || post === void 0 ? void 0 : post.id, onClose: () => setShow && setShow(false) })),
+                                        jsxRenderer: (setShow) => (React__default["default"].createElement(SubmitReportForm, { reason: item.reasonValue, reasonText: t(item.reason), postId: post === null || post === void 0 ? void 0 : post.id, onClose: () => setShow && setShow(false) })),
                                     },
                                 })),
                             },
@@ -7118,11 +7115,11 @@ const CardReplyPopover = ({ onDeleteComment, commentId, className = '', popoverC
     const { t } = useTranslations.useTranslations();
     const [isOpenLeavePopup, setIsOpenLeavePopup] = React.useState(false);
     const { authActionWrapper } = useTogetherAuthRequiredAction();
-    return (React__namespace["default"].createElement("div", { className: className, onClick: (e) => {
+    return (React__default["default"].createElement("div", { className: className, onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
         } },
-        isOpenLeavePopup && (React__namespace["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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        isOpenLeavePopup && (React__default["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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
                 if (!commentId)
                     return;
@@ -7143,7 +7140,7 @@ const CardReplyPopover = ({ onDeleteComment, commentId, className = '', popoverC
                     });
                 }
             }), onClose: () => setIsOpenLeavePopup(false) })),
-        React__namespace["default"].createElement(TreePopoverMenu, { position: "bottom", align: "end", data: {
+        React__default["default"].createElement(TreePopoverMenu, { position: "bottom", align: "end", data: {
                 isShowheader: false,
                 type: 'list',
                 list: [
@@ -7176,7 +7173,7 @@ const CardReplyPopover = ({ onDeleteComment, commentId, className = '', popoverC
                         },
                     },
                 ],
-            }, className: popoverClassName, toggleButtonContent: React__namespace["default"].createElement("img", { src: isMarryBaby ? MBMoreSolid : IconKebab, loading: "lazy" }), buttonProps: {
+            }, className: popoverClassName, toggleButtonContent: React__default["default"].createElement("img", { src: isMarryBaby ? MBMoreSolid : IconKebab, loading: "lazy" }), buttonProps: {
             // isLoading: loading,
             } })));
 };
@@ -7254,16 +7251,16 @@ const RecommentCategories = ({ categories }) => {
     const { t } = useTranslations.useTranslations();
     const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const url = routing.getCurrentBaseUrl(locale, isMarryBaby);
-    return (React__namespace["default"].createElement(StyledContainer, null,
-        React__namespace["default"].createElement(StyledHeader, null,
-            React__namespace["default"].createElement(index$2.Heading, { tag: "h6", as: "h5" }, t('cardReply.recommentCategories.heading'))),
-        React__namespace["default"].createElement(StyledListItems, null, categories.map((i) => (React__namespace["default"].createElement(StyledItem$1, { href: url + i.permalink, key: String(i.termId), target: "_blank" },
-            React__namespace["default"].createElement(StyledItemInfo, null,
-                React__namespace["default"].createElement(StyledThumb, null,
-                    React__namespace["default"].createElement("img", { src: i.featureImage ||
+    return (React__default["default"].createElement(StyledContainer, null,
+        React__default["default"].createElement(StyledHeader, null,
+            React__default["default"].createElement(index$2.Heading, { tag: "h6", as: "h5" }, t('cardReply.recommentCategories.heading'))),
+        React__default["default"].createElement(StyledListItems, null, categories.map((i) => (React__default["default"].createElement(StyledItem$1, { href: url + i.permalink, key: String(i.termId), target: "_blank" },
+            React__default["default"].createElement(StyledItemInfo, null,
+                React__default["default"].createElement(StyledThumb, null,
+                    React__default["default"].createElement("img", { src: i.featureImage ||
                             index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : '/logo/logomark.png'), alt: i.displayName, loading: "lazy" })),
-                React__namespace["default"].createElement(index$1.Text, { size: "s3", weight: "bold" }, i.displayName)),
-            React__namespace["default"].createElement(other.ArrowRight, { size: 20, color: theme.theme.colors.gray400 })))))));
+                React__default["default"].createElement(index$1.Text, { size: "s3", weight: "bold" }, i.displayName)),
+            React__default["default"].createElement(other.ArrowRight, { size: 20, color: theme.theme.colors.gray400 })))))));
 };
 
 const StyledItem = styled__default["default"].a `
@@ -7311,19 +7308,19 @@ const SourceItem = ({ postTitle, articleReviewed, modifiedTime, href, }) => {
             };
         }
     })();
-    return (React__namespace["default"].createElement(StyledItem, { href: href, title: postTitle, target: "_blank" },
-        React__namespace["default"].createElement(index$1.Text, { size: "s3", as: "h5", weight: "bold" }, postTitle),
-        React__namespace["default"].createElement("div", null,
-            React__namespace["default"].createElement(CardAuthor, { avatar: getDetail === null || getDetail === void 0 ? void 0 : getDetail.avatar, avatarProps: {
+    return (React__default["default"].createElement(StyledItem, { href: href, title: postTitle, target: "_blank" },
+        React__default["default"].createElement(index$1.Text, { size: "s3", as: "h5", weight: "bold" }, postTitle),
+        React__default["default"].createElement("div", null,
+            React__default["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__namespace["default"].createElement(CardAuthor.SubTextRow, null,
-                    React__namespace["default"].createElement(CardAuthor.SubText, null, getDetail === null || getDetail === void 0 ? void 0 :
+                React__default["default"].createElement(CardAuthor.SubTextRow, null,
+                    React__default["default"].createElement(CardAuthor.SubText, null, getDetail === null || getDetail === void 0 ? void 0 :
                         getDetail.title,
                         ' ',
-                        React__namespace["default"].createElement("span", { style: { color: theme.theme.colors.gray800 } }, getDetail === null || getDetail === void 0 ? void 0 : getDetail.name)),
-                    React__namespace["default"].createElement(CardAuthor.SubDivider, null),
-                    React__namespace["default"].createElement(CardAuthor.SubText, null, modifiedTime))))));
+                        React__default["default"].createElement("span", { style: { color: theme.theme.colors.gray800 } }, getDetail === null || getDetail === void 0 ? void 0 : getDetail.name)),
+                    React__default["default"].createElement(CardAuthor.SubDivider, null),
+                    React__default["default"].createElement(CardAuthor.SubText, null, modifiedTime))))));
 };
 
 var styles$1 = {"accordion":"CnNZq8D","header":"F4mmgSy","heading":"_8jLruY3","headingIcon":"FE8w-fe","panel":"Yd2a9Nj","chevron":"A7QrQ7A"};
@@ -7402,14 +7399,14 @@ const SourceList = (_a) => {
     React.useEffect(() => {
         onListChange === null || onListChange === void 0 ? void 0 : onListChange(listUrl);
     }, [listUrl]);
-    return (React__namespace["default"].createElement("div", Object.assign({}, rest),
-        !editMode && (React__namespace["default"].createElement(StyledAlertTag, null,
-            React__namespace["default"].createElement("img", { className: "icon", src: index$9.CommonGAssets.getAssetPath('warning.svg'), alt: "warning", style: { marginBottom: '3px', width: '18px' }, loading: "lazy" }),
-            React__namespace["default"].createElement(index$1.Text, { size: "s3", as: "span", dangerouslySetInnerHTML: {
+    return (React__default["default"].createElement("div", Object.assign({}, rest),
+        !editMode && (React__default["default"].createElement(StyledAlertTag, null,
+            React__default["default"].createElement("img", { className: "icon", src: index$9.CommonGAssets.getAssetPath('warning.svg'), alt: "warning", style: { marginBottom: '3px', width: '18px' }, loading: "lazy" }),
+            React__default["default"].createElement(index$1.Text, { size: "s3", as: "span", dangerouslySetInnerHTML: {
                     __html: t('cardReply.disclaimer'),
                 } }))),
-        !hideSourceList ? (loading ? (React__namespace["default"].createElement(Loading$1, null)) : data.length > 0 || editMode ? (React__namespace["default"].createElement(StyledContainer$1, null,
-            React__namespace["default"].createElement(core.Accordion, { defaultValue: !collapseSource && 'accordion', styles: {
+        !hideSourceList ? (loading ? (React__default["default"].createElement(Loading$1, null)) : data.length > 0 || editMode ? (React__default["default"].createElement(StyledContainer$1, null,
+            React__default["default"].createElement(core.Accordion, { defaultValue: !collapseSource && 'accordion', styles: {
                     control: {
                         borderRadius: 'inherit',
                         '&[aria-expanded="false"]': {
@@ -7437,17 +7434,17 @@ const SourceList = (_a) => {
                             borderBottomRightRadius: 0,
                         },
                     },
-                }, chevron: React__namespace["default"].createElement("div", { className: styles$1.chevron },
-                    React__namespace["default"].createElement(other.ArrowDown, { color: theme.theme.colors.gray600, size: 20 })) },
-                React__namespace["default"].createElement(core.Accordion.Item, { value: "accordion" },
-                    React__namespace["default"].createElement(core.Accordion.Control, null,
-                        React__namespace["default"].createElement("div", { className: styles$1.header },
-                            React__namespace["default"].createElement(index$2.Heading, { as: "h4", tag: "h6" }, t('cardReply.source')))),
-                    React__namespace["default"].createElement(core.Accordion.Panel, null,
-                        React__namespace["default"].createElement(StyledListItems$1, null,
-                            (data || []).map((i, idx) => (React__namespace["default"].createElement(StyledSourceItemWrapper, { key: String(idx) },
-                                typeof i === 'object' ? (React__namespace["default"].createElement(SourceItem, Object.assign({}, i))) : (React__namespace["default"].createElement(StyledInputWrapper, null,
-                                    React__namespace["default"].createElement(index$b.Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
+                }, chevron: React__default["default"].createElement("div", { className: styles$1.chevron },
+                    React__default["default"].createElement(other.ArrowDown, { color: theme.theme.colors.gray600, size: 20 })) },
+                React__default["default"].createElement(core.Accordion.Item, { value: "accordion" },
+                    React__default["default"].createElement(core.Accordion.Control, null,
+                        React__default["default"].createElement("div", { className: styles$1.header },
+                            React__default["default"].createElement(index$2.Heading, { as: "h4", tag: "h6" }, t('cardReply.source')))),
+                    React__default["default"].createElement(core.Accordion.Panel, null,
+                        React__default["default"].createElement(StyledListItems$1, null,
+                            (data || []).map((i, idx) => (React__default["default"].createElement(StyledSourceItemWrapper, { key: String(idx) },
+                                typeof i === 'object' ? (React__default["default"].createElement(SourceItem, Object.assign({}, i))) : (React__default["default"].createElement(StyledInputWrapper, null,
+                                    React__default["default"].createElement(index$b.Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
                                             setListUrl((old) => {
                                                 const tmp = [...old];
                                                 tmp[idx] = v;
@@ -7459,11 +7456,11 @@ const SourceList = (_a) => {
                                                 return tmp;
                                             });
                                         } }))),
-                                editMode && (React__namespace["default"].createElement(index$5.Button, { size: "md", color: "transparent", icon: React__namespace["default"].createElement(other.Trash, null), onClick: () => handleRemoveItem(idx) }))))),
-                            editMode && (React__namespace["default"].createElement(index$5.Button, { className: "add-link", color: "transparent", size: "md", icon: React__namespace["default"].createElement(core$1.Plus, { color: theme.theme.colors.primaryBase, size: 18 }), onClick: () => {
+                                editMode && (React__default["default"].createElement(index$5.Button, { size: "md", color: "transparent", icon: React__default["default"].createElement(other.Trash, null), onClick: () => handleRemoveItem(idx) }))))),
+                            editMode && (React__default["default"].createElement(index$5.Button, { className: "add-link", color: "transparent", size: "md", icon: React__default["default"].createElement(core$1.Plus, { color: theme.theme.colors.primaryBase, size: 18 }), onClick: () => {
                                     setListUrl((old) => [...old, '']);
                                     setData((old) => [...old, '']);
-                                } }, "Add source")))))))) : (React__namespace["default"].createElement(RecommentCategories, { categories: categories }))) : null));
+                                } }, "Add source")))))))) : (React__default["default"].createElement(RecommentCategories, { categories: categories }))) : null));
 };
 
 const StyledCardPost = styled__default["default"].div `
@@ -7673,19 +7670,19 @@ var styles = {"button":"-dzIuHr"};
 const VerifiedTag = ({ userId, avatar, name, role, title, className, }) => {
     const { t } = useTranslations.useTranslations();
     const [openPopup, setOpenPopup] = React.useState(false);
-    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-        React__namespace["default"].createElement(index$5.Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(index$5.Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
                 padding: '5px 8px',
                 marginBottom: '12px',
                 borderRadius: '4px',
             } },
-            React__namespace["default"].createElement("span", { className: "text" },
-                React__namespace["default"].createElement(other.Endorse, { isSolid: true, size: 18, color: theme.theme.colors.green800, className: "icon" }),
+            React__default["default"].createElement("span", { className: "text" },
+                React__default["default"].createElement(other.Endorse, { isSolid: true, size: 18, color: theme.theme.colors.green800, className: "icon" }),
                 t('cardReply.verifyBy', {
                     name: `${name || ''}`,
                 }))),
-        React__namespace["default"].createElement(ProfileDetailModal, { open: openPopup, onClose: () => setOpenPopup(false), profileModalProps: { zIndex: 1000 } },
-            React__namespace["default"].createElement(ProfileDetail, { authorProps: {
+        React__default["default"].createElement(ProfileDetailModal, { open: openPopup, onClose: () => setOpenPopup(false), profileModalProps: { zIndex: 1000 } },
+            React__default["default"].createElement(ProfileDetail, { authorProps: {
                     userId,
                     avatar: avatar,
                     name,
@@ -7803,30 +7800,30 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
         (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__namespace["default"].createElement(TogetherAuthConfigContextProvider, { defaultParams: {
+    return (React__default["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__namespace["default"].createElement(StyledCardPost, { className: className, style: style, "data-is-reply": !!level, "data-is-marrybaby": isMarryBaby, "data-has-booking": hasQuickBooking },
-            type === 'reply' && React__namespace["default"].createElement(index$7.Divider, { className: "top-divider", type: "solid" }),
-            React__namespace["default"].createElement("div", { style: { padding: '16px 16px 0' } },
-                React__namespace["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, 
+        React__default["default"].createElement(StyledCardPost, { className: className, style: style, "data-is-reply": !!level, "data-is-marrybaby": isMarryBaby, "data-has-booking": hasQuickBooking },
+            type === 'reply' && React__default["default"].createElement(index$7.Divider, { className: "top-divider", type: "solid" }),
+            React__default["default"].createElement("div", { style: { padding: '16px 16px 0' } },
+                React__default["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__namespace["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__namespace["default"].createElement(PostContent, { className: "post-content-wrapper", replyingTo: replyingTo, mentionedUser: mentionedUser, description: text, mentions: listMentions, maxChars: maxChars, disableShortenContent: disableShortenContent }),
-            React__namespace["default"].createElement("span", null),
-            React__namespace["default"].createElement("span", null),
-            images && images.length > 0 ? (React__namespace["default"].createElement("div", { key: "image-preview", className: "image-preview-wrapper", "data-is-reply": true },
-                React__namespace["default"].createElement(PostImagePreview, { images: images, authorName: author === null || author === void 0 ? void 0 : author.username }))) : null,
-            (!images || images.length === 0) && link ? (React__namespace["default"].createElement("div", { key: "link-preview", className: "link-preview-wrapper", "data-is-reply": true },
-                React__namespace["default"].createElement(CardLink, { url: link }))) : null,
-            type !== 'most-engaging' ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-                isChatbotAuthor && (React__namespace["default"].createElement(StyledSourceList, { listUrl: comment === null || comment === void 0 ? void 0 : comment.source, categorySlug: comment === null || comment === void 0 ? void 0 : comment.categorySlug })),
-                React__namespace["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(() => {
+                Boolean(comment === null || comment === void 0 ? void 0 : comment.isVerify) && !Boolean(comment === null || comment === void 0 ? void 0 : comment.isOppose) && (React__default["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["default"].createElement(PostContent, { className: "post-content-wrapper", replyingTo: replyingTo, mentionedUser: mentionedUser, description: text, mentions: listMentions, maxChars: maxChars, disableShortenContent: disableShortenContent }),
+            React__default["default"].createElement("span", null),
+            React__default["default"].createElement("span", null),
+            images && images.length > 0 ? (React__default["default"].createElement("div", { key: "image-preview", className: "image-preview-wrapper", "data-is-reply": true },
+                React__default["default"].createElement(PostImagePreview, { images: images, authorName: author === null || author === void 0 ? void 0 : author.username }))) : null,
+            (!images || images.length === 0) && link ? (React__default["default"].createElement("div", { key: "link-preview", className: "link-preview-wrapper", "data-is-reply": true },
+                React__default["default"].createElement(CardLink, { url: link }))) : null,
+            type !== 'most-engaging' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                isChatbotAuthor && (React__default["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["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(() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                         if (id) {
@@ -7842,7 +7839,7 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
                             }
                         }
                     })) }),
-                showInputComment && (React__namespace["default"].createElement(InputCommentBar, { replyingId: replyingId || comment.id, replyToName: name, isReply: true, onClose: () => setShowInputComment(false), onPostSuccess: (comment) => {
+                showInputComment && (React__default["default"].createElement(InputCommentBar, { replyingId: replyingId || comment.id, replyToName: name, isReply: true, onClose: () => setShowInputComment(false), onPostSuccess: (comment) => {
                         if (type === 'reply') {
                             onPostCommentSuccess && onPostCommentSuccess(comment);
                         }
@@ -7850,20 +7847,20 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
                             addNewReply(comment);
                         }
                     }, post: post, replyingUser: author })),
-                type === 'comment' && replies && replies.length > 0 ? (React__namespace["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__namespace["default"].createElement(CardReply, { key: reply.id, comment: reply, type: "reply", className: "comment-reply-item", level: level + 1, replyingId: id, onPostCommentSuccess: addNewReply, post: post, onDeleteComment: () => {
+                type === 'comment' && replies && replies.length > 0 ? (React__default["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["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__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-                        React__namespace["default"].createElement(index$7.Divider, { className: "top-divider", type: "solid" }),
-                        React__namespace["default"].createElement(index$5.Button, { className: "more-cmt", size: "lg", color: "ghost", onClick: () => setMaxRepliesShow((m) => m + COMMENT_LIMIT) },
+                    mergeCountReplies > maxRepliesShow && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement(index$7.Divider, { className: "top-divider", type: "solid" }),
+                        React__default["default"].createElement(index$5.Button, { className: "more-cmt", size: "lg", color: "ghost", onClick: () => setMaxRepliesShow((m) => m + COMMENT_LIMIT) },
                             t('comment.seeMoreReplies', {
                                 count: mergeCountReplies - maxRepliesShow,
                             }),
-                            React__namespace["default"].createElement("img", { className: "chevron-right", src: ChevronRightActive, loading: "lazy" })))))) : null)) : null,
-            hasPopover && (React__namespace["default"].createElement(CardReplyPopover, { onDeleteComment: onDeleteComment, className: "popover", commentId: comment.id })))));
+                            React__default["default"].createElement("img", { className: "chevron-right", src: ChevronRightActive, loading: "lazy" })))))) : null)) : null,
+            hasPopover && (React__default["default"].createElement(CardReplyPopover, { onDeleteComment: onDeleteComment, className: "popover", commentId: comment.id })))));
 };
 
 const getMostEngagingComment = (postId, locale) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -7967,33 +7964,33 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
         setPost((p) => (Object.assign(Object.assign({}, p), { commentsCount: p.commentsCount - 1 })));
         onDeleteCommentProp && onDeleteCommentProp(comment);
     });
-    return (React__namespace["default"].createElement(TogetherAuthConfigContextProvider, { defaultParams: (community === null || community === void 0 ? void 0 : community.slug)
+    return (React__default["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__namespace["default"].createElement(SharePopup, { url: postHref, avatar: utils.DEFAULT_IMG, text: title, onClose: () => setIsOpenSharePopup(false) })),
-        React__namespace["default"].createElement(StyledCardPost$1, { className: className, style: style, "data-is-marrybaby": isMarryBaby },
-            isPin ? React__namespace["default"].createElement(LabelPin, { className: "post-pin" }) : null,
-            React__namespace["default"].createElement("div", { style: { position: 'relative', padding: '1rem 1rem 0' } },
-                React__namespace["default"].createElement(CardAuthor, Object.assign({ avatar: avatar, name: name, username: username, url: disableCardLink ? undefined : postRelativeHref, community: community, 
+        isOpenSharePopup && (React__default["default"].createElement(SharePopup, { url: postHref, avatar: utils.DEFAULT_IMG, text: title, onClose: () => setIsOpenSharePopup(false) })),
+        React__default["default"].createElement(StyledCardPost$1, { className: className, style: style, "data-is-marrybaby": isMarryBaby },
+            isPin ? React__default["default"].createElement(LabelPin, { className: "post-pin" }) : null,
+            React__default["default"].createElement("div", { style: { position: 'relative', padding: '1rem 1rem 0' } },
+                React__default["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__namespace["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__namespace["default"].createElement("a", { href: disableCardLink ? undefined : postRelativeHref, className: "post-content-link-wrapper" },
-                title && (React__namespace["default"].createElement(index$2.Heading, { className: "post-content-title", as: "h2", tag: "h5", fontWeight: "bold", "data-testid": "Title of the Post" }, innertext__default["default"](title))),
-                React__namespace["default"].createElement(PostContent, { className: "post-content-wrapper", description: description, disableShortenContent: disableShortenContent, mentions: mentions, "data-testid": "Content of the Post" })),
-            React__namespace["default"].createElement("span", null),
-            React__namespace["default"].createElement("span", null),
-            React__namespace["default"].createElement("div", { key: "tag-topic" }, topics && topics.length > 0 ? (React__namespace["default"].createElement(TagTopic, { topics: topics, className: "post-topics" })) : null),
-            React__namespace["default"].createElement("div", { key: "social-preview" }, (post === null || post === void 0 ? void 0 : post.introUrl) ? (React__namespace["default"].createElement("div", { className: `social-preview-wrapper ${!!(photos === null || photos === void 0 ? void 0 : photos.length) ? 'has-image' : ''}` },
-                React__namespace["default"].createElement(SocialLinkPreview, { url: post.introUrl, image: post.bannerImage }))) : null),
-            React__namespace["default"].createElement("div", { key: "image-preview" }, !!(photos === null || photos === void 0 ? void 0 : photos.length) ? (React__namespace["default"].createElement("div", { className: "image-preview-wrapper" },
-                React__namespace["default"].createElement(PostImagePreview, { images: photos, authorName: author === null || author === void 0 ? void 0 : author.name }))) : null),
-            React__namespace["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__namespace["default"].createElement("div", { className: "link-preview-wrapper" },
-                React__namespace["default"].createElement(CardLink, { title: previewUrl.title, url: previewUrl.url, image: previewUrl.image }))) : null),
-            React__namespace["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(() => {
+                    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["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["default"].createElement("a", { href: disableCardLink ? undefined : postRelativeHref, className: "post-content-link-wrapper" },
+                title && (React__default["default"].createElement(index$2.Heading, { className: "post-content-title", as: "h2", tag: "h5", fontWeight: "bold", "data-testid": "Title of the Post" }, innertext__default["default"](title))),
+                React__default["default"].createElement(PostContent, { className: "post-content-wrapper", description: description, disableShortenContent: disableShortenContent, mentions: mentions, "data-testid": "Content of the Post" })),
+            React__default["default"].createElement("span", null),
+            React__default["default"].createElement("span", null),
+            React__default["default"].createElement("div", { key: "tag-topic" }, topics && topics.length > 0 ? (React__default["default"].createElement(TagTopic, { topics: topics, className: "post-topics" })) : null),
+            React__default["default"].createElement("div", { key: "social-preview" }, (post === null || post === void 0 ? void 0 : post.introUrl) ? (React__default["default"].createElement("div", { className: `social-preview-wrapper ${!!(photos === null || photos === void 0 ? void 0 : photos.length) ? 'has-image' : ''}` },
+                React__default["default"].createElement(SocialLinkPreview, { url: post.introUrl, image: post.bannerImage }))) : null),
+            React__default["default"].createElement("div", { key: "image-preview" }, !!(photos === null || photos === void 0 ? void 0 : photos.length) ? (React__default["default"].createElement("div", { className: "image-preview-wrapper" },
+                React__default["default"].createElement(PostImagePreview, { images: photos, authorName: author === null || author === void 0 ? void 0 : author.name }))) : null),
+            React__default["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["default"].createElement("div", { className: "link-preview-wrapper" },
+                React__default["default"].createElement(CardLink, { title: previewUrl.title, url: previewUrl.url, image: previewUrl.image }))) : null),
+            React__default["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(() => {
@@ -8026,8 +8023,8 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                     }
                     setIsLikeLoading(false);
                 }), showingMostEngaging: !!(showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id)) }),
-            showInputComment && (React__namespace["default"].createElement(InputCommentBar, { isMainCmt: !propsShowInputComment, onClose: () => setShowInputComment(false), onPostSuccess: onPostCommentSuccess, post: post })),
-            showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id) ? (React__namespace["default"].createElement("div", { className: "most-engaging-wrapper", onClick: (e) => {
+            showInputComment && (React__default["default"].createElement(InputCommentBar, { isMainCmt: !propsShowInputComment, onClose: () => setShowInputComment(false), onPostSuccess: onPostCommentSuccess, post: post })),
+            showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id) ? (React__default["default"].createElement("div", { className: "most-engaging-wrapper", onClick: (e) => {
                     if (onMostEngagingCommentClick) {
                         e.stopPropagation();
                         onMostEngagingCommentClick();
@@ -8035,10 +8032,10 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                     else
                         window.location.href = postRelativeHref;
                 } },
-                React__namespace["default"].createElement(CardReply, { hasQuickBookingEnable: hasQuickBookingEnable, handleMakeAppointment: handleMakeAppointment, comment: mostEngagingComment, post: post, onDeleteComment: () => {
+                React__default["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__namespace["default"].createElement(index$5.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
+                commentsCount > 1 && !hideViewMoreComment && (React__default["default"].createElement(index$5.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
                     count: commentsCount - 1,
                 }))))) : null,
             InlineCommentsComponent)));
@@ -8055,7 +8052,6 @@ exports.CardPostPopoverMore = CardPostPopoverMore;
 exports.CardReactions = CardReactions;
 exports.CardReply = CardReply;
 exports.CardReplyPopover = CardReplyPopover;
-exports.Close = Close;
 exports.CreateNewPostContent = CreateNewPostContent;
 exports.CreatePostDescription = CreatePostDescription;
 exports.CreatePostTitle = CreatePostTitle;