@hhgtech/hhg-components 1.29.256 → 1.29.257

package/build/esm/{index-a7c8ba65.js → index-b74971fb.js}

@@ -1,59 +1,57 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-853b6f09.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-8638e3a8.js';
-import { H as Heading } from './index-8553a111.js';
-import { u as useTranslations } from './index-dd5e8962.js';
+import { B as Button } from './index-4f4c1ea9.js';
+import { H as Heading } from './index-e0165d07.js';
+import { u as useTranslations } from './index-d63df1ed.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-f4a4eb46.js';
-import { C as CommonGAssets } from './index-010c8221.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-156d8492.js';
-import { PATHS, DISCOVER_PATHS, CARE_PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, b as callApiWithAuth, d as getApiPath, c as callApi, q as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, r as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-28a0cbdf.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-92ac8a44.js';
+import { C as CommonGAssets } from './index-01cdc8aa.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-db3306e9.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-844bda01.js';
+import { T as TogetherComponentGlobalContext, c as callApi, q as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, r as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-01c2ac83.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-9100bba2.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-67521d1b.js';
+import { M as MediaQueries } from './utils-cbd22536.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-615494aa.js';
-import { C as CardLink } from './index-e0465545.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-dd991b1a.js';
-import { a as ProfileDetail, P as PostContent } from './index-16f7d8ec.js';
-import { a as PostImagePreview } from './index-07c4df11.js';
-import { D as Divider } from './index-975ed8d4.js';
-import './index-93ffecac.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-f63769fa.js';
+import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
+import { C as CardLink } from './index-9edfd1f5.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-84286d9e.js';
+import { a as ProfileDetail, P as PostContent } from './index-12af5b47.js';
+import { a as PostImagePreview } from './index-d5721dcb.js';
+import { D as Divider } from './index-47069a63.js';
+import './index-e05cce33.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-47d348d2.js';
-import { T as Text } from './index-1999e28c.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-85e76e60.js';
+import { I as Input } from './index-c7bd804f.js';
+import { T as Text } from './index-0b9e0529.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-511be84c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
-var img$8 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";
-var MBMoreSolid = img$8;
+var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";
+var MBMoreSolid = img$7;
 
-var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23595959'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";
-var IconBookmarkFill = img$7;
+var img$6 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='13' fill='none'%3e%3ccircle cx='1.583' cy='6.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 6.417)'/%3e%3ccircle cx='1.583' cy='1.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 1.417)'/%3e%3ccircle cx='1.583' cy='11.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 11.417)'/%3e%3c/svg%3e";
+var IconKebab = img$6;
 
-var img$6 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";
-var IconBookmark = img$6;
+var img$5 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M7.17 3.236H2.995a1.193 1.193 0 0 0-1.193 1.192v8.35a1.193 1.193 0 0 0 1.193 1.192h8.35a1.193 1.193 0 0 0 1.192-1.192V8.603'/%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M11.643 2.341a1.265 1.265 0 0 1 1.789 1.79L7.766 9.795l-2.385.596.596-2.385z'/%3e%3c/svg%3e";
+var IconTabEdit = img$5;
 
-var img$5 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='13' fill='none'%3e%3ccircle cx='1.583' cy='6.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 6.417)'/%3e%3ccircle cx='1.583' cy='1.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 1.417)'/%3e%3ccircle cx='1.583' cy='11.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 11.417)'/%3e%3c/svg%3e";
-var IconKebab = img$5;
-
-var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 5.333a2 2 0 1 0 0-4 2 2 0 0 0 0 4M4 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4M12 14.667a2 2 0 1 0 0-4 2 2 0 0 0 0 4M5.727 9.007l4.553 2.653M10.273 4.34 5.727 6.993'/%3e%3c/svg%3e";
-var IconShareOnMedia = img$4;
-
-var img$3 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M7.17 3.236H2.995a1.193 1.193 0 0 0-1.193 1.192v8.35a1.193 1.193 0 0 0 1.193 1.192h8.35a1.193 1.193 0 0 0 1.192-1.192V8.603'/%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M11.643 2.341a1.265 1.265 0 0 1 1.789 1.79L7.766 9.795l-2.385.596.596-2.385z'/%3e%3c/svg%3e";
-var IconTabEdit = img$3;
-
-var img$2 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M2 4h12'/%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.333 4V2.667a1.333 1.333 0 0 1 1.334-1.334h2.666a1.334 1.334 0 0 1 1.334 1.334V4m2 0v9.333a1.334 1.334 0 0 1-1.334 1.334H4.667a1.334 1.334 0 0 1-1.334-1.334V4zM6.667 7.333v4M9.333 7.333v4'/%3e%3c/svg%3e";
-var IconTrashBin = img$2;
+var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M2 4h12'/%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.333 4V2.667a1.333 1.333 0 0 1 1.334-1.334h2.666a1.334 1.334 0 0 1 1.334 1.334V4m2 0v9.333a1.334 1.334 0 0 1-1.334 1.334H4.667a1.334 1.334 0 0 1-1.334-1.334V4zM6.667 7.333v4M9.333 7.333v4'/%3e%3c/svg%3e";
+var IconTrashBin = img$4;
 
 // import IconBellOff from '../../../assets/svg/icon-bell-off.svg'
 // import IconBellOn from '../../../assets/svg/icon-bell-on.svg'
-const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, className = '', popoverClassName = '', onBookmark, onRemoveBookmark, onEditPost, }) => {
-    const { data: { locale, userInfo, togetherUserId, env: { isMarryBaby }, }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
+const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, className = '', popoverClassName = '', 
+// onBookmark,
+// onRemoveBookmark,
+onEditPost, }) => {
+    const { data: { locale, userInfo, 
+    // togetherUserId,
+    env: { isMarryBaby }, },
+    // action: { pushNotifications },
+     } = useContext(TogetherComponentGlobalContext);
     const { t } = useTranslations();
     // const [localHasNoti, setLocalHasNoti] = useState(false)
     const [loading, setLoading] = useState(false);
@@ -88,11 +86,11 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                     isShowheader: false,
                     type: 'list',
                     list: [
-                        {
-                            icon: IconShareOnMedia,
-                            label: t('morePopover.share'),
-                            onClick: () => setIsOpenSharePopup(true),
-                        },
+                        // {
+                        //   icon: IconShareOnMedia,
+                        //   label: t('morePopover.share'),
+                        //   onClick: () => setIsOpenSharePopup(true),
+                        // },
                         {
                             icon: IconTabEdit,
                             label: t('actionPopover.edit'),
@@ -111,76 +109,80 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                     isShowheader: false,
                     type: 'list',
                     list: [
-                        {
-                            icon: IconShareOnMedia,
-                            label: t('morePopover.share'),
-                            onClick: () => setIsOpenSharePopup(true),
-                        },
-                        {
-                            icon: !!(post === null || post === void 0 ? void 0 : post.bookmarked) ? IconBookmarkFill : IconBookmark,
-                            label: !!(post === null || post === void 0 ? void 0 : post.bookmarked)
-                                ? t('morePopover.unsavePost')
-                                : t('morePopover.savePost'),
-                            onClick: () => {
-                                authActionWrapper(() => __awaiter(void 0, void 0, void 0, function* () {
-                                    if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) || !(post === null || post === void 0 ? void 0 : post.id))
-                                        return;
-                                    if (post === null || post === void 0 ? void 0 : post.bookmarked) {
-                                        const res = yield callApiWithAuth(getApiPath(PATHS.BOOKMARK.DELETE, {
-                                            _locale: locale,
-                                        }), 'DELETE', {
-                                            data: {
-                                                post_id: String(post.id),
-                                            },
-                                        });
-                                        if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Removed saved post',
-                                                type: 'success',
-                                                displayIcon: IconBookmark,
-                                            });
-                                            onRemoveBookmark && onRemoveBookmark();
-                                        }
-                                        else {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Remove failed',
-                                                type: 'danger',
-                                                displayIcon: IconBookmark,
-                                            });
-                                        }
-                                    }
-                                    else {
-                                        const res = yield callApiWithAuth(getApiPath(PATHS.BOOKMARK.CREATE, {
-                                            _locale: locale,
-                                        }), 'POST', {
-                                            data: {
-                                                user_id: togetherUserId || userInfo.id,
-                                                post_id: post.id,
-                                            },
-                                        });
-                                        if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Post saved',
-                                                type: 'success',
-                                                displayIcon: IconBookmarkFill,
-                                            });
-                                            onBookmark && onBookmark();
-                                        }
-                                        else {
-                                            pushNotifications({
-                                                title: '',
-                                                message: 'Post saved failed',
-                                                type: 'danger',
-                                                displayIcon: IconBookmark,
-                                            });
-                                        }
-                                    }
-                                }));
-                            },
-                        },
+                        // {
+                        //   icon: IconShareOnMedia,
+                        //   label: t('morePopover.share'),
+                        //   onClick: () => setIsOpenSharePopup(true),
+                        // },
+                        // {
+                        //   icon: !!post?.bookmarked ? IconBookmarkFill : IconBookmark,
+                        //   label: !!post?.bookmarked
+                        //     ? t('morePopover.unsavePost')
+                        //     : t('morePopover.savePost'),
+                        //   onClick: () => {
+                        //     authActionWrapper(async () => {
+                        //       if (!userInfo?.id || !post?.id) return
+                        //       if (post?.bookmarked) {
+                        //         const res = await callApiWithAuth(
+                        //           getApiPath(PATHS.BOOKMARK.DELETE, {
+                        //             _locale: locale,
+                        //           }),
+                        //           'DELETE',
+                        //           {
+                        //             data: {
+                        //               post_id: String(post.id),
+                        //             },
+                        //           },
+                        //         )
+                        //         if (res?.status === 1) {
+                        //           pushNotifications({
+                        //             title: '',
+                        //             message: 'Removed saved post',
+                        //             type: 'success',
+                        //             displayIcon: IconBookmark,
+                        //           })
+                        //           onRemoveBookmark && onRemoveBookmark()
+                        //         } else {
+                        //           pushNotifications({
+                        //             title: '',
+                        //             message: 'Remove failed',
+                        //             type: 'danger',
+                        //             displayIcon: IconBookmark,
+                        //           })
+                        //         }
+                        //       } else {
+                        //         const res = await callApiWithAuth(
+                        //           getApiPath(PATHS.BOOKMARK.CREATE, {
+                        //             _locale: locale,
+                        //           }),
+                        //           'POST',
+                        //           {
+                        //             data: {
+                        //               user_id: togetherUserId || userInfo.id,
+                        //               post_id: post.id,
+                        //             },
+                        //           },
+                        //         )
+                        //         if (res?.status === 1) {
+                        //           pushNotifications({
+                        //             title: '',
+                        //             message: 'Post saved',
+                        //             type: 'success',
+                        //             displayIcon: IconBookmarkFill,
+                        //           })
+                        //           onBookmark && onBookmark()
+                        //         } else {
+                        //           pushNotifications({
+                        //             title: '',
+                        //             message: 'Post saved failed',
+                        //             type: 'danger',
+                        //             displayIcon: IconBookmark,
+                        //           })
+                        //         }
+                        //       }
+                        //     })
+                        //   },
+                        // },
                         // {
                         //   icon: togetherBasePath + '/svg/icon-bell-on.svg',
                         //   label: !localHasNoti
@@ -417,6 +419,12 @@ const StyledCardPost$1 = styled.div `
   }
 `;
 
+var img$3 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23595959'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";
+var IconBookmarkFill = img$3;
+
+var img$2 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";
+var IconBookmark = img$2;
+
 var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cg stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3e%3cpath d='M2 4.008h12m-8.667 0V2.675a1.333 1.333 0 0 1 1.334-1.333h2.666a1.333 1.333 0 0 1 1.334 1.333v1.333m2 0v9.334a1.333 1.333 0 0 1-1.334 1.333H4.667a1.333 1.333 0 0 1-1.334-1.333V4.008zm-6 3.334v4m2.666-4v4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 .008h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 var IconDelete = img$1;
 
@@ -1189,7 +1197,8 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
     const [isOpenSharePopup, setIsOpenSharePopup] = useState(false);
     const [mostEngagingComment, setMostEngagingComment] = useState(mostEngagingCommentProp);
     const { community, topics, author, slug, isPin, liked, photos, mentions, title, description, previewUrl, likesCount, commentsCount, id, commented, } = post;
-    const { data: { locale, env: { isMarryBaby, togetherBasePath }, }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
+    const { data: { locale, togetherUserId, userInfo, env: { isMarryBaby, togetherBasePath }, }, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
+    const isLoggedIn = Boolean(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id);
     const { t } = useTranslations();
     const [showInputComment, setShowInputComment] = useState(propsShowInputComment);
     const postRelativeHref = `${togetherBasePath}/${(community === null || community === void 0 ? void 0 : community.slug) || '_'}/${slug || ''}`;
@@ -1332,7 +1341,71 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                         pushNotifications(getDefaultFailNoti(t));
                     }
                     setIsLikeLoading(false);
-                }), showingMostEngaging: !!(showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id)) }),
+                }), onSaveClick: () => {
+                    authActionWrapper(() => __awaiter(void 0, void 0, void 0, function* () {
+                        if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) || !(post === null || post === void 0 ? void 0 : post.id))
+                            return;
+                        if (post === null || post === void 0 ? void 0 : post.bookmarked) {
+                            const res = yield callApiWithAuth(getApiPath(PATHS.BOOKMARK.DELETE, {
+                                _locale: locale,
+                            }), 'DELETE', {
+                                data: {
+                                    post_id: String(post.id),
+                                },
+                            });
+                            if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
+                                pushNotifications({
+                                    title: '',
+                                    message: 'Removed saved post',
+                                    type: 'success',
+                                    displayIcon: IconBookmark,
+                                });
+                            }
+                            else {
+                                pushNotifications({
+                                    title: '',
+                                    message: 'Remove failed',
+                                    type: 'danger',
+                                    displayIcon: IconBookmark,
+                                });
+                            }
+                        }
+                        else {
+                            const res = yield callApiWithAuth(getApiPath(PATHS.BOOKMARK.CREATE, {
+                                _locale: locale,
+                            }), 'POST', {
+                                data: {
+                                    user_id: togetherUserId || userInfo.id,
+                                    post_id: post.id,
+                                },
+                            });
+                            if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
+                                pushNotifications({
+                                    title: '',
+                                    message: 'Post saved',
+                                    type: 'success',
+                                    displayIcon: IconBookmarkFill,
+                                });
+                            }
+                            else {
+                                pushNotifications({
+                                    title: '',
+                                    message: 'Post saved failed',
+                                    type: 'danger',
+                                    displayIcon: IconBookmark,
+                                });
+                            }
+                        }
+                    }));
+                }, onGoToUrl: (params) => {
+                    const urlDetailPost = params ? `${postHref}${params}` : postHref;
+                    if (!isLoggedIn) {
+                        authActionWrapper(() => (window.location.href = urlDetailPost));
+                    }
+                    else {
+                        window.location.href = urlDetailPost;
+                    }
+                }, showingMostEngaging: !!(showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id)) }),
             showInputComment && (React__default.createElement(InputCommentBar, { isMainCmt: !propsShowInputComment, onClose: () => setShowInputComment(false), onPostSuccess: onPostCommentSuccess, post: post })),
             showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id) ? (React__default.createElement("div", { className: "most-engaging-wrapper", onClick: (e) => {
                     if (onMostEngagingCommentClick) {

package/build/esm/{index-c9748dcf.js → index-bbcecb07.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-d1a5215b.js → index-bf220293.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-de07fc9b.js';
+import { F as Flag } from './index-89f861b2.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-1999e28c.js';
-import { C as CommonGAssets } from './index-010c8221.js';
+import { T as Text } from './index-0b9e0529.js';
+import { C as CommonGAssets } from './index-01cdc8aa.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-e4f4c9bd.js → index-c2af6ffc.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-bdb230df.js → index-c62e286b.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-177e283e.js';
-import { I as Input } from './index-de07fc9b.js';
-import { D as DatePicker } from './index-7e7a3adf.js';
-import { T as Text } from './index-1999e28c.js';
-import './index-e4f4c9bd.js';
-import './index.styles-a97291e2.js';
-import { u as useTranslations } from './index-dd5e8962.js';
+import { L as LastPeriod } from './LastPeriod-d7ebf57f.js';
+import { I as Input } from './index-89f861b2.js';
+import { D as DatePicker } from './index-8f4080b6.js';
+import { T as Text } from './index-0b9e0529.js';
+import './index-c2af6ffc.js';
+import './index.styles-15ce859c.js';
+import { u as useTranslations } from './index-d63df1ed.js';
 import '@mantine/hooks';
-import './useMantineLocale-9f95d45b.js';
-import './index-b85cd2ee.js';
-import './index-010c8221.js';
-import './utils-67521d1b.js';
-import './index-93ffecac.js';
-import './other-9978577a.js';
-import './index-f7e56b20.js';
-import { H as HealthToolFormWrapper } from './index-f14dff1f.js';
+import './useMantineLocale-96512e71.js';
+import './index-ac1e8d5b.js';
+import './index-01cdc8aa.js';
+import './utils-cbd22536.js';
+import './index-e05cce33.js';
+import './other-b2d18cf9.js';
+import './index-9c698b33.js';
+import { H as HealthToolFormWrapper } from './index-52038b72.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-47d348d2.js → index-c7bd804f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-67521d1b.js';
+import { M as MediaQueries } from './utils-cbd22536.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-81878476.js → index-cfec5d75.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-dd5e8962.js';
-import { B as Button } from './index-8638e3a8.js';
+import { u as useTranslations } from './index-d63df1ed.js';
+import { B as Button } from './index-4f4c1ea9.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-22b9cea0.js → index-d4b7acdf.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-b85cd2ee.js';
+import './index-ac1e8d5b.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-010c8221.js';
+import { C as CommonGAssets } from './index-01cdc8aa.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-cc540ee0.js';
-import { T as Text } from './index-30200c88.js';
-import { L as LOCALE } from './Locale-ea07a034.js';
-import { c as CentralCarousel } from './index-de07fc9b.js';
+import { I as ImageWrap } from './index-7535033c.js';
+import { T as Text } from './index-60caa8d9.js';
+import { L as LOCALE } from './Locale-5495def8.js';
+import { c as CentralCarousel } from './index-89f861b2.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-07c4df11.js → index-d5721dcb.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-8553a111.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-67521d1b.js';
-import { u as useTranslations } from './index-dd5e8962.js';
-import { T as TogetherComponentGlobalContext } from './utils-28a0cbdf.js';
+import { H as Heading } from './index-e0165d07.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-cbd22536.js';
+import { u as useTranslations } from './index-d63df1ed.js';
+import { T as TogetherComponentGlobalContext } from './utils-01c2ac83.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-1999e28c.js';
+import { T as Text } from './index-0b9e0529.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-2e543b13.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-47140907.js → index-d5be2978.js}

@@ -1,39 +1,39 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-853b6f09.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-f7d3cdec.js';
-import { u as useTranslations } from './index-dd5e8962.js';
+import { D as Dropdown } from './index-28662829.js';
+import { u as useTranslations } from './index-d63df1ed.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-de07fc9b.js';
+import { I as Input$1 } from './index-89f861b2.js';
 import { useMantineTheme, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-93ffecac.js';
-import './index-b85cd2ee.js';
-import './index-010c8221.js';
-import './useMantineLocale-9f95d45b.js';
-import { T as Text } from './index-1999e28c.js';
-import { B as Button } from './index-e4f4c9bd.js';
-import './index.styles-a97291e2.js';
+import './index-e05cce33.js';
+import './index-ac1e8d5b.js';
+import './index-01cdc8aa.js';
+import './useMantineLocale-96512e71.js';
+import { T as Text } from './index-0b9e0529.js';
+import { B as Button } from './index-c2af6ffc.js';
+import './index.styles-15ce859c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-67521d1b.js';
-import './other-9978577a.js';
-import './index-f7e56b20.js';
-import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-f4a4eb46.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-28a0cbdf.js';
+import { M as MediaQueries } from './utils-cbd22536.js';
+import './other-b2d18cf9.js';
+import './index-9c698b33.js';
+import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-92ac8a44.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-01c2ac83.js';
 import styled from '@emotion/styled';
-import { b as formatPost, c as formatTopic } from './dataTransform-615494aa.js';
-import { M as MAX_IMAGE_UPLOADS } from './constants-156d8492.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl } from './post-2a3e7515.js';
-import { C as CardAuthor, L as Loading$1 } from './index-dd991b1a.js';
-import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-925a478d.js';
-import { I as Input } from './index-47d348d2.js';
+import { b as formatPost, c as formatTopic } from './dataTransform-f63769fa.js';
+import { M as MAX_IMAGE_UPLOADS } from './constants-db3306e9.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl } from './post-4bdeecde.js';
+import { C as CardAuthor, L as Loading$1 } from './index-84286d9e.js';
+import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-01735174.js';
+import { I as Input } from './index-c7bd804f.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-9caa1d9d.js';
-import { C as CardLink } from './index-e0465545.js';
-import { B as BtnChoice } from './index-51c8c313.js';
+import { L as Loading } from './index-4f6087ac.js';
+import { C as CardLink } from './index-9edfd1f5.js';
+import { B as BtnChoice } from './index-0924abd2.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const Ask = ({ size }) => {

package/build/esm/{index-dd5e8962.js → index-d63df1ed.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-2035d058.js';
+import { T as TranslationsContext } from './translationsContext-91a20f7f.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {