@hhgtech/hhg-components 1.29.207 → 1.29.208

package/build/esm/togetherMoleculesPostImagePreview.js

@@ -1,21 +1,21 @@
 import 'react';
-import './index-d791e4cf.js';
-import './utils-645f3498.js';
-import './index-9ef95a74.js';
-import './utils-47e3a1fc.js';
-export { a as PostImagePreview } from './index-7a937bf5.js';
-import './tslib.es6-3b749a59.js';
+import './index-78fb85d9.js';
+import './utils-a8c06252.js';
+import './index-5eb501a7.js';
+import './utils-8fd40352.js';
+export { a as PostImagePreview } from './index-67a11b75.js';
+import './tslib.es6-9b01a551.js';
 import '@mantine/core';
-import './index-5ec9091f.js';
-import './other-217b0f9b.js';
-import './translationsContext-9cb17689.js';
-import './index-b0b75e02.js';
+import './index-6efa9171.js';
+import './other-f476faad.js';
+import './translationsContext-cfbbd222.js';
+import './index-29d373a9.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-527939cf.js';
+import './constants-49174344.js';
 import '@emotion/styled';
 import './miscTheme.js';
 import './miscDefaultClassWrapper.js';

package/build/esm/togetherMoleculesProfileDetail.js

@@ -1,62 +1,62 @@
-import './tslib.es6-3b749a59.js';
+import './tslib.es6-9b01a551.js';
 import 'react';
 import 'dayjs';
-import './index-e879913e.js';
-import './index-ba11e100.js';
-import './dataTransform-e4e124a3.js';
+import './index-12af2790.js';
+import './index-7a909f1a.js';
+import './dataTransform-202ae07e.js';
 import './togetherApiPaths.js';
-import './utils-47e3a1fc.js';
-export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-7e6b8098.js';
-import './index-deea57f9.js';
-import './index-9ef95a74.js';
+import './utils-8fd40352.js';
+export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-9cb90ead.js';
+import './index-a26d9f8f.js';
+import './index-5eb501a7.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
-import './index-c1411621.js';
-import './index-5ec9091f.js';
-import './other-217b0f9b.js';
-import './index-073d9dc3.js';
-import './index-b0b75e02.js';
+import './index-d8b8e38e.js';
+import './index-6efa9171.js';
+import './other-f476faad.js';
+import './index-1a6a54ad.js';
+import './index-29d373a9.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-527939cf.js';
+import './constants-49174344.js';
 import '@hhgtech/icons/core';
-import './index-d6ad04f1.js';
+import './index-b68e3240.js';
 import './constantsDomainLocales.js';
-import './Locale-02b05103.js';
-import './index-47925388.js';
+import './Locale-39fb1a7c.js';
+import './index-2399ec0b.js';
 import '@emotion/styled';
-import './index-d31e14f5.js';
+import './index-4fc03fb8.js';
 import './miscTheme.js';
-import './index-8ef8f37f.js';
+import './index-98838a09.js';
 import '@mantine/hooks';
-import './index.styles-e81ca370.js';
-import './utils-645f3498.js';
+import './index.styles-2d752cab.js';
+import './utils-a8c06252.js';
 import '@mantine/carousel';
-import './useMantineLocale-bd19d8ec.js';
+import './useMantineLocale-3636557f.js';
 import '@mantine/notifications';
-import './index-5116e323.js';
+import './index-2c3ac1e2.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-e4342e1d.js';
+import './useUniqueId-93fabe8d.js';
 import '@mantine/dates';
 import './useTogetherAuthRequiredAction.js';
-import './store-4c10e57c.js';
+import './store-6af14375.js';
 import 'zustand';
-import './normalizeLink-abe2e463.js';
-import './post-e9811884.js';
-import './translationsContext-9cb17689.js';
+import './normalizeLink-0dab1407.js';
+import './post-5fa961ae.js';
+import './translationsContext-cfbbd222.js';
 import 'dayjs/plugin/relativeTime';
-import './index-5506e37d.js';
-import './paths-5e2e7a30.js';
-import './constants-375c1d73.js';
-import './index-d0de2c09.js';
-import './WhatsApp-b1c81770.js';
-import './Spinner-74bde02d.js';
-import './index-bc6b8040.js';
+import './index-ab56c5cb.js';
+import './paths-5b5ca901.js';
+import './constants-1b479ff7.js';
+import './index-f3607b41.js';
+import './WhatsApp-2f674bd4.js';
+import './Spinner-c0af08e8.js';
+import './index-c38a2dd3.js';
 import '@emotion/react';
-import './index-d791e4cf.js';
-import './index-5914d84b.js';
+import './index-78fb85d9.js';
+import './index-2c2486ce.js';

package/build/esm/togetherOrganisms.js

@@ -1,78 +1,78 @@
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-8eb443db.js';
-export { P as PopoverMenu } from './index-22ed2894.js';
-import './tslib.es6-3b749a59.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-8639e149.js';
+export { P as PopoverMenu } from './index-086e4f7a.js';
+import './tslib.es6-9b01a551.js';
 import 'react';
-import './index-073d9dc3.js';
-import './index-c1411621.js';
+import './index-1a6a54ad.js';
+import './index-d8b8e38e.js';
 import '@mantine/core';
-import './index-d791e4cf.js';
-import './index-5ec9091f.js';
-import './other-217b0f9b.js';
-import './index-9ef95a74.js';
-import './translationsContext-9cb17689.js';
+import './index-78fb85d9.js';
+import './index-6efa9171.js';
+import './other-f476faad.js';
+import './index-5eb501a7.js';
+import './translationsContext-cfbbd222.js';
 import 'innertext';
-import './index-9512f8de.js';
-import './utils-645f3498.js';
+import './index-b98b68e1.js';
+import './utils-a8c06252.js';
 import 'react-dom';
-import './utils-47e3a1fc.js';
-import './index-b0b75e02.js';
+import './utils-8fd40352.js';
+import './index-29d373a9.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-527939cf.js';
+import './constants-49174344.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-46739483.js';
-import './dataTransform-e4e124a3.js';
-import './post-e9811884.js';
-import './index-550be00c.js';
-import './index-deea57f9.js';
+import './index-07aef4aa.js';
+import './dataTransform-202ae07e.js';
+import './post-5fa961ae.js';
+import './index-7f5fa42f.js';
+import './index-a26d9f8f.js';
 import '@hhgtech/icons/other';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './index-5506e37d.js';
-import './paths-5e2e7a30.js';
-import './constants-375c1d73.js';
-import './index-5116e323.js';
+import './index-ab56c5cb.js';
+import './paths-5b5ca901.js';
+import './constants-1b479ff7.js';
+import './index-2c3ac1e2.js';
 import 'date-fns/locale';
-import './index-d31e14f5.js';
-import './Locale-02b05103.js';
+import './index-4fc03fb8.js';
+import './Locale-39fb1a7c.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-d0de2c09.js';
-import './WhatsApp-b1c81770.js';
-import './Spinner-74bde02d.js';
-import './index-bc6b8040.js';
-import './index.styles-e81ca370.js';
-import './index-d6ad04f1.js';
-import './index-47925388.js';
+import './index-f3607b41.js';
+import './WhatsApp-2f674bd4.js';
+import './Spinner-c0af08e8.js';
+import './index-c38a2dd3.js';
+import './index.styles-2d752cab.js';
+import './index-b68e3240.js';
+import './index-2399ec0b.js';
 import '@emotion/react';
-import './index-5914d84b.js';
-import './editor-851c2ffc.js';
+import './index-2c2486ce.js';
+import './editor-99a09480.js';
 import 'lodash/debounce';
-import './useUniqueId-e4342e1d.js';
-import './index-92e22253.js';
-import './index-7a937bf5.js';
+import './useUniqueId-93fabe8d.js';
+import './index-5d15cfd9.js';
+import './index-67a11b75.js';
 import './miscDefaultClassWrapper.js';
 import './togetherShareBox.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-4c10e57c.js';
+import './store-6af14375.js';
 import 'zustand';
-import './normalizeLink-abe2e463.js';
-import './treePopoverMenu-3c2cad43.js';
-import './index-8ef8f37f.js';
+import './normalizeLink-0dab1407.js';
+import './treePopoverMenu-65dd27ce.js';
+import './index-98838a09.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './useMantineLocale-bd19d8ec.js';
+import './useMantineLocale-3636557f.js';
 import '@mantine/notifications';
 import 'classnames';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index-e879913e.js';
+import './index-12af2790.js';
 import 'date-fns';
-import './index-7e6b8098.js';
-import './index-ba11e100.js';
-import './index-a9a337f6.js';
+import './index-9cb90ead.js';
+import './index-7a909f1a.js';
+import './index-79875901.js';

package/build/esm/togetherRichTextEditor.js

@@ -1,27 +1,27 @@
-import './tslib.es6-3b749a59.js';
+import './tslib.es6-9b01a551.js';
 import 'react';
-import './index-073d9dc3.js';
-import './index-46739483.js';
-import './index-5ec9091f.js';
-import './index-9ef95a74.js';
+import './index-1a6a54ad.js';
+import './index-07aef4aa.js';
+import './index-6efa9171.js';
+import './index-5eb501a7.js';
 import 'lodash/debounce';
 import './miscCookieHelper.js';
-import './useUniqueId-e4342e1d.js';
-import './utils-47e3a1fc.js';
-export { R as RichTextEditor, R as default } from './editor-851c2ffc.js';
+import './useUniqueId-93fabe8d.js';
+import './utils-8fd40352.js';
+export { R as RichTextEditor, R as default } from './editor-99a09480.js';
 import './togetherApiPaths.js';
-import './constants-527939cf.js';
-import './post-e9811884.js';
-import './index-bc6b8040.js';
-import './index-22ed2894.js';
-import './index-c1411621.js';
+import './constants-49174344.js';
+import './post-5fa961ae.js';
+import './index-c38a2dd3.js';
+import './index-086e4f7a.js';
+import './index-d8b8e38e.js';
 import '@mantine/core';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-645f3498.js';
-import './other-217b0f9b.js';
-import './translationsContext-9cb17689.js';
-import './index-b0b75e02.js';
+import './utils-a8c06252.js';
+import './other-f476faad.js';
+import './translationsContext-cfbbd222.js';
+import './index-29d373a9.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';

package/build/esm/togetherShareBox.js

@@ -1,23 +1,23 @@
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { T as Text } from './index-5ec9091f.js';
-import { u as useTranslations } from './index-9ef95a74.js';
+import { T as Text } from './index-6efa9171.js';
+import { u as useTranslations } from './index-5eb501a7.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-47925388.js';
-import { T as TogetherComponentGlobalContext } from './utils-47e3a1fc.js';
+import { I as ImageWrap } from './index-2399ec0b.js';
+import { T as TogetherComponentGlobalContext } from './utils-8fd40352.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-645f3498.js';
+import { M as MediaQueries } from './utils-a8c06252.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import './tslib.es6-3b749a59.js';
+import './tslib.es6-9b01a551.js';
 import '@mantine/core';
-import './other-217b0f9b.js';
-import './translationsContext-9cb17689.js';
-import './index-b0b75e02.js';
+import './other-f476faad.js';
+import './translationsContext-cfbbd222.js';
+import './index-29d373a9.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-527939cf.js';
+import './constants-49174344.js';
 
 const StyledItemWrapper = setDefaultClass(styled.a `
     * {

package/build/esm/{treePopoverMenu-3c2cad43.js → treePopoverMenu-65dd27ce.js}

@@ -1,29 +1,29 @@
-import { _ as __rest } from './tslib.es6-3b749a59.js';
-import React__default, { createContext, useContext, useMemo, useState } from 'react';
+import { _ as __rest } from './tslib.es6-9b01a551.js';
+import React__default, { createContext, useContext, useMemo, useCallback, useState } from 'react';
 import { Reply } from '@hhgtech/icons/other';
-import { u as useTranslations } from './index-9ef95a74.js';
-import { I as Icon } from './index-d0de2c09.js';
-import './index-8ef8f37f.js';
+import { u as useTranslations } from './index-5eb501a7.js';
+import { I as Icon } from './index-f3607b41.js';
+import './index-98838a09.js';
 import { Box, createStyles } from '@mantine/core';
 import '@mantine/dates';
-import { D as DATE_FNS_LOCALE } from './index-5116e323.js';
-import './index-d31e14f5.js';
-import './index-d6ad04f1.js';
-import './useMantineLocale-bd19d8ec.js';
-import { T as Text } from './index-5ec9091f.js';
-import './index-c1411621.js';
+import { D as DATE_FNS_LOCALE } from './index-2c3ac1e2.js';
+import './index-4fc03fb8.js';
+import './index-b68e3240.js';
+import './useMantineLocale-3636557f.js';
+import { T as Text } from './index-6efa9171.js';
+import './index-d8b8e38e.js';
 import { theme } from './miscTheme.js';
-import { u as useScreenSize } from './index.styles-e81ca370.js';
+import { u as useScreenSize } from './index.styles-2d752cab.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-645f3498.js';
-import './other-217b0f9b.js';
-import './index-e879913e.js';
-import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-47e3a1fc.js';
+import { M as MediaQueries } from './utils-a8c06252.js';
+import './other-f476faad.js';
+import './index-12af2790.js';
+import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-8fd40352.js';
 import { format } from 'date-fns';
-import { L as LOCALE } from './Locale-02b05103.js';
+import { L as LOCALE } from './Locale-39fb1a7c.js';
 import styled from '@emotion/styled';
-import { H as Heading } from './index-d791e4cf.js';
-import { P as PopoverMenu, S as StyledTree } from './index-22ed2894.js';
+import { H as Heading } from './index-78fb85d9.js';
+import { P as PopoverMenu, S as StyledTree } from './index-086e4f7a.js';
 
 const CardReactionsContext = createContext({});
 
@@ -62,7 +62,7 @@ const SaveWrapper = (_a) => {
         } }), children));
 };
 
-var styles = {"wrapper":"UhiT4m5","inner":"oEfeTkV","column":"OlbikxJ","iconTxt":"_9GXHCn3","clickableIcon":"HCsrR0N","count":"MV3lNuh","labelReaction":"Ierg-Fq","actions":"_674BTR4","statistical":"XlkglSM"};
+var styles = {"wrapper":"UhiT4m5","inner":"oEfeTkV","column":"OlbikxJ","iconTxt":"_9GXHCn3","clickableIcon":"HCsrR0N","count":"MV3lNuh","labelReaction":"Ierg-Fq","actions":"_674BTR4","statistical":"XlkglSM","releatedStatistical":"KyekKc3","statisticalNoAction":"TTfvZpR"};
 
 var CardReactionType;
 (function (CardReactionType) {
@@ -72,16 +72,83 @@ var CardReactionType;
 const CardReactions = (_a) => {
     var { type, viewCount = 0, loveCount = 0, replyCount = 0, replyPadding, liked, isReplied, isSaved, onCommentClick, onLikeClick, onShareClick, onSaveClick, onGoToUrl, className, style, 
     // hideCommentIcon,
-    showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare = true, hasSave = true, trackingCategory = 'Together', trackingLabel = '', children } = _a, rest = __rest(_a, ["type", "viewCount", "loveCount", "replyCount", "replyPadding", "liked", "isReplied", "isSaved", "onCommentClick", "onLikeClick", "onShareClick", "onSaveClick", "onGoToUrl", "className", "style", "showingMostEngaging", "isMarryBaby", "hasShare", "hasSave", "trackingCategory", "trackingLabel", "children"]);
+    showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare = true, hasSave = true, hasActionStatistical = true, hasShowAction = true, isReleatedPost = false, trackingCategory = 'Together', trackingLabel = '', children } = _a, rest = __rest(_a, ["type", "viewCount", "loveCount", "replyCount", "replyPadding", "liked", "isReplied", "isSaved", "onCommentClick", "onLikeClick", "onShareClick", "onSaveClick", "onGoToUrl", "className", "style", "showingMostEngaging", "isMarryBaby", "hasShare", "hasSave", "hasActionStatistical", "hasShowAction", "isReleatedPost", "trackingCategory", "trackingLabel", "children"]);
     const { data: { env: { isMarryBaby: isMarryBabyEnv }, }, } = useContext(TogetherComponentGlobalContext);
     const isMarryBaby = Boolean(isMarryBabyInit)
         ? isMarryBabyInit
         : isMarryBabyEnv;
     const { t } = useTranslations();
     const { isMobile } = useScreenSize();
+    const hasStatisticalReleated = useMemo(() => {
+        return viewCount > 0 || replyCount > 0;
+    }, [viewCount, replyCount]);
     const hasStatistical = useMemo(() => {
         return viewCount > 0 || loveCount > 0 || replyCount > 0;
     }, [viewCount, loveCount, replyCount]);
+    const statisticalReleatedPost = useCallback(() => {
+        if (!hasStatisticalReleated)
+            return '';
+        return (React__default.createElement("div", { className: `${styles.releatedStatistical} ${hasActionStatistical ? '' : styles.statisticalNoAction}` },
+            React__default.createElement("div", { className: "releated-post-statistical" },
+                React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => {
+                        if (hasActionStatistical) {
+                            onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl();
+                        }
+                    } }, viewCount > 0 && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(Icon.Eye, { size: 18, isMarryBaby: isMarryBaby }),
+                    React__default.createElement("div", { className: styles.labelReaction }, viewCount)))),
+                replyCount > 0 && (React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => {
+                        if (hasActionStatistical) {
+                            onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl();
+                        }
+                    } },
+                    React__default.createElement("div", { className: styles.labelReaction }, t('comment.count', { count: replyCount })))))));
+    }, [hasStatisticalReleated]);
+    const statisticalCommonPost = useCallback(() => {
+        if (!hasStatistical)
+            return '';
+        return (React__default.createElement("div", { className: `${styles.statistical} ${hasActionStatistical ? '' : styles.statisticalNoAction}` },
+            React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => {
+                    if (hasActionStatistical) {
+                        onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl();
+                    }
+                } }, viewCount > 0 && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Icon.Eye, { size: 18, isMarryBaby: isMarryBaby }),
+                React__default.createElement("div", { className: styles.labelReaction }, viewCount)))),
+            isMobile ? (React__default.createElement("div", { className: "wrapper-list-statistical" },
+                loveCount > 0 ? (React__default.createElement(Text, { className: styles.iconTxt, size: "p3", as: "div", onClick: () => {
+                        if (hasActionStatistical) {
+                            onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl();
+                        }
+                    } },
+                    React__default.createElement("div", { className: styles.labelReaction },
+                        loveCount,
+                        " ",
+                        t('cardReactions.like')))) : (React__default.createElement("div", null)),
+                replyCount > 0 && (React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => {
+                        if (hasActionStatistical) {
+                            onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl();
+                        }
+                    } },
+                    React__default.createElement("div", { className: styles.labelReaction },
+                        replyCount,
+                        " ",
+                        t('cardReactions.comment')))))) : (React__default.createElement(React__default.Fragment, null,
+                loveCount > 0 ? (React__default.createElement(Text, { className: styles.iconTxt, size: "p3", as: "div", onClick: () => {
+                        if (hasActionStatistical) {
+                            onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl();
+                        }
+                    } },
+                    React__default.createElement(Icon.Heart, { isMarryBaby: isMarryBaby, isSolid: false, size: 18, color: '#737373' }),
+                    React__default.createElement("div", { className: styles.labelReaction }, loveCount))) : (React__default.createElement("div", null)),
+                replyCount > 0 && (React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => {
+                        if (hasActionStatistical) {
+                            onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl();
+                        }
+                    } },
+                    React__default.createElement(Icon.Comment, { size: 18, className: "txt-icon", isMarryBaby: isMarryBaby }),
+                    React__default.createElement("div", { className: styles.labelReaction }, replyCount)))))));
+    }, [hasStatistical]);
     return (React__default.createElement(CardReactionsContext.Provider, { value: {
             liked,
             loveCount,
@@ -94,7 +161,7 @@ const CardReactions = (_a) => {
             onSaveClick,
         } }, children || (React__default.createElement("div", Object.assign({ className: `${styles.wrapper} ${className}`, "data-show-most-engaging": showingMostEngaging, "data-type": type === CardReactionType.post ? 'post' : 'reply', "data-reply-padding": type === CardReactionType.reply && replyPadding, "data-is-marrybaby": isMarryBaby, style: style }, rest),
         React__default.createElement("div", { className: styles.inner },
-            React__default.createElement("div", { className: styles.actions },
+            hasShowAction && (React__default.createElement("div", { className: styles.actions },
                 React__default.createElement(LikeWrapper, { className: `${styles.clickableIcon} wrapper-action` },
                     React__default.createElement(Text, { className: styles.iconTxt, size: "p3", as: "div" },
                         React__default.createElement(Icon.Heart, { isMarryBaby: isMarryBaby, isSolid: liked, size: 18, color: liked
@@ -110,32 +177,16 @@ const CardReactions = (_a) => {
                 hasSave && (React__default.createElement(SaveWrapper, { className: `${styles.clickableIcon} wrapper-action` },
                     React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div" },
                         isSaved ? (React__default.createElement(Icon.Bookmark, { size: 18, isMarryBaby: isMarryBaby, color: isMarryBaby ? '#3E3F58' : '#737373' })) : (React__default.createElement(Icon.Save, { size: 18, isMarryBaby: isMarryBaby, color: isMarryBaby ? '#3E3F58' : '#737373' })),
-                        React__default.createElement("div", { className: styles.labelReaction }, isSaved ? 'Unsave' : t('cardReactions.save'))))),
+                        React__default.createElement("div", { className: styles.labelReaction }, isSaved
+                            ? t('cardReactions.unSave')
+                            : t('cardReactions.save'))))),
                 React__default.createElement(CommentWrapper, { className: `${styles.clickableIcon} wrapper-action` },
                     React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div" },
                         isReplied ? (React__default.createElement(Reply, { size: 18, className: "txt-icon" })) : (React__default.createElement(Icon.Comment, { size: 18, className: "txt-icon", isMarryBaby: isMarryBaby })),
-                        isReplied ? (t('cardReactions.reply')) : (React__default.createElement("div", { className: styles.labelReaction }, t('cardReactions.comment')))))),
-            hasStatistical && (React__default.createElement("div", { className: styles.statistical },
-                viewCount > 0 && (React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl() },
-                    React__default.createElement(Icon.Eye, { size: 18, isMarryBaby: isMarryBaby }),
-                    React__default.createElement("div", { className: styles.labelReaction }, viewCount))),
-                isMobile ? (React__default.createElement("div", { className: "wrapper-list-statistical" },
-                    loveCount > 0 && (React__default.createElement(Text, { className: styles.iconTxt, size: "p3", as: "div", onClick: () => onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl() },
-                        React__default.createElement("div", { className: styles.labelReaction },
-                            loveCount,
-                            " ",
-                            t('cardReactions.like')))),
-                    replyCount > 0 && (React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl() },
-                        React__default.createElement("div", { className: styles.labelReaction },
-                            replyCount,
-                            " ",
-                            t('cardReactions.comment')))))) : (React__default.createElement(React__default.Fragment, null,
-                    loveCount > 0 && (React__default.createElement(Text, { className: styles.iconTxt, size: "p3", as: "div", onClick: () => onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl() },
-                        React__default.createElement(Icon.Heart, { isMarryBaby: isMarryBaby, isSolid: liked, size: 18, color: '#737373' }),
-                        React__default.createElement("div", { className: styles.labelReaction }, loveCount))),
-                    replyCount > 0 && (React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div", onClick: () => onGoToUrl === null || onGoToUrl === void 0 ? void 0 : onGoToUrl() },
-                        React__default.createElement(Icon.Comment, { size: 18, className: "txt-icon", isMarryBaby: isMarryBaby }),
-                        React__default.createElement("div", { className: styles.labelReaction }, replyCount))))))))))));
+                        isReplied ? (t('cardReactions.reply')) : (React__default.createElement("div", { className: styles.labelReaction }, t('cardReactions.comment'))))))),
+            isReleatedPost
+                ? statisticalReleatedPost()
+                : statisticalCommonPost())))));
 };
 CardReactions.LikeWrapper = LikeWrapper;
 CardReactions.ShareWrapper = ShareWrapper;

package/build/esm/{types-2ee7a46b.js → types-649c2b1a.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-5c5850ca.js';
-import { T as Text } from './index-5ec9091f.js';
+import { C as Container } from './index-657d84c0.js';
+import { T as Text } from './index-6efa9171.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/types.js

@@ -1,2 +1,2 @@
-export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType } from './index-d31e14f5.js';
-export { L as LOCALE } from './Locale-02b05103.js';
+export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType } from './index-4fc03fb8.js';
+export { L as LOCALE } from './Locale-39fb1a7c.js';

package/build/esm/{useCategory-7ea96ae8.js → useCategory-88fc5709.js}

@@ -1,10 +1,10 @@
-import { a as __awaiter } from './tslib.es6-3b749a59.js';
+import { a as __awaiter } from './tslib.es6-9b01a551.js';
 import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { getCookie } from './miscCookieHelper.js';
-import { u as useInitialMount } from './useUniqueId-e4342e1d.js';
-import './index-d31e14f5.js';
-import { u as useTranslations } from './index-9ef95a74.js';
-import { L as LOCALE } from './Locale-02b05103.js';
+import { u as useInitialMount } from './useUniqueId-93fabe8d.js';
+import './index-4fc03fb8.js';
+import { u as useTranslations } from './index-5eb501a7.js';
+import { L as LOCALE } from './Locale-39fb1a7c.js';
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/esm/{useHealthToolCache-dd13856c.js → useHealthToolCache-3616813b.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-3b749a59.js';
+import { a as __awaiter } from './tslib.es6-9b01a551.js';
 import { useState, useEffect, useCallback } from 'react';
 import { getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 

package/build/esm/{useMantineLocale-bd19d8ec.js → useMantineLocale-3636557f.js}

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3b749a59.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9b01a551.js';
 import React__default, { useState, useEffect } from 'react';
 import { notifications, Notifications } from '@mantine/notifications';
-import { M as MediaQueries } from './utils-645f3498.js';
-import { O as OTHER_THEME_CONFIG } from './other-217b0f9b.js';
+import { M as MediaQueries } from './utils-a8c06252.js';
+import { O as OTHER_THEME_CONFIG } from './other-f476faad.js';
 import dayjs from 'dayjs';
-import './index-d31e14f5.js';
-import { L as LOCALE } from './Locale-02b05103.js';
+import './index-4fc03fb8.js';
+import { L as LOCALE } from './Locale-39fb1a7c.js';
 
 const DangerIcon = () => (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10", fill: "#262626" }),

package/build/esm/{usePlacesAutocomplete-ea4f7ba2.js → usePlacesAutocomplete-8e025cb2.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-3b749a59.js';
+import { a as __awaiter } from './tslib.es6-9b01a551.js';
 import { useState, useEffect } from 'react';
 
 const formatAutoCompleteAddress = (addresses) => {