@hhgtech/hhg-components 1.29.163 → 1.29.164

package/build/esm/togetherMoleculesPostImagePreview.js

@@ -1,21 +1,21 @@
 import 'react';
-import './index-7aa8e605.js';
-import './utils-e431d3f0.js';
-import './index-a492c266.js';
-import './utils-a7175a9a.js';
-export { a as PostImagePreview } from './index-a9216686.js';
-import './tslib.es6-0eab14d6.js';
+import './index-06069951.js';
+import './utils-ba5050e4.js';
+import './index-ef4c5766.js';
+import './utils-562cc09b.js';
+export { a as PostImagePreview } from './index-d1c97116.js';
+import './tslib.es6-b5e25839.js';
 import '@mantine/core';
-import './index-216b3b87.js';
-import './other-63cf0d4f.js';
-import './translationsContext-cd2be3c0.js';
-import './index-caa2d557.js';
+import './index-f50cc290.js';
+import './other-90bfe0d2.js';
+import './translationsContext-93887680.js';
+import './index-fb5e3cd1.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-259a8a21.js';
+import './constants-df14b46d.js';
 import '@emotion/styled';
 import './miscTheme.js';
 import './miscDefaultClassWrapper.js';

package/build/esm/togetherMoleculesProfileDetail.js

@@ -1,62 +1,62 @@
-import './tslib.es6-0eab14d6.js';
+import './tslib.es6-b5e25839.js';
 import 'react';
 import 'dayjs';
-import './index-b86d8fef.js';
-import './index-877120a6.js';
-import './dataTransform-856eeee5.js';
+import './index-71f26e9e.js';
+import './index-c72c4024.js';
+import './dataTransform-ee0d398e.js';
 import './togetherApiPaths.js';
-import './utils-a7175a9a.js';
-export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-4935eac0.js';
-import './index-2f3b6bd4.js';
-import './index-a492c266.js';
+import './utils-562cc09b.js';
+export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-4b8e0727.js';
+import './index-91b3738e.js';
+import './index-ef4c5766.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
-import './index-77237a12.js';
-import './index-216b3b87.js';
-import './other-63cf0d4f.js';
-import './index-68db2d32.js';
-import './index-caa2d557.js';
+import './index-8c4b50de.js';
+import './index-f50cc290.js';
+import './other-90bfe0d2.js';
+import './index-bc59886b.js';
+import './index-fb5e3cd1.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-259a8a21.js';
+import './constants-df14b46d.js';
 import '@hhgtech/icons/core';
-import './index-ace706a3.js';
+import './index-0cac3959.js';
 import './constantsDomainLocales.js';
-import './Locale-dc21d711.js';
-import './index-27d8ebc5.js';
+import './Locale-f7803a75.js';
+import './index-8eb3469c.js';
 import '@emotion/styled';
-import './index-063cdd34.js';
+import './index-0c33eb31.js';
 import './miscTheme.js';
-import './index-94baabb2.js';
+import './index-a1d80826.js';
 import '@mantine/hooks';
-import './index.styles-347b6e18.js';
-import './utils-e431d3f0.js';
+import './index.styles-f70e6525.js';
+import './utils-ba5050e4.js';
 import '@mantine/carousel';
-import './useMantineLocale-aea4a95e.js';
+import './useMantineLocale-f4a034a7.js';
 import '@mantine/notifications';
-import './index-14b17d78.js';
+import './index-f15971ae.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'classnames';
-import './useUniqueId-9e0b342f.js';
+import './useUniqueId-6c434c27.js';
 import '@mantine/dates';
 import './useTogetherAuthRequiredAction.js';
-import './store-6c729579.js';
+import './store-1f24df1d.js';
 import 'zustand';
-import './normalizeLink-a1e2e2fa.js';
-import './post-efd6531f.js';
-import './translationsContext-cd2be3c0.js';
+import './normalizeLink-002b9870.js';
+import './post-90874832.js';
+import './translationsContext-93887680.js';
 import 'dayjs/plugin/relativeTime';
-import './index-963df2f6.js';
-import './paths-c8646451.js';
-import './constants-3ca7baaa.js';
-import './index-800e86dd.js';
-import './WhatsApp-daf5b62a.js';
-import './Spinner-31bf7f84.js';
-import './index-bb985b28.js';
+import './index-b4bf41d5.js';
+import './paths-4a65272e.js';
+import './constants-fc39d91b.js';
+import './index-15206612.js';
+import './WhatsApp-b051ab07.js';
+import './Spinner-7d3cf4fd.js';
+import './index-140ef2b5.js';
 import '@emotion/react';
-import './index-7aa8e605.js';
-import './index-dd747d57.js';
+import './index-06069951.js';
+import './index-b7aacb67.js';

package/build/esm/togetherOrganisms.js

@@ -1,79 +1,78 @@
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-3570b2c4.js';
-export { P as PopoverMenu } from './index-645ebc66.js';
-import './tslib.es6-0eab14d6.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-9f6cde00.js';
+export { P as PopoverMenu } from './index-5cb1c0b4.js';
+import './tslib.es6-b5e25839.js';
 import 'react';
-import './index-68db2d32.js';
-import './index-77237a12.js';
+import './index-bc59886b.js';
+import './index-8c4b50de.js';
 import '@mantine/core';
-import './index-7aa8e605.js';
-import './index-216b3b87.js';
-import './other-63cf0d4f.js';
-import './index-a492c266.js';
-import './translationsContext-cd2be3c0.js';
+import './index-06069951.js';
+import './index-f50cc290.js';
+import './other-90bfe0d2.js';
+import './index-ef4c5766.js';
+import './translationsContext-93887680.js';
 import 'innertext';
-import './index-21411a2a.js';
-import './utils-e431d3f0.js';
+import './index-c3c3ba37.js';
+import './utils-ba5050e4.js';
 import 'react-dom';
-import './utils-a7175a9a.js';
-import './index-caa2d557.js';
+import './utils-562cc09b.js';
+import './index-fb5e3cd1.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-259a8a21.js';
+import './constants-df14b46d.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-c94bf151.js';
-import './dataTransform-856eeee5.js';
-import './post-efd6531f.js';
-import './index-8bd69715.js';
-import './index-2f3b6bd4.js';
+import './index-5bbb2f06.js';
+import './dataTransform-ee0d398e.js';
+import './post-90874832.js';
+import './index-44460102.js';
+import './index-91b3738e.js';
 import '@hhgtech/icons/other';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './index-963df2f6.js';
-import './paths-c8646451.js';
-import './constants-3ca7baaa.js';
-import './index-14b17d78.js';
+import './index-b4bf41d5.js';
+import './paths-4a65272e.js';
+import './constants-fc39d91b.js';
+import './index-f15971ae.js';
 import 'date-fns/locale';
-import './index-063cdd34.js';
-import './Locale-dc21d711.js';
+import './index-0c33eb31.js';
+import './Locale-f7803a75.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-800e86dd.js';
-import './WhatsApp-daf5b62a.js';
-import './Spinner-31bf7f84.js';
-import './index-bb985b28.js';
-import './index.styles-347b6e18.js';
-import './index-ace706a3.js';
-import './index-27d8ebc5.js';
+import './index-15206612.js';
+import './WhatsApp-b051ab07.js';
+import './Spinner-7d3cf4fd.js';
+import './index-140ef2b5.js';
+import './index.styles-f70e6525.js';
+import './index-0cac3959.js';
+import './index-8eb3469c.js';
 import '@emotion/react';
-import './index-dd747d57.js';
-import './editor-5f7346c9.js';
+import './index-b7aacb67.js';
+import './editor-287e74d0.js';
 import 'lodash/debounce';
-import './useUniqueId-9e0b342f.js';
-import './index-359de9a6.js';
-import './index-a9216686.js';
+import './useUniqueId-6c434c27.js';
+import './index-bd90fc70.js';
+import './index-d1c97116.js';
 import './miscDefaultClassWrapper.js';
 import './togetherShareBox.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-6c729579.js';
+import './store-1f24df1d.js';
 import 'zustand';
-import './normalizeLink-a1e2e2fa.js';
-import './treePopoverMenu-51ab2e05.js';
-import './index-94baabb2.js';
+import './normalizeLink-002b9870.js';
+import './treePopoverMenu-37154896.js';
+import './index-a1d80826.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './useMantineLocale-aea4a95e.js';
+import './useMantineLocale-f4a034a7.js';
 import '@mantine/notifications';
 import 'classnames';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index-b86d8fef.js';
-import './number-dea16bf8.js';
+import './index-71f26e9e.js';
 import 'date-fns';
-import './index-4935eac0.js';
-import './index-877120a6.js';
-import './index-65c36551.js';
+import './index-4b8e0727.js';
+import './index-c72c4024.js';
+import './index-95fa9b7c.js';

package/build/esm/togetherRichTextEditor.js

@@ -1,27 +1,27 @@
-import './tslib.es6-0eab14d6.js';
+import './tslib.es6-b5e25839.js';
 import 'react';
-import './index-68db2d32.js';
-import './index-c94bf151.js';
-import './index-216b3b87.js';
-import './index-a492c266.js';
+import './index-bc59886b.js';
+import './index-5bbb2f06.js';
+import './index-f50cc290.js';
+import './index-ef4c5766.js';
 import 'lodash/debounce';
 import './miscCookieHelper.js';
-import './useUniqueId-9e0b342f.js';
-import './utils-a7175a9a.js';
-export { R as RichTextEditor, R as default } from './editor-5f7346c9.js';
+import './useUniqueId-6c434c27.js';
+import './utils-562cc09b.js';
+export { R as RichTextEditor, R as default } from './editor-287e74d0.js';
 import './togetherApiPaths.js';
-import './constants-259a8a21.js';
-import './post-efd6531f.js';
-import './index-bb985b28.js';
-import './index-645ebc66.js';
-import './index-77237a12.js';
+import './constants-df14b46d.js';
+import './post-90874832.js';
+import './index-140ef2b5.js';
+import './index-5cb1c0b4.js';
+import './index-8c4b50de.js';
 import '@mantine/core';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-e431d3f0.js';
-import './other-63cf0d4f.js';
-import './translationsContext-cd2be3c0.js';
-import './index-caa2d557.js';
+import './utils-ba5050e4.js';
+import './other-90bfe0d2.js';
+import './translationsContext-93887680.js';
+import './index-fb5e3cd1.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-216b3b87.js';
-import { u as useTranslations } from './index-a492c266.js';
+import { T as Text } from './index-f50cc290.js';
+import { u as useTranslations } from './index-ef4c5766.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-27d8ebc5.js';
-import { T as TogetherComponentGlobalContext } from './utils-a7175a9a.js';
+import { I as ImageWrap } from './index-8eb3469c.js';
+import { T as TogetherComponentGlobalContext } from './utils-562cc09b.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e431d3f0.js';
+import { M as MediaQueries } from './utils-ba5050e4.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import './tslib.es6-0eab14d6.js';
+import './tslib.es6-b5e25839.js';
 import '@mantine/core';
-import './other-63cf0d4f.js';
-import './translationsContext-cd2be3c0.js';
-import './index-caa2d557.js';
+import './other-90bfe0d2.js';
+import './translationsContext-93887680.js';
+import './index-fb5e3cd1.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-259a8a21.js';
+import './constants-df14b46d.js';
 
 const StyledItemWrapper = setDefaultClass(styled.a `
     * {

package/build/esm/{treePopoverMenu-51ab2e05.js → treePopoverMenu-37154896.js}

@@ -1,30 +1,29 @@
-import { _ as __rest } from './tslib.es6-0eab14d6.js';
-import React__default, { createContext, useContext, useState, useMemo } from 'react';
+import { _ as __rest } from './tslib.es6-b5e25839.js';
+import React__default, { createContext, useContext, useMemo, useState } from 'react';
 import { Reply } from '@hhgtech/icons/other';
-import { u as useTranslations } from './index-a492c266.js';
-import { I as Icon } from './index-800e86dd.js';
-import './index-94baabb2.js';
+import { u as useTranslations } from './index-ef4c5766.js';
+import { I as Icon } from './index-15206612.js';
+import './index-a1d80826.js';
 import { Box, createStyles } from '@mantine/core';
 import '@mantine/dates';
-import { D as DATE_FNS_LOCALE } from './index-14b17d78.js';
-import './index-063cdd34.js';
-import './index-ace706a3.js';
-import './useMantineLocale-aea4a95e.js';
-import { T as Text } from './index-216b3b87.js';
-import './index-77237a12.js';
+import { D as DATE_FNS_LOCALE } from './index-f15971ae.js';
+import './index-0c33eb31.js';
+import './index-0cac3959.js';
+import './useMantineLocale-f4a034a7.js';
+import { T as Text } from './index-f50cc290.js';
+import './index-8c4b50de.js';
 import { theme } from './miscTheme.js';
-import './index.styles-347b6e18.js';
+import { u as useScreenSize } from './index.styles-f70e6525.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-e431d3f0.js';
-import './other-63cf0d4f.js';
-import './index-b86d8fef.js';
-import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-a7175a9a.js';
-import { a as abbreviateNumber } from './number-dea16bf8.js';
+import { M as MediaQueries } from './utils-ba5050e4.js';
+import './other-90bfe0d2.js';
+import './index-71f26e9e.js';
+import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-562cc09b.js';
 import { format } from 'date-fns';
-import { L as LOCALE } from './Locale-dc21d711.js';
+import { L as LOCALE } from './Locale-f7803a75.js';
 import styled from '@emotion/styled';
-import { H as Heading } from './index-7aa8e605.js';
-import { P as PopoverMenu, S as StyledTree } from './index-645ebc66.js';
+import { H as Heading } from './index-06069951.js';
+import { P as PopoverMenu, S as StyledTree } from './index-5cb1c0b4.js';
 
 const CardReactionsContext = createContext({});
 
@@ -52,9 +51,18 @@ const CommentWrapper = (_a) => {
             e.stopPropagation();
             onCommentClick === null || onCommentClick === void 0 ? void 0 : onCommentClick();
         } }), children));
+};
+const SaveWrapper = (_a) => {
+    var { children, className = '' } = _a, boxProps = __rest(_a, ["children", "className"]);
+    const { trackingCategory, trackingLabel, onSaveClick } = useContext(CardReactionsContext);
+    return (React__default.createElement(Box, Object.assign({ className: `${styles$1.wrapper} ${className}`, "data-event-category": trackingCategory, "data-event-action": "Save Post Click", "data-event-label": trackingLabel }, boxProps, { onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            onSaveClick === null || onSaveClick === void 0 ? void 0 : onSaveClick();
+        } }), children));
 };
 
-var styles = {"wrapper":"UhiT4m5","inner":"oEfeTkV","column":"OlbikxJ","iconTxt":"_9GXHCn3","clickableIcon":"HCsrR0N","count":"MV3lNuh"};
+var styles = {"wrapper":"UhiT4m5","inner":"oEfeTkV","column":"OlbikxJ","iconTxt":"_9GXHCn3","clickableIcon":"HCsrR0N","count":"MV3lNuh","labelReaction":"Ierg-Fq","actions":"_674BTR4","statistical":"XlkglSM"};
 
 var CardReactionType;
 (function (CardReactionType) {
@@ -62,13 +70,18 @@ var CardReactionType;
     CardReactionType[CardReactionType["reply"] = 2] = "reply";
 })(CardReactionType || (CardReactionType = {}));
 const CardReactions = (_a) => {
-    var { type, viewCount, loveCount = 0, replyCount = 0, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare = true, hasCountLike = true, trackingCategory = 'Together', trackingLabel = '', children } = _a, rest = __rest(_a, ["type", "viewCount", "loveCount", "replyCount", "replyPadding", "liked", "isReplied", "onCommentClick", "onLikeClick", "onShareClick", "className", "style", "hideCommentIcon", "showingMostEngaging", "isMarryBaby", "hasShare", "hasCountLike", "trackingCategory", "trackingLabel", "children"]);
+    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"]);
     const { data: { env: { isMarryBaby: isMarryBabyEnv }, }, } = useContext(TogetherComponentGlobalContext);
     const isMarryBaby = Boolean(isMarryBabyInit)
         ? isMarryBabyInit
         : isMarryBabyEnv;
     const { t } = useTranslations();
-    // /api/v1/auth/post?post_slug=test-post-title-3607&website_url={{website_url}}
+    const { isMobile } = useScreenSize();
+    const hasStatistical = useMemo(() => {
+        return viewCount > 0 || loveCount > 0 || replyCount > 0;
+    }, [viewCount, loveCount, replyCount]);
     return (React__default.createElement(CardReactionsContext.Provider, { value: {
             liked,
             loveCount,
@@ -78,29 +91,51 @@ const CardReactions = (_a) => {
             onLikeClick,
             onShareClick,
             onCommentClick,
+            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.column },
-                React__default.createElement(LikeWrapper, { className: styles.clickableIcon },
+            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
                                 ? isMarryBaby
                                     ? theme.mbColors.pink
                                     : theme.colors.red800
                                 : '#737373' }),
-                        hasCountLike && (React__default.createElement("div", { className: styles.count }, loveCount)))),
-                hasShare && (React__default.createElement(ShareWrapper, { className: styles.clickableIcon },
+                        React__default.createElement("div", { className: styles.labelReaction }, t('cardReactions.like')))),
+                hasShare && (React__default.createElement(ShareWrapper, { className: `${styles.clickableIcon} wrapper-action` },
+                    React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div" },
+                        React__default.createElement(Icon.Share, { size: 18, isMarryBaby: isMarryBaby }),
+                        React__default.createElement("div", { className: styles.labelReaction }, t('share.title'))))),
+                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(CommentWrapper, { className: `${styles.clickableIcon} wrapper-action` },
                     React__default.createElement(Text, { size: "p3", className: styles.iconTxt, as: "div" },
-                        React__default.createElement(Icon.Share, { size: 18, isMarryBaby: isMarryBaby })))),
-                typeof viewCount !== 'undefined' && (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.count }, abbreviateNumber(viewCount))))),
-            !hideCommentIcon && (React__default.createElement(CommentWrapper, { className: styles.clickableIcon },
-                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.count }, t('post.commentCount', {
-                        count: replyCount,
-                    })))))))))));
+                    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))))))))))));
 };
 CardReactions.LikeWrapper = LikeWrapper;
 CardReactions.ShareWrapper = ShareWrapper;

package/build/esm/{types-2f8910bd.js → types-6f381967.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-9e93c674.js';
-import { T as Text } from './index-216b3b87.js';
+import { C as Container } from './index-6251c058.js';
+import { T as Text } from './index-f50cc290.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-063cdd34.js';
-export { L as LOCALE } from './Locale-dc21d711.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-0c33eb31.js';
+export { L as LOCALE } from './Locale-f7803a75.js';

package/build/esm/{useCategory-5f30566a.js → useCategory-fbb16c68.js}

@@ -1,10 +1,10 @@
-import { a as __awaiter } from './tslib.es6-0eab14d6.js';
+import { a as __awaiter } from './tslib.es6-b5e25839.js';
 import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { getCookie } from './miscCookieHelper.js';
-import { u as useInitialMount } from './useUniqueId-9e0b342f.js';
-import './index-063cdd34.js';
-import { u as useTranslations } from './index-a492c266.js';
-import { L as LOCALE } from './Locale-dc21d711.js';
+import { u as useInitialMount } from './useUniqueId-6c434c27.js';
+import './index-0c33eb31.js';
+import { u as useTranslations } from './index-ef4c5766.js';
+import { L as LOCALE } from './Locale-f7803a75.js';
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/esm/{useHealthToolCache-efa20872.js → useHealthToolCache-627ba91a.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-0eab14d6.js';
+import { a as __awaiter } from './tslib.es6-b5e25839.js';
 import { useState, useEffect, useCallback } from 'react';
 import { getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 

package/build/esm/{useMantineLocale-aea4a95e.js → useMantineLocale-f4a034a7.js}

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-0eab14d6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b5e25839.js';
 import React__default, { useState, useEffect } from 'react';
 import { notifications, Notifications } from '@mantine/notifications';
-import { M as MediaQueries } from './utils-e431d3f0.js';
-import { O as OTHER_THEME_CONFIG } from './other-63cf0d4f.js';
+import { M as MediaQueries } from './utils-ba5050e4.js';
+import { O as OTHER_THEME_CONFIG } from './other-90bfe0d2.js';
 import dayjs from 'dayjs';
-import './index-063cdd34.js';
-import { L as LOCALE } from './Locale-dc21d711.js';
+import './index-0c33eb31.js';
+import { L as LOCALE } from './Locale-f7803a75.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-4aa5da86.js → usePlacesAutocomplete-619a12fe.js}

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

package/build/esm/useTogetherAuthRequiredAction.js

@@ -1,21 +1,21 @@
 import React__default, { createContext, useContext } from 'react';
 import { deleteCookie } from './miscCookieHelper.js';
-import { T as TogetherComponentGlobalContext, j as getUrlToSignUp } from './utils-a7175a9a.js';
-import { B as BEARER_TOKEN_COOKIE } from './constants-259a8a21.js';
-import { u as useSSOV2Store } from './store-6c729579.js';
-import './tslib.es6-0eab14d6.js';
-import './index-caa2d557.js';
+import { T as TogetherComponentGlobalContext, j as getUrlToSignUp } from './utils-562cc09b.js';
+import { B as BEARER_TOKEN_COOKIE } from './constants-df14b46d.js';
+import { u as useSSOV2Store } from './store-1f24df1d.js';
+import './tslib.es6-b5e25839.js';
+import './index-fb5e3cd1.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
 import 'zustand';
-import './normalizeLink-a1e2e2fa.js';
+import './normalizeLink-002b9870.js';
 import './constantsDomainLocales.js';
-import './Locale-dc21d711.js';
-import './index-14b17d78.js';
+import './Locale-f7803a75.js';
+import './index-f15971ae.js';
 import 'date-fns/locale';
-import './index-063cdd34.js';
+import './index-0c33eb31.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 

package/build/esm/{utils-9aef326f.js → utils-36173482.js}

@@ -1,5 +1,5 @@
-import './index-063cdd34.js';
-import { L as LOCALE } from './Locale-dc21d711.js';
+import './index-0c33eb31.js';
+import { L as LOCALE } from './Locale-f7803a75.js';
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {