@hhgtech/hhg-components 1.29.24 → 1.29.26

package/build/{types-295436e7.js → types-88bb4c3d.js}

@@ -1,50 +1,51 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-4f845222.js');
-require('./translationsContext-b98d0b5c.js');
+var index$1 = require('./index-dfd15164.js');
+require('./translationsContext-d66fd1d0.js');
 require('string-format');
-var utils = require('./utils-1678b756.js');
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var utils = require('./utils-adef9b10.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$c = require('./index-e951dff9.js');
-var useTranslations = require('./useTranslations-3732dc1a.js');
+var index$d = require('./index-bc47b318.js');
+var useTranslations = require('./useTranslations-368c6b62.js');
 var innertext = require('innertext');
-var theme = require('./theme-ccc3da72.js');
-var index$8 = require('./index-35b7a438.js');
+var theme = require('./theme-392525f4.js');
+var index$9 = require('./index-74490401.js');
 require('@mantine/dates');
-var index$4 = require('./index-0ffbc1f2.js');
-var Subot = require('./Subot-c105968a.js');
-var index$9 = require('./index-79bc7fd4.js');
-require('./useMantineLocale-b1e1aa4e.js');
+var index$4 = require('./index-22d51c78.js');
+var index$5 = require('./index-611887ae.js');
+var index$a = require('./index-e72aac09.js');
+require('./useMantineLocale-bedc7289.js');
 require('@mantine/hooks');
-var utils$1 = require('./utils-d9b1ed21.js');
-var index$7 = require('./index-847cd105.js');
-var index$6 = require('./index-4ed1ac23.js');
-var index$b = require('./index-3637cdac.js');
+var utils$1 = require('./utils-4465d189.js');
+var index$8 = require('./index-112abdee.js');
+var index$7 = require('./index-032af09b.js');
+var index$c = require('./index-416100e9.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var core$1 = require('@hhgtech/icons/core');
-var index$5 = require('./index-f0722cd4.js');
-var index$2 = require('./index-c6876acd.js');
-var cookieHelper = require('./cookieHelper-110230c8.js');
+var index$6 = require('./index-a6784ae9.js');
+var index$2 = require('./index-ab6076fa.js');
+var cookieHelper = require('./cookieHelper-4f31bb31.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var index$3 = require('./index-3bb62291.js');
-var number = require('./number-62b42947.js');
+var index$3 = require('./index-5635137b.js');
+var number = require('./number-2223b513.js');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
 var react = require('@emotion/react');
-var index$a = require('./index-3a7bbe2f.js');
-var useUniqueId = require('./useUniqueId-242a9815.js');
-var routing = require('./routing-418a849a.js');
-require('./index.styles-783940f7.js');
-require('./constants-d9460a1f.js');
-require('./utils-0315274d.js');
-require('./index.styled-1fc8ac57.js');
-require('./index-5336d417.js');
+var index$b = require('./index-f0b80291.js');
+var useUniqueId = require('./useUniqueId-32e41969.js');
+var routing = require('./routing-0f273f40.js');
+require('./index.styles-87951480.js');
+require('./constants-ad3d0d52.js');
+require('./utils-a0035e59.js');
+require('./WhatsApp-07c8a89b.js');
+require('./index.styled-6282c58d.js');
+require('./index-dbc290d5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -389,7 +390,7 @@ const TagTopic = (_a) => {
                             __html: isMonthTopic
                                 ? `${dateFns.format(new Date(2020, Number(topic.dueDateMonth) - 1, 1), 'MMMM', {
                                     locale: index$4.DATE_FNS_LOCALE[locale],
-                                })}${locale === Subot.LOCALE.Vietnam ? '/' : ' '}${topic === null || topic === void 0 ? void 0 : topic.dueDateYear}`
+                                })}${locale === index$5.LOCALE.Vietnam ? '/' : ' '}${topic === null || topic === void 0 ? void 0 : topic.dueDateYear}`
                                 : (sanitizeFunction === null || sanitizeFunction === void 0 ? void 0 : sanitizeFunction(topic.name)) || topic.name,
                         } }))));
         }),
@@ -843,7 +844,7 @@ const PopoverMenu = ({ className, style, toggleButtonContent, position = 'bottom
         };
     }, []);
     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),
+        React__default["default"].createElement(index$6.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,
@@ -974,7 +975,7 @@ var styles$h = {"container":"sTU4T4I","info":"tCql9Je","avatarWrapper":"_3j7uYhH
 const CardAuthor$1 = ({ avatarProps, title, subTitle, children, className = '', style, onAvatarClick, avatarIcon, dataEventCategory, dataEventAction, dataEventLabel, }) => {
     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)),
+            React__default["default"].createElement(index$7.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),
@@ -1005,7 +1006,7 @@ const AuthorBadgeItem = ({ styles, className, classNames, }) => {
         styles,
         classNames,
     });
-    return role ? (React__default["default"].createElement(index$7.AuthorBadge, { className: cx(classes.root, className), siteType: siteType, role: role, title: title })) : null;
+    return role ? (React__default["default"].createElement(index$8.AuthorBadge, { className: cx(classes.root, className), siteType: siteType, role: role, title: title })) : null;
 };
 
 const DisplayName = () => {
@@ -1221,10 +1222,10 @@ styled__default["default"].div `
 const Loading$1 = ({ className, size = 'md' }) => {
     const { t } = useTranslations.useTranslations();
     return (React__default["default"].createElement(StyledLoading, { className: className },
-        React__default["default"].createElement(index$5.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
+        React__default["default"].createElement(index$6.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', }) => {
+const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback = index$a.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
     var _a, _b, _c;
     const { t } = useTranslations.useTranslations();
     const [doctorInfo, setDoctorInfo] = React.useState(null);
@@ -1281,7 +1282,7 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                     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(index$9.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),
@@ -1303,7 +1304,7 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                             id: doctorInfo.id,
                             locale: locale,
                         }) },
-                        React__default["default"].createElement(index$5.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
+                        React__default["default"].createElement(index$6.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()),
@@ -1315,7 +1316,7 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                                 id: doctorInfo.id,
                                 locale: locale,
                             }) },
-                            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({
+                            React__default["default"].createElement(index$6.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,
@@ -1504,7 +1505,7 @@ const ReviewerIconMap = {
     'fact-check': ReviewerFactCheck,
     medical: ReviewerMedical,
 };
-const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onClose, enableAnimation = true, expertId, overwriteProfileProps, avatarFallback = index$9.CommonGAssets.getAssetPath('avatar.jpg'), }) => {
+const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onClose, enableAnimation = true, expertId, overwriteProfileProps, avatarFallback = index$a.CommonGAssets.getAssetPath('avatar.jpg'), }) => {
     const { t } = useTranslations.useTranslations();
     const [expertInfo, setExpertInfo] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
@@ -1537,7 +1538,7 @@ const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onC
                     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(index$9.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),
@@ -1710,7 +1711,7 @@ const StyledTitleContainer = styled__default["default"].div `
   }
 `;
 
-const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback = index$9.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
+const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback = index$a.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
     const { t } = useTranslations.useTranslations();
     const [hospitalInfo, setHospitalInfo] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
@@ -1746,7 +1747,7 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                     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(index$9.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),
@@ -1768,7 +1769,7 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                         locale,
                     }) },
                     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(index$6.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()),
@@ -1780,7 +1781,7 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                             locale,
                         }) },
                         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({
+                            React__default["default"].createElement(index$6.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,
@@ -1803,7 +1804,7 @@ var styles$g = {"modal":"_2UKyiK1","header":"E5ga-tI","heading":"_8Y2nWXX","clos
 
 const ProfileDetailModal = ({ open, onClose, children, profileModalProps, }) => {
     const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement(index$a.Modal, Object.assign({ title: t('profilePanel.modal.heading'), titleProps: true, className: styles$g.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", transitionProps: {
+    return (React__default["default"].createElement(index$b.Modal, Object.assign({ title: t('profilePanel.modal.heading'), titleProps: true, className: styles$g.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", transitionProps: {
             transition: 'slide-left',
         }, styles: {
             header: {
@@ -1832,7 +1833,7 @@ dayjs__default["default"].extend(relativeTime__default["default"]);
 const _CardAuthor = (props) => {
     const { className = '', community, name, username, url, avatar: avatarProp, role: roleProp, title, userType = 'user', expertId, specialty, organisation, isMarryBaby: isMarryBabyProp, doctorId, hospitalId, hasQuickBooking, handleMakeAppointment, communityTrackingAttr, isAnonymous, showDetailPopup, subLine, authActionWrapper, profileProps, profileModalProps, extendEle, avatarProps, hideInfo, timeText, onCloseFromPost, avatarIcon, badgeIconSize, hideBackground, children, styles, dataEventCategory, dataEventAction, dataEventLabel, } = props;
     const { data: { locale, router, env: { isMarryBaby: isMarryBabyContext, togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
-    const { isMobile } = index$8.useScreenSize();
+    const { isMobile } = index$9.useScreenSize();
     const { t } = useTranslations.useTranslations();
     const { classes } = useStyles$1(undefined, 
     // Second argument is responsible for styles api integration
@@ -1843,7 +1844,7 @@ const _CardAuthor = (props) => {
         ? t('cardPost.anonymous')
         : name || username || '';
     const avatar = isAnonymous
-        ? index$9.CommonGAssets.getAssetPath('avatar.jpg')
+        ? index$a.CommonGAssets.getAssetPath('avatar.jpg')
         : avatarProp;
     const role = isAnonymous ? undefined : roleProp;
     const [openPopupExpert, setOpenPopupExpert] = React.useState(false);
@@ -1903,7 +1904,7 @@ const _CardAuthor = (props) => {
         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')
+                        ? index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'anomyous-avatar-1.svg' : 'anomyous-avatar.svg')
                         : avatar, username: displayName }, avatarProps), { style: {
                         cursor: !isAnonymous && (url || showDetailPopup)
                             ? 'pointer'
@@ -1933,7 +1934,7 @@ const _CardAuthor = (props) => {
                                 // bottom: `${-bookingBtnSize}px`,
                                 // left: 0,
                             } },
-                            React__default["default"].createElement(index$7.BookingBtn, { bookingId: doctorId || hospitalId, bookingType: doctorId
+                            React__default["default"].createElement(index$8.BookingBtn, { bookingId: doctorId || hospitalId, bookingType: doctorId
                                     ? 'doctor'
                                     : hospitalId
                                         ? 'hospital'
@@ -3373,7 +3374,7 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
             }, onMouseEnter: () => {
                 setSelectTagUserIndex(index);
             } },
-            React__default["default"].createElement(index$6.UserAvatar, { className: "search-avatar", username: foundUser.name, avatar: foundUser.avatar }),
+            React__default["default"].createElement(index$7.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" },
@@ -3431,14 +3432,14 @@ const LinkToolInputPopover = ({ onAddUrl, setShow }) => {
     };
     const isValid = urlValue.trim() && textValue.trim() && urlWarnType < 0;
     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) => {
+        React__default["default"].createElement(index$c.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__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(index$c.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: () => {
+            React__default["default"].createElement(index$6.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "sm", color: "primary", className: "link-input-button", onClick: () => {
                     if (!isValid)
                         return;
                     onAddUrl(textValue.trim(), reformatUrl(urlValue.trim()));
@@ -3609,7 +3610,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
         }, 500);
     }, []);
     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: () => {
+        React__default["default"].createElement(index$c.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, {
@@ -3698,7 +3699,7 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
                     }), 'GET');
                     const topicRes = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.topics;
                     if (Array.isArray(topicRes)) {
-                        setTopics(() => (topicRes === null || topicRes === void 0 ? void 0 : topicRes.map(index$6.formatTopic).sort((t1, t2) => (t1.order || 0) - (t2.order || 0))) || []);
+                        setTopics(() => (topicRes === null || topicRes === void 0 ? void 0 : topicRes.map(index$7.formatTopic).sort((t1, t2) => (t1.order || 0) - (t2.order || 0))) || []);
                     }
                 }
                 catch (e) {
@@ -3830,7 +3831,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
     }, [titleValue]);
     const onCreateEditSuccess = (res) => {
         if (onPostCreatedEdited) {
-            onPostCreatedEdited(index$6.formatPost(res), isInEditMode);
+            onPostCreatedEdited(index$7.formatPost(res), isInEditMode);
         }
         onClose && onClose();
     };
@@ -3927,7 +3928,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                 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: [
+                React__default["default"].createElement(index$8.BtnChoice, { value: isAskDoctor, choices: [
                         {
                             label: t('createPost.askDoctorChoice.yes'),
                             value: true,
@@ -3950,7 +3951,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                 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) => ({
+                React__default["default"].createElement(index$d.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: {
@@ -3980,7 +3981,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
         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("img", { className: "label-icon", src: index$a.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',
@@ -3994,7 +3995,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         },
                     } })),
             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* () {
+                React__default["default"].createElement(index$9.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 {
@@ -4257,7 +4258,7 @@ 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__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(index$7.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) },
@@ -4285,11 +4286,11 @@ const PopupDanger = ({ className, isMarryBaby: isMarryBabyProp, style, title, de
                     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: () => {
+                        React__default["default"].createElement(index$6.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__default["default"].createElement(index$5.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "md", onClick: () => {
+                        React__default["default"].createElement(index$6.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)))),
@@ -4626,7 +4627,7 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                 setText('');
                 onRemoveAllImages();
                 onClose && onClose();
-                const newComment = index$6.formatComment(res.data);
+                const newComment = index$7.formatComment(res.data);
                 if (typeof newComment.images === 'string') {
                     newComment.images = JSON.parse(newComment.images);
                 }
@@ -4716,9 +4717,9 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                     } })),
             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(index$7.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
+            React__default["default"].createElement(index$c.Input
             // actionIcon={
             //   !isPost ? (
             //     <label className="images-input-label">
@@ -4758,7 +4759,7 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                 // }
                 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) ||
+            React__default["default"].createElement(index$6.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 ||
@@ -5047,13 +5048,13 @@ const ShareBox = ({ className, trackingCategory = 'Together', style, shareUrl, t
     const socialList = getSocialList(shareUrl || '', isMarryBaby);
     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$9.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')))))));
+                React__default["default"].createElement("button", { className: "__copy", onClick: () => copyToClipboard() }, isMarryBaby ? (React__default["default"].createElement(index$9.ImageWrap, { alt: "copy share link", src: MBIconCopy })) : (t(copied ? 'copied' : 'copy')))))));
 };
 
 const SharePopup = ({ trackingCategory, className, style, url, avatar, text, onClose, }) => {
@@ -5210,7 +5211,7 @@ const SubmitReportForm = ({ className, style, reason, reasonText, onClose, postI
             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* () {
+        React__default["default"].createElement(index$6.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);
@@ -5982,7 +5983,7 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
             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__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 })))))));
+        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$9.ImageWrap, { className: "link-image", src: displayImage || utils.DEFAULT_IMG, backupSrc: utils.DEFAULT_IMG, alt: displayUrl })))))));
 };
 
 var styles$f = {"loading":"PD6nRZX"};
@@ -5990,7 +5991,7 @@ var styles$f = {"loading":"PD6nRZX"};
 const Loading = ({ className, size = 'md' }) => {
     const { t } = useTranslations.useTranslations();
     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'))));
+        React__default["default"].createElement(index$6.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
 };
 
 var styles$e = {"category":"l5fL1xL","title":"L-aGKo7"};
@@ -6006,14 +6007,14 @@ 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 = '', }) => {
+const Thumbnail = ({ src, defaultSrc = index$a.CommonGAssets.getAssetPath('logo/logomark.png'), ratio = 1, size = 80, radius = 8, alt, className = '', }) => {
     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__default["default"].createElement(index$8.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
+            React__default["default"].createElement(index$9.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
 };
 
 const CardArticle = ({ category, title, src, children, className = '', }) => {
@@ -6052,32 +6053,32 @@ const About = ({ className = '' }) => {
     const authorProps = info === null || info === void 0 ? void 0 : info.data;
     const social = [
         {
-            type: 'linkedin',
-            icon: index$9.CommonGAssets.getAssetPath('linkedin.svg'),
+            type: index$5.SocialType.LinkedIn,
+            icon: index$a.CommonGAssets.getAssetPath('linkedin.svg'),
             url: (_a = info === null || info === void 0 ? void 0 : info.contact) === null || _a === void 0 ? void 0 : _a.linkedin,
             eventAction: 'Doctor Profile - Linkedin',
         },
         {
-            type: 'instagram',
-            icon: index$9.CommonGAssets.getAssetPath('instagram.svg'),
+            type: index$5.SocialType.Instagram,
+            icon: index$a.CommonGAssets.getAssetPath('instagram.svg'),
             url: (_b = info === null || info === void 0 ? void 0 : info.contact) === null || _b === void 0 ? void 0 : _b.instagram,
             eventAction: 'Doctor Profile - Instagram',
         },
         {
-            type: 'facebook',
-            icon: index$9.CommonGAssets.getAssetPath('facebook.svg'),
+            type: index$5.SocialType.Facebook,
+            icon: index$a.CommonGAssets.getAssetPath('facebook.svg'),
             url: (_c = info === null || info === void 0 ? void 0 : info.contact) === null || _c === void 0 ? void 0 : _c.facebook,
             eventAction: 'Doctor Profile  - Facebook',
         },
         {
-            type: 'youtube',
-            icon: index$9.CommonGAssets.getAssetPath('youtube.svg'),
+            type: index$5.SocialType.Youtube,
+            icon: index$a.CommonGAssets.getAssetPath('youtube.svg'),
             url: (_d = info === null || info === void 0 ? void 0 : info.contact) === null || _d === void 0 ? void 0 : _d.youtube,
             eventAction: 'Doctor Profile  - Youtube',
         },
         {
-            type: 'tiktok',
-            icon: index$9.CommonGAssets.getAssetPath('tiktok.svg'),
+            type: index$5.SocialType.Tiktok,
+            icon: index$a.CommonGAssets.getAssetPath('tiktok.svg'),
             url: (_e = info === null || info === void 0 ? void 0 : info.contact) === null || _e === void 0 ? void 0 : _e.tiktok,
             eventAction: 'Doctor Profile  - TikTok',
         },
@@ -6088,7 +6089,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'experience',
                     heading: t('profilePanel.experience'),
-                    iconSrc: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'award-doc-mb.svg' : 'award-doc.svg'),
+                    iconSrc: index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'award-doc-mb.svg' : 'award-doc.svg'),
                     eventAction: 'Doctor Experience Click',
                     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),
@@ -6103,7 +6104,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'education',
                     heading: t('profilePanel.education'),
-                    iconSrc: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'book-mb.svg' : 'book.svg'),
+                    iconSrc: index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'book-mb.svg' : 'book.svg'),
                     eventAction: 'Doctor Degree Click',
                     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),
@@ -6118,7 +6119,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'awards',
                     heading: t('profilePanel.awards'),
-                    iconSrc: index$9.CommonGAssets.getAssetPath(isMarryBaby ? 'award-mb.svg' : 'award.svg'),
+                    iconSrc: index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'award-mb.svg' : 'award.svg'),
                     eventAction: 'Doctor Award Click',
                     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))))),
                 },
@@ -6167,7 +6168,7 @@ const About = ({ className = '' }) => {
             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" }),
+                React__default["default"].createElement("img", { className: styles$b.subIcon, src: index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
                 t('profilePanel.publishedArticles')),
             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 && {
@@ -6178,7 +6179,7 @@ const About = ({ className = '' }) => {
                 })), { isReview: true })))))))),
         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" }),
+                React__default["default"].createElement("img", { className: styles$b.subIcon, src: index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
                 t('profilePanel.socialLinks')),
             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 },
@@ -6199,7 +6200,7 @@ const PostCard$1 = ({ post, className = '' }) => {
             React__default["default"].createElement("div", { className: styles$a.question },
                 t('profilePanel.question'),
                 ' ',
-                React__default["default"].createElement(index$8.Anchor, { className: styles$a.questionTitle, href: "#", onClick: () => {
+                React__default["default"].createElement(index$9.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));
                         }
@@ -6216,7 +6217,7 @@ const PostCard$1 = ({ post, className = '' }) => {
             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__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: () => {
+        React__default["default"].createElement(index$9.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));
                 }
@@ -6235,9 +6236,9 @@ const EmptyMessage = ({ message, buttonTxt, imgSrc, onBtnClick }) => {
     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" })),
+                    index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'comments-mb.svg' : 'comments.svg'), loading: "lazy" })),
         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))));
+        buttonTxt && (React__default["default"].createElement(index$6.Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
 };
 
 const Answering = ({ id }) => {
@@ -6255,7 +6256,7 @@ const Answering = ({ id }) => {
                     _locale: locale,
                     id,
                 }), 'GET');
-                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.replies) || []).map(index$6.formatPost);
+                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.replies) || []).map(index$7.formatPost);
                 setPosts(resData);
                 setLoading(false);
             }))();
@@ -6277,7 +6278,7 @@ const QuestionCard = (_a) => {
         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))));
+            React__default["default"].createElement(index$9.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"};
@@ -6304,9 +6305,9 @@ const Care = () => {
                 (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.communities) || [])
                     .filter((i) => ((i === null || i === void 0 ? void 0 : i.question) || []).length > 0)
                     .map((i) => {
-                    tmpQuestionByCom[i.id] = i.question.map(index$6.formatPost);
+                    tmpQuestionByCom[i.id] = i.question.map(index$7.formatPost);
                     delete i.question;
-                    tmpCom.push(index$6.formatCommunity(i));
+                    tmpCom.push(index$7.formatCommunity(i));
                 });
                 setCommunities(tmpCom);
                 setQuestions(tmpQuestionByCom);
@@ -6362,7 +6363,7 @@ const Care = () => {
                     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') }))));
+    })))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyCareMess.content'), imgSrc: index$a.CommonGAssets.getAssetPath('questions.svg') }))));
 };
 
 var styles$5 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","questionTitle":"_6gVRc3i","community":"xOzLGrD","questionCard":"IB049vj","linkWrapper":"_8I--vEV"};
@@ -6411,7 +6412,7 @@ const Posts = () => {
                     id,
                     isAnonymous: 0,
                 }), 'GET');
-                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.posts) || []).map(index$6.formatPost);
+                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.posts) || []).map(index$7.formatPost);
                 setPosts(resData);
                 setLoading(false);
             }))();
@@ -6560,7 +6561,7 @@ const ProfileDetail = (_a) => {
             const resInfo = {
                 data: restDetail === null || restDetail === void 0 ? void 0 : restDetail.data,
                 experiences: (((_b = (_a = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.experiences) || []).map(formatExperience),
-                relatedPosts: (((_c = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _c === void 0 ? void 0 : _c.related_post) || []).map((i) => index$6.formatArticle(i.post)),
+                relatedPosts: (((_c = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _c === void 0 ? void 0 : _c.related_post) || []).map((i) => index$7.formatArticle(i.post)),
                 educations: (((_e = (_d = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _d === void 0 ? void 0 : _d.fields) === null || _e === void 0 ? void 0 : _e.educations) || []).map(formatEducation),
                 awards: ((_g = (_f = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _f === void 0 ? void 0 : _f.fields) === null || _g === void 0 ? void 0 : _g.awards_accreditations) || [],
                 contact: ((_j = (_h = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _h === void 0 ? void 0 : _h.fields) === null || _j === void 0 ? void 0 : _j.contact) || {},
@@ -6650,7 +6651,7 @@ const ProfileDetail = (_a) => {
             finalTabContent !== null &&
                 activeTab !== null &&
                 (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', {
+                    React__default["default"].createElement(index$9.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) || '',
                     }) }))))))));
 };
@@ -6705,12 +6706,12 @@ const SkipQuestionOfExpertBtn = (_a) => {
                 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: () => ({
+                    React__default["default"].createElement(index$9.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__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: () => ({
+                    React__default["default"].createElement(index$9.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,7 +6755,7 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
             e.stopPropagation();
         } },
         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* () {
+        isOpenLeavePopup && (React__default["default"].createElement(PopupDanger, { thumbnail: index$a.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);
@@ -7256,7 +7257,7 @@ const RecommentCategories = ({ categories }) => {
             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" })),
+                            index$a.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : '/logo/logomark.png'), alt: i.displayName, loading: "lazy" })),
                 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 })))))));
 };
@@ -7360,7 +7361,7 @@ const SourceList = (_a) => {
                 setData(res
                     .map((i, index) => {
                     var _a, _b;
-                    return ((_a = i === null || i === void 0 ? void 0 : i.data) === null || _a === void 0 ? void 0 : _a.post) && Object.assign(Object.assign({}, index$6.formatArticle((_b = i === null || i === void 0 ? void 0 : i.data) === null || _b === void 0 ? void 0 : _b.post)), { href: listPaths[index].href });
+                    return ((_a = i === null || i === void 0 ? void 0 : i.data) === null || _a === void 0 ? void 0 : _a.post) && Object.assign(Object.assign({}, index$7.formatArticle((_b = i === null || i === void 0 ? void 0 : i.data) === null || _b === void 0 ? void 0 : _b.post)), { href: listPaths[index].href });
                 })
                     .filter(Boolean));
                 setLoading(false);
@@ -7379,7 +7380,7 @@ const SourceList = (_a) => {
                     : utils.getDiscoverApiPath(utils.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL, {
                         fullSlug: categorySlug,
                     }, true), 'GET');
-                (res === null || res === void 0 ? void 0 : res.data) && setCategories([index$6.formatCategory((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.category)]);
+                (res === null || res === void 0 ? void 0 : res.data) && setCategories([index$7.formatCategory((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.category)]);
             }))();
     }, [data]);
     const handleRemoveItem = (idx) => {
@@ -7399,7 +7400,7 @@ const SourceList = (_a) => {
     }, [listUrl]);
     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("img", { className: "icon", src: index$a.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'),
                 } }))),
@@ -7442,7 +7443,7 @@ const SourceList = (_a) => {
                         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) => {
+                                    React__default["default"].createElement(index$c.Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
                                             setListUrl((old) => {
                                                 const tmp = [...old];
                                                 tmp[idx] = v;
@@ -7454,8 +7455,8 @@ const SourceList = (_a) => {
                                                 return tmp;
                                             });
                                         } }))),
-                                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: () => {
+                                editMode && (React__default["default"].createElement(index$6.Button, { size: "md", color: "transparent", icon: React__default["default"].createElement(other.Trash, null), onClick: () => handleRemoveItem(idx) }))))),
+                            editMode && (React__default["default"].createElement(index$6.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__default["default"].createElement(RecommentCategories, { categories: categories }))) : null));
@@ -7669,7 +7670,7 @@ const VerifiedTag = ({ userId, avatar, name, role, title, className, }) => {
     const { t } = useTranslations.useTranslations();
     const [openPopup, setOpenPopup] = React.useState(false);
     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: {
+        React__default["default"].createElement(index$6.Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
                 padding: '5px 8px',
                 marginBottom: '12px',
                 borderRadius: '4px',
@@ -7803,7 +7804,7 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
             _joinTopicIds: (_f = post === null || post === void 0 ? void 0 : post.topics) === null || _f === void 0 ? void 0 : _f.map((t) => t.id),
         } },
         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" }),
+            type === 'reply' && React__default["default"].createElement(index$8.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"
@@ -7852,8 +7853,8 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
                             });
                         }, handleMakeAppointment: handleMakeAppointment, hasQuickBookingEnable: hasQuickBookingEnable }))),
                     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) },
+                        React__default["default"].createElement(index$8.Divider, { className: "top-divider", type: "solid" }),
+                        React__default["default"].createElement(index$6.Button, { className: "more-cmt", size: "lg", color: "ghost", onClick: () => setMaxRepliesShow((m) => m + COMMENT_LIMIT) },
                             t('comment.seeMoreReplies', {
                                 count: mergeCountReplies - maxRepliesShow,
                             }),
@@ -7870,7 +7871,7 @@ const getMostEngagingComment = (postId, locale) => tslib_es6.__awaiter(void 0, v
         perPage: 1,
         withoutReply: 1,
     }), 'GET');
-    return (_c = (_b = (_a = commentsRes === null || commentsRes === void 0 ? void 0 : commentsRes.data) === null || _a === void 0 ? void 0 : _a.comments) === null || _b === void 0 ? void 0 : _b.map(index$6.formatComment)) === null || _c === void 0 ? void 0 : _c[0];
+    return (_c = (_b = (_a = commentsRes === null || commentsRes === void 0 ? void 0 : commentsRes.data) === null || _a === void 0 ? void 0 : _a.comments) === null || _b === void 0 ? void 0 : _b.map(index$7.formatComment)) === null || _c === void 0 ? void 0 : _c[0];
 });
 const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onCommentClick, onCommentCountClick, onMostEngagingCommentClick, onPostCommentSuccess: onPostCommentSuccessProp, disableCardLink, disableShortenContent, onDeletePost, onEditPost, post: postProp, mostEngagingComment: mostEngagingCommentProp, onDeleteComment: onDeleteCommentProp, showInputComment: propsShowInputComment, InlineCommentsComponent, hasQuickBookingEnable, handleMakeAppointment, cardAuthorProps, }) => {
     const [post, setPost] = React.useState(postProp);
@@ -8033,7 +8034,7 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                 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__default["default"].createElement(index$5.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
+                commentsCount > 1 && !hideViewMoreComment && (React__default["default"].createElement(index$6.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
                     count: commentsCount - 1,
                 }))))) : null,
             InlineCommentsComponent)));