@hhgtech/hhg-components 1.29.255-beta-3 → 1.29.255-beta-5

package/build/esm/{index-2e250193.js → index-4ffb5cfa.js}

@@ -1,12 +1,12 @@
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { u as useTranslations } from './index-8ca04504.js';
+import { u as useTranslations } from './index-35796afc.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-1127f8ba.js';
-import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-5aca6bda.js';
+import { C as CommonGAssets } from './index-f1833beb.js';
+import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-4ad21d97.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar } from './index-78b3180a.js';
-import { b as getTogetherUserPostsApiPath } from './index-7eb25449.js';
-import { B as Button } from './index-f993926f.js';
+import { A as Avatar } from './index-05e586cf.js';
+import { b as getTogetherUserPostsApiPath } from './index-9ceec827.js';
+import { B as Button } from './index-3c8b2619.js';
 
 const INTERNAL_CARD_URLS = {
     myBooking: 'booking',

package/build/esm/{index-364b0558.js → index-52346bf8.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a8899474.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8e163baf.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-8ca04504.js';
+import { u as useTranslations } from './index-35796afc.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-ced0fa9d.js';
-import { L as LOCALIZED_SLUGS } from './constants-78902e5d.js';
-import { B as Button } from './index-0756189f.js';
-import './index-057f2d1e.js';
-import { c as callApi, g as getCarePath } from './utils-d7a79b14.js';
+import { P as PATHS } from './paths-21992765.js';
+import { L as LOCALIZED_SLUGS } from './constants-a3ea6fc0.js';
+import { B as Button } from './index-aa21ce75.js';
+import './index-e0e23863.js';
+import { c as callApi, g as getCarePath } from './utils-0c2e1c49.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-cae39c98.js → index-5d450a0a.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-d63e0760.js';
+import { L as Label } from './index-b280e6b8.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-1aa56c6c.js → index-6350c184.js}

@@ -1,40 +1,40 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a8899474.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8e163baf.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-f2dba474.js';
-import { u as useTranslations } from './index-8ca04504.js';
+import { D as Dropdown } from './index-ac1552bf.js';
+import { u as useTranslations } from './index-35796afc.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-a595566d.js';
+import { I as Input$1 } from './index-11afae3b.js';
 import { useMantineTheme, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-057f2d1e.js';
-import './index-afea9eed.js';
-import './index-1127f8ba.js';
-import './useMantineLocale-897de7b5.js';
-import { T as Text } from './index-6d78a8a7.js';
-import { B as Button } from './index-0756189f.js';
-import './index.styles-eab929da.js';
+import './index-e0e23863.js';
+import './index-c8e3e5b3.js';
+import './index-f1833beb.js';
+import './useMantineLocale-54948a3a.js';
+import { T as Text } from './index-0fe285d8.js';
+import { B as Button } from './index-aa21ce75.js';
+import './index.styles-cfe7f6a1.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-bc4ce115.js';
-import './other-6a7e1e43.js';
-import './index-78b6be16.js';
-import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-a60a7164.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-d7a79b14.js';
+import { M as MediaQueries } from './utils-c5fabfeb.js';
+import './other-ffa6cb6a.js';
+import './index-69655cb6.js';
+import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-ec58f0c2.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-0c2e1c49.js';
 import styled from '@emotion/styled';
-import { b as formatPost, c as formatTopic } from './dataTransform-04bb1b6b.js';
-import { M as MAX_IMAGE_UPLOADS } from './constants-5d7dd1df.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl } from './post-e0ff144e.js';
-import { C as CardAuthor, L as Loading$1 } from './index-1279323a.js';
-import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-10538ef7.js';
-import { I as Input } from './index-d63e0760.js';
+import { b as formatPost, c as formatTopic } from './dataTransform-164b1538.js';
+import { M as MAX_IMAGE_UPLOADS } from './constants-0d6a95d4.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl } from './post-998a851c.js';
+import { C as CardAuthor, L as Loading$1 } from './index-8d9b09b9.js';
+import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-23ab5c22.js';
+import { I as Input } from './index-b280e6b8.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-98c3fc54.js';
-import { C as CardLink } from './index-f7477ebe.js';
-import { B as BtnChoice } from './index-f0fa0bcd.js';
-import { L as LOCALE } from './Locale-e3bf3674.js';
+import { L as Loading } from './index-6a71a886.js';
+import { C as CardLink } from './index-eaf6be95.js';
+import { B as BtnChoice } from './index-f0cbd98e.js';
+import { L as LOCALE } from './Locale-91007285.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const Ask = ({ size }) => {

package/build/esm/{index-78b6be16.js → index-69655cb6.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-a8899474.js';
+import { _ as __rest } from './tslib.es6-8e163baf.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-0756189f.js';
-import { T as Text } from './index-6d78a8a7.js';
+import { B as Button } from './index-aa21ce75.js';
+import { T as Text } from './index-0fe285d8.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-98c3fc54.js → index-6a71a886.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-c196772c.js';
-import { u as useTranslations } from './index-8ca04504.js';
+import { I as Icon } from './index-26970b24.js';
+import { u as useTranslations } from './index-35796afc.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-e57c93fa.js → index-7e8e08d2.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-bc4ce115.js';
+import { t as toggleNoScroll } from './utils-c5fabfeb.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-b5fb6e1a.js';
-import { T as Text } from './index-6d78a8a7.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-953a1ba3.js';
+import { T as Text } from './index-0fe285d8.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-08173da2.js → index-84665558.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-a8899474.js';
+import { _ as __rest } from './tslib.es6-8e163baf.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-057f2d1e.js';
-import './index-afea9eed.js';
-import { C as CommonGAssets } from './index-1127f8ba.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-897de7b5.js';
-import { L as LOCALE } from './Locale-e3bf3674.js';
+import { I as ISO_FORMAT } from './index-e0e23863.js';
+import './index-c8e3e5b3.js';
+import { C as CommonGAssets } from './index-f1833beb.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-54948a3a.js';
+import { L as LOCALE } from './Locale-91007285.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-e5c5350b.js → index-888655e8.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-7e8aa571.js';
-import { T as Text } from './index-14226fb8.js';
+import { M as MarryBabyText } from './index-1a863351.js';
+import { T as Text } from './index-fc9f3db1.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-1279323a.js → index-8d9b09b9.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-8ca04504.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-bc4ce115.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-364b0558.js';
-import { I as Icon } from './index-c196772c.js';
-import { _ as __rest } from './tslib.es6-a8899474.js';
-import { U as UserAvatar } from './index-38d50b59.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-72a6e414.js';
-import './index-057f2d1e.js';
-import { C as CommonGAssets } from './index-1127f8ba.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-d7a79b14.js';
-import { B as Button } from './index-f993926f.js';
-import { T as Text } from './index-6d78a8a7.js';
+import { u as useTranslations } from './index-35796afc.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-c5fabfeb.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-52346bf8.js';
+import { I as Icon } from './index-26970b24.js';
+import { _ as __rest } from './tslib.es6-8e163baf.js';
+import { U as UserAvatar } from './index-e02c1817.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-588480a8.js';
+import './index-e0e23863.js';
+import { C as CommonGAssets } from './index-f1833beb.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-0c2e1c49.js';
+import { B as Button } from './index-3c8b2619.js';
+import { T as Text } from './index-0fe285d8.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
 import { keyframes } from '@emotion/react';
-import { H as Heading } from './index-55d2ff10.js';
-import { M as Modal } from './index-8f716c39.js';
+import { H as Heading } from './index-010ea5dc.js';
+import { M as Modal } from './index-3894fcde.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -957,7 +957,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-cff54956.js').then((module) => {
+                import('./index-4aece340.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-d6986ca4.js → index-8fba1aea.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-a8899474.js';
+import { _ as __rest } from './tslib.es6-8e163baf.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-a595566d.js';
+import './index-11afae3b.js';
 import '@mantine/dates';
-import './index-057f2d1e.js';
-import './index-afea9eed.js';
-import './index-1127f8ba.js';
-import './useMantineLocale-897de7b5.js';
-import { T as Text } from './index-6d78a8a7.js';
-import { B as Button } from './index-0756189f.js';
-import './index.styles-eab929da.js';
-import { u as useTranslations } from './index-8ca04504.js';
+import './index-e0e23863.js';
+import './index-c8e3e5b3.js';
+import './index-f1833beb.js';
+import './useMantineLocale-54948a3a.js';
+import { T as Text } from './index-0fe285d8.js';
+import { B as Button } from './index-aa21ce75.js';
+import './index.styles-cfe7f6a1.js';
+import { u as useTranslations } from './index-35796afc.js';
 import '@mantine/hooks';
-import './utils-bc4ce115.js';
-import './other-6a7e1e43.js';
-import './index-78b6be16.js';
+import './utils-c5fabfeb.js';
+import './other-ffa6cb6a.js';
+import './index-69655cb6.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-6cd3f5e8.js → index-98339832.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a8899474.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8e163baf.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-a595566d.js';
+import { I as Input, S as Select } from './index-11afae3b.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-057f2d1e.js';
-import './index-afea9eed.js';
-import './index-1127f8ba.js';
-import './useMantineLocale-897de7b5.js';
-import './index-6d78a8a7.js';
-import './index-0756189f.js';
-import './index.styles-eab929da.js';
-import { u as useTranslations } from './index-8ca04504.js';
+import { C as CDN_ADDRESS } from './index-e0e23863.js';
+import './index-c8e3e5b3.js';
+import './index-f1833beb.js';
+import './useMantineLocale-54948a3a.js';
+import './index-0fe285d8.js';
+import './index-aa21ce75.js';
+import './index.styles-cfe7f6a1.js';
+import { u as useTranslations } from './index-35796afc.js';
 import '@mantine/hooks';
-import './utils-bc4ce115.js';
-import './other-6a7e1e43.js';
-import './index-78b6be16.js';
-import { M as MAPPED_LOCALE } from './utils-63a40dac.js';
-import { L as LOCALE } from './Locale-e3bf3674.js';
+import './utils-c5fabfeb.js';
+import './other-ffa6cb6a.js';
+import './index-69655cb6.js';
+import { M as MAPPED_LOCALE } from './utils-bb9af852.js';
+import { L as LOCALE } from './Locale-91007285.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-7eb25449.js → index-9ceec827.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a8899474.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8e163baf.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-819907ad.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-057f2d1e.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-5aca6bda.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-04bb1b6b.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-04a3c579.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-e0e23863.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-4ad21d97.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-164b1538.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-9927839b.js';
-import { u as useTranslations } from './index-8ca04504.js';
+import { L as Logo } from './index-bf595095.js';
+import { u as useTranslations } from './index-35796afc.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-a595566d.js';
+import { I as Input } from './index-11afae3b.js';
 import '@mantine/dates';
-import './index-afea9eed.js';
-import { C as CommonGAssets } from './index-1127f8ba.js';
-import './useMantineLocale-897de7b5.js';
-import { T as Text } from './index-6d78a8a7.js';
-import { B as Button$1 } from './index-0756189f.js';
-import './index.styles-eab929da.js';
-import './translationsContext-b0754e46.js';
+import './index-c8e3e5b3.js';
+import { C as CommonGAssets } from './index-f1833beb.js';
+import './useMantineLocale-54948a3a.js';
+import { T as Text } from './index-0fe285d8.js';
+import { B as Button$1 } from './index-aa21ce75.js';
+import './index.styles-cfe7f6a1.js';
+import './translationsContext-791be7ba.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-bc4ce115.js';
-import './other-6a7e1e43.js';
-import './index-78b6be16.js';
-import { L as LOCALISED_SLUGS } from './constants-9bf6d063.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-c5fabfeb.js';
+import './other-ffa6cb6a.js';
+import './index-69655cb6.js';
+import { L as LOCALISED_SLUGS } from './constants-be99ea4d.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-4586a7e6.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-f24285e6.js';
-import { B as Button } from './index-f993926f.js';
-import { i as domainLocalesMarryBaby } from './utils-d7a79b14.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-0e935de6.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8e585100.js';
+import { B as Button } from './index-3c8b2619.js';
+import { i as domainLocalesMarryBaby } from './utils-0c2e1c49.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-78902e5d.js';
+import { L as LOCALIZED_SLUGS } from './constants-a3ea6fc0.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-55d2ff10.js';
-import { I as Indicator$1 } from './index-85fddfd7.js';
-import { u as useIsInit } from './useIsInit-65199c88.js';
+import { H as Heading } from './index-010ea5dc.js';
+import { I as Indicator$1 } from './index-b41c0b23.js';
+import { u as useIsInit } from './useIsInit-e8e6ceb3.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-38d50b59.js';
+import { U as UserAvatar } from './index-e02c1817.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-c512146f.js';
-import { L as LOCALE } from './Locale-e3bf3674.js';
+import { C as Container } from './index-397bb9ba.js';
+import { L as LOCALE } from './Locale-91007285.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-56a5f8a1.js';
+import { g as getDataWithCache } from './core-7a191003.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2053,7 +2053,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-69b1c79d.js').then((data) => {
+                import('./doctor-7798b4e1.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-e466cbf4.js → index-a42bca93.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a8899474.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8e163baf.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-f993926f.js';
-import { H as Heading } from './index-55d2ff10.js';
-import { u as useTranslations } from './index-8ca04504.js';
+import { B as Button } from './index-3c8b2619.js';
+import { H as Heading } from './index-010ea5dc.js';
+import { u as useTranslations } from './index-35796afc.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-a60a7164.js';
-import { C as CommonGAssets } from './index-1127f8ba.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-5d7dd1df.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-ec58f0c2.js';
+import { C as CommonGAssets } from './index-f1833beb.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-0d6a95d4.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-d7a79b14.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-55dd0cf6.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-0c2e1c49.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-706d1b84.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-bc4ce115.js';
+import { M as MediaQueries } from './utils-c5fabfeb.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-04bb1b6b.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-164b1538.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-f7477ebe.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-1279323a.js';
-import { a as ProfileDetail, P as PostContent } from './index-233a4b0d.js';
-import { a as PostImagePreview } from './index-b6896227.js';
-import { D as Divider } from './index-935a1f87.js';
-import './index-057f2d1e.js';
+import { C as CardLink } from './index-eaf6be95.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-8d9b09b9.js';
+import { a as ProfileDetail, P as PostContent } from './index-f49ad21a.js';
+import { a as PostImagePreview } from './index-c61c92cc.js';
+import { D as Divider } from './index-bc2a2fcf.js';
+import './index-e0e23863.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-d63e0760.js';
-import { T as Text } from './index-6d78a8a7.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-5aca6bda.js';
+import { I as Input } from './index-b280e6b8.js';
+import { T as Text } from './index-0fe285d8.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-4ad21d97.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-0756189f.js → index-aa21ce75.js}

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

package/build/esm/{index-296a5f9a.js → index-aa87acc3.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-a8899474.js';
+import { _ as __rest } from './tslib.es6-8e163baf.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-079996eb.js';
-import { I as Input } from './index-a595566d.js';
-import { D as DatePicker } from './index-08173da2.js';
-import { T as Text } from './index-6d78a8a7.js';
-import './index-0756189f.js';
-import './index.styles-eab929da.js';
-import { u as useTranslations } from './index-8ca04504.js';
+import { L as LastPeriod } from './LastPeriod-e4601167.js';
+import { I as Input } from './index-11afae3b.js';
+import { D as DatePicker } from './index-84665558.js';
+import { T as Text } from './index-0fe285d8.js';
+import './index-aa21ce75.js';
+import './index.styles-cfe7f6a1.js';
+import { u as useTranslations } from './index-35796afc.js';
 import '@mantine/hooks';
-import './useMantineLocale-897de7b5.js';
-import './index-afea9eed.js';
-import './index-1127f8ba.js';
-import './utils-bc4ce115.js';
-import './index-057f2d1e.js';
-import './other-6a7e1e43.js';
-import './index-78b6be16.js';
-import { H as HealthToolFormWrapper } from './index-9711efd0.js';
+import './useMantineLocale-54948a3a.js';
+import './index-c8e3e5b3.js';
+import './index-f1833beb.js';
+import './utils-c5fabfeb.js';
+import './index-e0e23863.js';
+import './other-ffa6cb6a.js';
+import './index-69655cb6.js';
+import { H as HealthToolFormWrapper } from './index-f6049f60.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {