@hhgtech/hhg-components 1.29.255-beta-2 → 1.29.255-beta-4

package/build/esm/{index-5d6dde44.js → index-73e9eaf7.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-ab8a2400.js';
+import { _ as __rest } from './tslib.es6-eea7a70e.js';
 import React__default from 'react';
-import './index-ae1334ac.js';
+import './index-ce45d293.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-048e9fc6.js';
-import './index-97675e2b.js';
-import './index-b6d97b04.js';
-import './useMantineLocale-0dbd92de.js';
-import { T as Text$1 } from './index-0e42e7f3.js';
-import './index-b3c1a701.js';
-import './index.styles-6c2014f4.js';
-import './translationsContext-7754cd73.js';
+import './index-24beb4fd.js';
+import './index-11223b2f.js';
+import './index-9a5fd93e.js';
+import './useMantineLocale-dddfc6c8.js';
+import { T as Text$1 } from './index-6a9f88f9.js';
+import './index-46d9e46b.js';
+import './index.styles-1e88e961.js';
+import './translationsContext-1dbb6795.js';
 import '@mantine/hooks';
-import './utils-8fca923c.js';
-import './other-aa9e63cc.js';
-import './index-84f3fd36.js';
+import './utils-add93faa.js';
+import './other-b8608b5b.js';
+import './index-1f8c6603.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-e263fed6.js → index-7b1951a1.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-ab8a2400.js';
+import { _ as __rest } from './tslib.es6-eea7a70e.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-74c385a1.js';
-import { u as useTranslations } from './index-eea25cf6.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-58ee65bd.js';
-import { I as Input } from './index-ae1334ac.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a9cdd98e.js';
+import { u as useTranslations } from './index-ae56587a.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-5c65b1ba.js';
+import { I as Input } from './index-ce45d293.js';
 import '@mantine/dates';
-import './index-048e9fc6.js';
-import './index-97675e2b.js';
-import './index-b6d97b04.js';
-import './useMantineLocale-0dbd92de.js';
-import './index-0e42e7f3.js';
-import './index-b3c1a701.js';
-import './index.styles-6c2014f4.js';
+import './index-24beb4fd.js';
+import './index-11223b2f.js';
+import './index-9a5fd93e.js';
+import './useMantineLocale-dddfc6c8.js';
+import './index-6a9f88f9.js';
+import './index-46d9e46b.js';
+import './index.styles-1e88e961.js';
 import '@mantine/hooks';
-import './utils-8fca923c.js';
-import './other-aa9e63cc.js';
-import './index-84f3fd36.js';
-import { H as HealthToolFormWrapper } from './index-a5b04b14.js';
-import { I as INPUT_RANGE } from './constants-80426928.js';
+import './utils-add93faa.js';
+import './other-b8608b5b.js';
+import './index-1f8c6603.js';
+import { H as HealthToolFormWrapper } from './index-0ae4577c.js';
+import { I as INPUT_RANGE } from './constants-e5186a82.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-b0319878.js → index-7b93cd71.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-ab8a2400.js';
+import { _ as __rest } from './tslib.es6-eea7a70e.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-ae1334ac.js';
+import { t as themeColors } from './index-ce45d293.js';
 import '@mantine/dates';
-import './index-048e9fc6.js';
-import './index-97675e2b.js';
-import './index-b6d97b04.js';
-import './useMantineLocale-0dbd92de.js';
-import { T as Text } from './index-0e42e7f3.js';
-import './index-b3c1a701.js';
-import './index.styles-6c2014f4.js';
-import { u as useTranslations } from './index-eea25cf6.js';
+import './index-24beb4fd.js';
+import './index-11223b2f.js';
+import './index-9a5fd93e.js';
+import './useMantineLocale-dddfc6c8.js';
+import { T as Text } from './index-6a9f88f9.js';
+import './index-46d9e46b.js';
+import './index.styles-1e88e961.js';
+import { u as useTranslations } from './index-ae56587a.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-8fca923c.js';
-import './other-aa9e63cc.js';
-import './index-84f3fd36.js';
+import { M as MediaQueries } from './utils-add93faa.js';
+import './other-b8608b5b.js';
+import './index-1f8c6603.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-a8aec5b0.js → index-8cfbdded.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-9b77086c.js';
-import { H as Heading } from './index-f3ee79b3.js';
-import { T as Text } from './index-0e42e7f3.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-8fca923c.js';
+import { B as Button } from './index-50256ea5.js';
+import { H as Heading } from './index-b52c0d07.js';
+import { T as Text } from './index-6a9f88f9.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-add93faa.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-5f56b50b.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-3a39f338.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-ab8a2400.js';
-import { I as Input } from './index-954ba898.js';
-import { u as useTranslations } from './index-eea25cf6.js';
-import { e as formatComment } from './dataTransform-c59d342b.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-58ee65bd.js';
+import { a as __awaiter } from './tslib.es6-eea7a70e.js';
+import { I as Input } from './index-caebc93d.js';
+import { u as useTranslations } from './index-ae56587a.js';
+import { e as formatComment } from './dataTransform-a669b1cf.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-5c65b1ba.js';
 import { PATHS } from './togetherApiPaths.js';
-import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-4ffa6d7b.js';
-import { C as CardLink } from './index-7cec1d5a.js';
-import { L as Loading } from './index-94e45ed1.js';
-import { U as UserAvatar } from './index-14a43c1d.js';
-import { R as RichTextEditor } from './editor-673f6dc2.js';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-b0999173.js';
+import { C as CardLink } from './index-5a33609e.js';
+import { L as Loading } from './index-e43fa432.js';
+import { U as UserAvatar } from './index-1e62dc94.js';
+import { R as RichTextEditor } from './editor-ebb2d622.js';
 import { Portal, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-7104374d.js';
-import { C as CloseIcon } from './index-8dd5f040.js';
+import { P as Popup } from './index-f88730b7.js';
+import { C as CloseIcon } from './index-20c6d001.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-53f42112.js';
+import { I as ImageWrap } from './useScreenSize-3340c8e6.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);

package/build/esm/{index-2cff4351.js → index-938cdf15.js}

@@ -1,20 +1,20 @@
-import { a as __awaiter } from './tslib.es6-ab8a2400.js';
+import { a as __awaiter } from './tslib.es6-eea7a70e.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-99caf1a3.js';
-import { a as Avatar } from './index-ae1334ac.js';
-import { B as Button } from './index-b3c1a701.js';
-import { T as Text } from './index-0e42e7f3.js';
-import { u as useTranslations } from './index-eea25cf6.js';
-import './index-97675e2b.js';
-import { C as CommonGAssets } from './index-b6d97b04.js';
+import { S as Spinner } from './Spinner-dc6b0a36.js';
+import { a as Avatar } from './index-ce45d293.js';
+import { B as Button } from './index-46d9e46b.js';
+import { T as Text } from './index-6a9f88f9.js';
+import { u as useTranslations } from './index-ae56587a.js';
+import './index-11223b2f.js';
+import { C as CommonGAssets } from './index-9a5fd93e.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-8fca923c.js';
+import { M as MediaQueries } from './utils-add93faa.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-import { L as LOCALE } from './Locale-b39bbdfa.js';
+import { L as LOCALE } from './Locale-b7bad07f.js';
 
 const useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};

package/build/esm/{index-f14a5626.js → index-9816407d.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-ab8a2400.js';
+import { _ as __rest } from './tslib.es6-eea7a70e.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-0701455e.js';
-import { S as Spinner } from './Spinner-99caf1a3.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-c6258995.js';
+import { S as Spinner } from './Spinner-dc6b0a36.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-526eee34.js → index-a1ec41e2.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-ab8a2400.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-eea7a70e.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-9b77086c.js';
-import { H as Heading } from './index-f3ee79b3.js';
-import { u as useTranslations } from './index-eea25cf6.js';
+import { B as Button } from './index-50256ea5.js';
+import { H as Heading } from './index-b52c0d07.js';
+import { u as useTranslations } from './index-ae56587a.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-a8aec5b0.js';
-import { C as CommonGAssets } from './index-b6d97b04.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-58ee65bd.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-8cfbdded.js';
+import { C as CommonGAssets } from './index-9a5fd93e.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-5c65b1ba.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.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-5f56b50b.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-1b261723.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-3a39f338.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-5f89d363.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-8fca923c.js';
+import { M as MediaQueries } from './utils-add93faa.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-c59d342b.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-a669b1cf.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-7cec1d5a.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-94e45ed1.js';
-import { a as ProfileDetail, P as PostContent } from './index-8648e2f2.js';
-import { a as PostImagePreview } from './index-8dd5f040.js';
-import { D as Divider } from './index-0b4c20b3.js';
-import './index-048e9fc6.js';
+import { C as CardLink } from './index-5a33609e.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-e43fa432.js';
+import { a as ProfileDetail, P as PostContent } from './index-739b7e06.js';
+import { a as PostImagePreview } from './index-20c6d001.js';
+import { D as Divider } from './index-a4b7b70b.js';
+import './index-24beb4fd.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-954ba898.js';
-import { T as Text } from './index-0e42e7f3.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-400e3713.js';
+import { I as Input } from './index-caebc93d.js';
+import { T as Text } from './index-6a9f88f9.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-7127a0c0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 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";
@@ -1192,7 +1192,7 @@ const getMostEngagingComment = (postId, locale) => __awaiter(void 0, void 0, voi
     }), 'GET');
     return (_c = (_b = (_a = commentsRes === null || commentsRes === void 0 ? void 0 : commentsRes.data) === null || _a === void 0 ? void 0 : _a.comments) === null || _b === void 0 ? void 0 : _b.map(formatComment)) === null || _c === void 0 ? void 0 : _c[0];
 });
-const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onCommentClick, onCommentCountClick, onMostEngagingCommentClick, onPostCommentSuccess: onPostCommentSuccessProp, disableCardLink, disableShortenContent, onDeletePost, onEditPost, post: postProp, mostEngagingComment: mostEngagingCommentProp, onDeleteComment: onDeleteCommentProp, showInputComment: propsShowInputComment, InlineCommentsComponent, hasQuickBookingEnable, handleMakeAppointment, cardAuthorProps, verticalReactions = false, }) => {
+const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onCommentClick, onCommentCountClick, onMostEngagingCommentClick, onPostCommentSuccess: onPostCommentSuccessProp, disableCardLink, disableShortenContent, onDeletePost, onEditPost, post: postProp, mostEngagingComment: mostEngagingCommentProp, onDeleteComment: onDeleteCommentProp, showInputComment: propsShowInputComment, InlineCommentsComponent, hasQuickBookingEnable, handleMakeAppointment, onSaveUnsaveSuccess, cardAuthorProps, verticalReactions = false, }) => {
     const [post, setPost] = useState(postProp);
     const [isOpenSharePopup, setIsOpenSharePopup] = useState(false);
     const [mostEngagingComment, setMostEngagingComment] = useState(mostEngagingCommentProp);
@@ -1361,15 +1361,16 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                             if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
                                 pushNotifications({
                                     title: '',
-                                    message: 'Removed saved post',
+                                    message: t('post.remove.success'),
                                     type: 'success',
                                     displayIcon: IconBookmark,
                                 });
+                                onSaveUnsaveSuccess === null || onSaveUnsaveSuccess === void 0 ? void 0 : onSaveUnsaveSuccess();
                             }
                             else {
                                 pushNotifications({
                                     title: '',
-                                    message: 'Remove failed',
+                                    message: t('post.remove.failed'),
                                     type: 'danger',
                                     displayIcon: IconBookmark,
                                 });
@@ -1390,15 +1391,16 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                             if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
                                 pushNotifications({
                                     title: '',
-                                    message: 'Post saved',
+                                    message: t('post.save.success'),
                                     type: 'success',
                                     displayIcon: IconBookmarkFill,
                                 });
+                                onSaveUnsaveSuccess === null || onSaveUnsaveSuccess === void 0 ? void 0 : onSaveUnsaveSuccess();
                             }
                             else {
                                 pushNotifications({
                                     title: '',
-                                    message: 'Post saved failed',
+                                    message: t('post.save.failed'),
                                     type: 'danger',
                                     displayIcon: IconBookmark,
                                 });

package/build/esm/{index-1022a217.js → index-a3a8a208.js}

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

package/build/esm/{index-18c578fb.js → index-a4216b61.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-ab8a2400.js';
+import { _ as __rest } from './tslib.es6-eea7a70e.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-ae1334ac.js';
+import './index-ce45d293.js';
 import '@mantine/dates';
-import './index-048e9fc6.js';
-import './index-97675e2b.js';
-import './index-b6d97b04.js';
-import './useMantineLocale-0dbd92de.js';
-import { T as Text } from './index-0e42e7f3.js';
-import { B as Button } from './index-b3c1a701.js';
-import './index.styles-6c2014f4.js';
-import { u as useTranslations } from './index-eea25cf6.js';
+import './index-24beb4fd.js';
+import './index-11223b2f.js';
+import './index-9a5fd93e.js';
+import './useMantineLocale-dddfc6c8.js';
+import { T as Text } from './index-6a9f88f9.js';
+import { B as Button } from './index-46d9e46b.js';
+import './index.styles-1e88e961.js';
+import { u as useTranslations } from './index-ae56587a.js';
 import '@mantine/hooks';
-import './utils-8fca923c.js';
-import './other-aa9e63cc.js';
-import './index-84f3fd36.js';
+import './utils-add93faa.js';
+import './other-b8608b5b.js';
+import './index-1f8c6603.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-9e6b0348.js → index-a50e9dbe.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ab8a2400.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-eea7a70e.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-67ee3e39.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-048e9fc6.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-400e3713.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-c59d342b.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-a616025f.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-24beb4fd.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-7127a0c0.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-a669b1cf.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-39a7cce9.js';
-import { u as useTranslations } from './index-eea25cf6.js';
+import { L as Logo } from './index-ae7ad1c5.js';
+import { u as useTranslations } from './index-ae56587a.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-ae1334ac.js';
+import { I as Input } from './index-ce45d293.js';
 import '@mantine/dates';
-import './index-97675e2b.js';
-import { C as CommonGAssets } from './index-b6d97b04.js';
-import './useMantineLocale-0dbd92de.js';
-import { T as Text } from './index-0e42e7f3.js';
-import { B as Button$1 } from './index-b3c1a701.js';
-import './index.styles-6c2014f4.js';
-import './translationsContext-7754cd73.js';
+import './index-11223b2f.js';
+import { C as CommonGAssets } from './index-9a5fd93e.js';
+import './useMantineLocale-dddfc6c8.js';
+import { T as Text } from './index-6a9f88f9.js';
+import { B as Button$1 } from './index-46d9e46b.js';
+import './index.styles-1e88e961.js';
+import './translationsContext-1dbb6795.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-8fca923c.js';
-import './other-aa9e63cc.js';
-import './index-84f3fd36.js';
-import { L as LOCALISED_SLUGS } from './constants-ac7719f7.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-add93faa.js';
+import './other-b8608b5b.js';
+import './index-1f8c6603.js';
+import { L as LOCALISED_SLUGS } from './constants-aa38e422.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-2cff4351.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-6dea086a.js';
-import { B as Button } from './index-9b77086c.js';
-import { i as domainLocalesMarryBaby } from './utils-5f56b50b.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-938cdf15.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-6fb9829e.js';
+import { B as Button } from './index-50256ea5.js';
+import { i as domainLocalesMarryBaby } from './utils-3a39f338.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-257c3360.js';
+import { L as LOCALIZED_SLUGS } from './constants-d408d74f.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-f3ee79b3.js';
-import { I as Indicator$1 } from './index-1022a217.js';
-import { u as useIsInit } from './useIsInit-87a540e3.js';
+import { H as Heading } from './index-b52c0d07.js';
+import { I as Indicator$1 } from './index-a3a8a208.js';
+import { u as useIsInit } from './useIsInit-56c7e6f1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-14a43c1d.js';
+import { U as UserAvatar } from './index-1e62dc94.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-f1d5d03d.js';
-import { L as LOCALE } from './Locale-b39bbdfa.js';
+import { C as Container } from './index-e9f2225a.js';
+import { L as LOCALE } from './Locale-b7bad07f.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-0911bca5.js';
+import { g as getDataWithCache } from './core-16179798.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2053,7 +2053,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-b571ef1e.js').then((data) => {
+                import('./doctor-27d3d1ad.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2142,15 +2142,32 @@ const StyleInput = styled(Input) `
 const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, }) => {
     const { locale, configs: { statics }, siteType, } = useContext(NavigationContext);
     const [keyword, setKeyword] = useState('');
+    const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
     const { t } = useTranslations();
     const goToSearchPage = (searchValue = '') => {
-        window.location.href = `${statics.HOME_PAGE_URL}/search/?s=${searchValue}&source=${projectType === 'together' ? 'community' : ''}`;
+        let sourceParam = '';
+        if (projectType === 'together') {
+            sourceParam = 'community';
+        }
+        if (projectType === 'discover') {
+            if (window.location.pathname.startsWith('/health-tools/')) {
+                sourceParam = 'health-tools';
+            }
+            else {
+                sourceParam = projectType;
+            }
+        }
+        window.location.href = `${statics.HOME_PAGE_URL}/search/?s=${searchValue}&source=${sourceParam}`;
     };
     useEffect(() => {
         if (typeof window !== 'undefined') {
             const url = new URL(window.location.href);
             const params = new URLSearchParams(url.search);
             const searchValue = params.get('s');
+            if (projectType === 'discover' &&
+                window.location.pathname.startsWith('/search/')) {
+                setEventCategoryTracking('Search Page');
+            }
             setKeyword(searchValue);
         }
     }, []);
@@ -2162,7 +2179,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, })
         React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
                 verticalAlign: 'bottom',
             } },
-            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": "Search Page", "data-event-action": "Search", "data-event-label": keyword, placeholder: siteType === 'marryBaby'
+            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: siteType === 'marryBaby'
             ? t('navigation.search.input.placeholder')
             : t('home.search', {
                 site: LOCALE_SPECS[locale || 'en-PH']

package/build/esm/{index-67ee3e39.js → index-a616025f.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-ae1334ac.js';
+import { F as Flag } from './index-ce45d293.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-0e42e7f3.js';
-import { C as CommonGAssets } from './index-b6d97b04.js';
+import { T as Text } from './index-6a9f88f9.js';
+import { C as CommonGAssets } from './index-9a5fd93e.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-eea25cf6.js → index-ae56587a.js}

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

package/build/esm/{index-39a7cce9.js → index-ae7ad1c5.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-b39bbdfa.js';
-import { C as CommonGAssets } from './index-b6d97b04.js';
+import { L as LOCALE } from './Locale-b7bad07f.js';
+import { C as CommonGAssets } from './index-9a5fd93e.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-8fca923c.js';
-import { L as LogoIcon } from './logoIcon-f6991e15.js';
-import './index-97675e2b.js';
-import { I as ImageWrap } from './useScreenSize-53f42112.js';
+import { M as MediaQueries } from './utils-add93faa.js';
+import { L as LogoIcon } from './logoIcon-9643ff7c.js';
+import './index-11223b2f.js';
+import { I as ImageWrap } from './useScreenSize-3340c8e6.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-f3ee79b3.js → index-b52c0d07.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-ab8a2400.js';
+import { _ as __rest } from './tslib.es6-eea7a70e.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-0e42e7f3.js';
+import { T as Text } from './index-6a9f88f9.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-f389381b.js → index-b8c322b7.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-ab8a2400.js';
+import { _ as __rest } from './tslib.es6-eea7a70e.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-6c2014f4.js';
+import { u as useStyles } from './index.styles-1e88e961.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);