@hhgtech/hhg-components 1.29.256 → 1.29.258

package/build/esm/{index-a7c8ba65.js → index-61fa0120.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-516202db.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-494102af.js';
+import { H as Heading } from './index-e18d5685.js';
+import { u as useTranslations } from './index-89a68f22.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-e2c203cc.js';
+import { C as CommonGAssets } from './index-14345339.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-b275c00b.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-7d39925f.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-15b9d57a.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-67521d1b.js';
+import { M as MediaQueries } from './utils-fa3808ce.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-5b79937b.js';
+import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
+import { C as CardLink } from './index-8aa57065.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-fde2c126.js';
+import { a as ProfileDetail, P as PostContent } from './index-51728fc7.js';
+import { a as PostImagePreview } from './index-3261ae14.js';
+import { D as Divider } from './index-6d17439c.js';
+import './index-7f1e5ac2.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-0696bafe.js';
+import { T as Text } from './index-70eb7056.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-54db9897.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-30200c88.js → index-67e1d126.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-516202db.js';
 import React__default from 'react';
-import './index-de07fc9b.js';
+import './index-15dcf191.js';
 import '@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$1 } from './index-1999e28c.js';
-import './index-e4f4c9bd.js';
-import './index.styles-a97291e2.js';
-import './translationsContext-2035d058.js';
+import './index-7f1e5ac2.js';
+import './index-b7df5029.js';
+import './index-14345339.js';
+import './useMantineLocale-1f8ea3a2.js';
+import { T as Text$1 } from './index-70eb7056.js';
+import './index-e8d934e0.js';
+import './index.styles-7dfa1474.js';
+import './translationsContext-42c0fd79.js';
 import '@mantine/hooks';
-import './utils-67521d1b.js';
-import './other-9978577a.js';
-import './index-f7e56b20.js';
+import './utils-fa3808ce.js';
+import './other-07e7d428.js';
+import './index-9033d1b6.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-a02d53cb.js → index-689a5bd0.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-516202db.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-e8f86658.js';
-import { u as useTranslations } from './index-dd5e8962.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-156d8492.js';
-import { I as Input } from './index-de07fc9b.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-493ba5cc.js';
+import { u as useTranslations } from './index-89a68f22.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-b275c00b.js';
+import { I as Input } from './index-15dcf191.js';
 import '@mantine/dates';
-import './index-93ffecac.js';
-import './index-b85cd2ee.js';
-import './index-010c8221.js';
-import './useMantineLocale-9f95d45b.js';
-import './index-1999e28c.js';
-import './index-e4f4c9bd.js';
-import './index.styles-a97291e2.js';
+import './index-7f1e5ac2.js';
+import './index-b7df5029.js';
+import './index-14345339.js';
+import './useMantineLocale-1f8ea3a2.js';
+import './index-70eb7056.js';
+import './index-e8d934e0.js';
+import './index.styles-7dfa1474.js';
 import '@mantine/hooks';
-import './utils-67521d1b.js';
-import './other-9978577a.js';
-import './index-f7e56b20.js';
-import { H as HealthToolFormWrapper } from './index-f14dff1f.js';
-import { I as INPUT_RANGE } from './constants-134e08ba.js';
+import './utils-fa3808ce.js';
+import './other-07e7d428.js';
+import './index-9033d1b6.js';
+import { H as HealthToolFormWrapper } from './index-75f2deae.js';
+import { I as INPUT_RANGE } from './constants-d0305711.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-fa2cebd8.js → index-6988953d.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-853b6f09.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-516202db.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-e8f86658.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-156d8492.js';
-import { G as GenderOptionControl } from './index-4127c29c.js';
-import { I as Input } from './index-de07fc9b.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-493ba5cc.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-b275c00b.js';
+import { G as GenderOptionControl } from './index-13062661.js';
+import { I as Input } from './index-15dcf191.js';
 import '@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 './index-e4f4c9bd.js';
+import './index-7f1e5ac2.js';
+import './index-b7df5029.js';
+import './index-14345339.js';
+import './useMantineLocale-1f8ea3a2.js';
+import { T as Text } from './index-70eb7056.js';
+import './index-e8d934e0.js';
 import { theme } from './miscTheme.js';
-import './index.styles-a97291e2.js';
-import { u as useTranslations } from './index-dd5e8962.js';
+import './index.styles-7dfa1474.js';
+import { u as useTranslations } from './index-89a68f22.js';
 import '@mantine/hooks';
-import './utils-67521d1b.js';
-import './other-9978577a.js';
-import './index-f7e56b20.js';
-import { H as HealthToolFormWrapper } from './index-f14dff1f.js';
+import './utils-fa3808ce.js';
+import './other-07e7d428.js';
+import './index-9033d1b6.js';
+import { H as HealthToolFormWrapper } from './index-75f2deae.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-1999e28c.js → index-70eb7056.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-516202db.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-9978577a.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-07e7d428.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

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

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

package/build/esm/{index-539d0e6d.js → index-75b91119.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-853b6f09.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-516202db.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-f7e56b20.js';
-import { L as Loading } from './index-81878476.js';
-import './index-b85cd2ee.js';
-import { g as formatArticle } from './dataTransform-615494aa.js';
+import { T as Tabs } from './index-9033d1b6.js';
+import { L as Loading } from './index-2bb5b795.js';
+import './index-b7df5029.js';
+import { g as formatArticle } from './dataTransform-5b79937b.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-28a0cbdf.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-7d39925f.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-dd991b1a.js';
-import { L as LOCALE } from './Locale-ea07a034.js';
+import { C as CardAuthor } from './index-fde2c126.js';
+import { L as LOCALE } from './Locale-c2174d2b.js';
 import '@hhgtech/icons/other';
-import './index-e4f4c9bd.js';
-import './index-1999e28c.js';
-import './other-9978577a.js';
-import './index-dd5e8962.js';
-import './translationsContext-2035d058.js';
-import './index-8638e3a8.js';
-import './index-b68e5eea.js';
+import './index-e8d934e0.js';
+import './index-70eb7056.js';
+import './other-07e7d428.js';
+import './index-89a68f22.js';
+import './translationsContext-42c0fd79.js';
+import './index-494102af.js';
+import './index-4f669198.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-156d8492.js';
+import './constants-b275c00b.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-67521d1b.js';
-import './index-611d9342.js';
-import './paths-e717ac7e.js';
-import './constants-34653367.js';
-import './index-93ffecac.js';
+import './utils-fa3808ce.js';
+import './index-e49bbbf0.js';
+import './paths-95d5617e.js';
+import './constants-74c5e584.js';
+import './index-7f1e5ac2.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-e4124774.js';
+import './index-524c1e39.js';
 import './miscTheme.js';
-import './WhatsApp-7dced466.js';
-import './Spinner-b3fccadb.js';
-import './index-6bfd7234.js';
+import './WhatsApp-9cbdcf65.js';
+import './Spinner-33d8ac09.js';
+import './index-88d33aab.js';
 import '@emotion/styled';
-import './index.styles-a97291e2.js';
-import './index-010c8221.js';
-import './index-cc540ee0.js';
+import './index.styles-7dfa1474.js';
+import './index-14345339.js';
+import './index-aef1d1d4.js';
 import '@emotion/react';
-import './index-8553a111.js';
-import './index-da79d55e.js';
+import './index-e18d5685.js';
+import './index-6107425b.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-f14dff1f.js → index-75f2deae.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-853b6f09.js';
+import { _ as __rest } from './tslib.es6-516202db.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-1999e28c.js';
-import { B as Button } from './index-e4f4c9bd.js';
-import { u as useTranslations } from './index-dd5e8962.js';
+import { T as Text } from './index-70eb7056.js';
+import { B as Button } from './index-e8d934e0.js';
+import { u as useTranslations } from './index-89a68f22.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';