@hhgtech/hhg-components 1.29.509 → 1.29.511-beta-1

package/build/esm/{index-816998ee.js → index-b545cff7.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-629df02c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-2f2bc365.js';
-import { L as LOCALE } from './Locale-14d49ba7.js';
+import './index-9bff045d.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-cf061e8f.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-f13d790d.js';
 import { em, rem } from '@mantine/core';
-import { C as CommonGAssets } from './index-2c0605d2.js';
+import { C as CommonGAssets } from './index-d653cde4.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-1dc67627.js';
-import { C as CustomStylesType, F as FontWeight } from './index-77bdde6d.js';
-import { A as ANIMATION_DURATION } from './shared-3df59e7e.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-2530473d.js';
+import { C as CustomStylesType, F as FontWeight } from './index-49cc89e7.js';
+import { A as ANIMATION_DURATION } from './shared-24dbc100.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-e98e1fcc.js → index-bfa3bc1b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-629df02c.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default from 'react';
-import './index-5515120e.js';
+import './index-36936b56.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-cf061e8f.js';
-import './index-2f2bc365.js';
-import './index-2c0605d2.js';
-import './index-816998ee.js';
-import { T as Text$1 } from './index-99c64986.js';
-import './index-f2f97622.js';
-import './index-77bdde6d.js';
-import './index.styles-706d4dd9.js';
-import './translationsContext-ff05de3e.js';
+import './index-f13d790d.js';
+import './index-9bff045d.js';
+import './index-d653cde4.js';
+import './index-b545cff7.js';
+import { T as Text$1 } from './index-fc71ff83.js';
+import './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
+import './translationsContext-26eaedb1.js';
 import '@mantine/hooks';
-import './utils-1dc67627.js';
-import './index-07951e9c.js';
+import './utils-2530473d.js';
+import './index-861d39dc.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-c90abbbf.js → index-c4f4754b.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-e093f518.js';
-import { H as Heading } from './index-ecd537be.js';
-import { T as Text } from './index-99c64986.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-1dc67627.js';
+import { B as Button } from './index-2c9496fd.js';
+import { H as Heading } from './index-8ac52611.js';
+import { T as Text } from './index-fc71ff83.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-2530473d.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-698f0204.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-1e5d1dec.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-629df02c.js';
-import { I as Input } from './index-511938f8.js';
-import { u as useTranslations } from './index-f2e26df4.js';
-import { e as formatComment } from './dataTransform-a653792a.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-9c4a59cf.js';
+import { a as __awaiter } from './tslib.es6-d27ffcc7.js';
+import { I as Input } from './index-6fed1fe7.js';
+import { u as useTranslations } from './index-04ea4626.js';
+import { e as formatComment } from './dataTransform-41fd2291.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-4648706f.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-d1b644e7.js';
-import { C as CardLink } from './index-4d697343.js';
-import { L as Loading } from './index-86c55c48.js';
-import { U as UserAvatar } from './index-73880c14.js';
-import { R as RichTextEditor } from './editor-8f889cbd.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-135d3f10.js';
+import { C as CardLink } from './index-71e45e8b.js';
+import { L as Loading } from './index-1e54029f.js';
+import { U as UserAvatar } from './index-2d163b8d.js';
+import { R as RichTextEditor } from './editor-af692e6a.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-7af78438.js';
-import { C as CloseIcon } from './index-e1543437.js';
+import { P as Popup } from './index-643ffdfc.js';
+import { C as CloseIcon } from './index-d78117e7.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-ebc9a71c.js → index-d545ba51.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-629df02c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d27ffcc7.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-07951e9c.js';
-import { L as Loading } from './index-25911a1f.js';
-import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-a653792a.js';
+import { T as Tabs } from './index-861d39dc.js';
+import { L as Loading } from './index-18d893cf.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-41fd2291.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-698f0204.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-1e5d1dec.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-2c0605d2.js';
-import { I as ImageWrap } from './index-bc983f99.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-52bd7007.js';
-import { S as SocialType } from './index-2f2bc365.js';
-import { u as useTranslations } from './index-f2e26df4.js';
+import { C as CommonGAssets } from './index-d653cde4.js';
+import { I as ImageWrap } from './index-59d30043.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-3c7f325d.js';
+import { S as SocialType } from './index-9bff045d.js';
+import { u as useTranslations } from './index-04ea4626.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { b as Anchor$1 } from './index-5515120e.js';
+import { b as Anchor$1 } from './index-36936b56.js';
 import '@mantine/dates';
-import './index-cf061e8f.js';
-import './index-816998ee.js';
-import { T as Text } from './index-99c64986.js';
-import { B as Button } from './index-f2f97622.js';
-import './index-77bdde6d.js';
-import './index.styles-706d4dd9.js';
+import './index-f13d790d.js';
+import './index-b545cff7.js';
+import { T as Text } from './index-fc71ff83.js';
+import { B as Button } from './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
 import '@mantine/hooks';
-import './utils-1dc67627.js';
+import './utils-2530473d.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-d1b644e7.js';
-import { B as Button$1 } from './index-e093f518.js';
-import './translationsContext-ff05de3e.js';
+import { d as decodeMention, b as decodePostUrl } from './post-135d3f10.js';
+import { B as Button$1 } from './index-2c9496fd.js';
+import './translationsContext-26eaedb1.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-ef23bf52.js → index-d6fc8a85.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-629df02c.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-5515120e.js';
+import { R as Radio } from './index-36936b56.js';
 import '@mantine/dates';
-import './index-cf061e8f.js';
-import './index-2f2bc365.js';
-import { C as CommonGAssets } from './index-2c0605d2.js';
-import './index-816998ee.js';
-import { T as Text } from './index-99c64986.js';
-import './index-f2f97622.js';
-import './index-77bdde6d.js';
-import './index.styles-706d4dd9.js';
-import { u as useTranslations } from './index-f2e26df4.js';
+import './index-f13d790d.js';
+import './index-9bff045d.js';
+import { C as CommonGAssets } from './index-d653cde4.js';
+import './index-b545cff7.js';
+import { T as Text } from './index-fc71ff83.js';
+import './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
+import { u as useTranslations } from './index-04ea4626.js';
 import '@mantine/hooks';
-import './utils-1dc67627.js';
-import './index-07951e9c.js';
+import './utils-2530473d.js';
+import './index-861d39dc.js';
 
 const sizeMap = {
     lg: {

package/build/esm/{index-e1543437.js → index-d78117e7.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-ecd537be.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-1dc67627.js';
-import { u as useTranslations } from './index-f2e26df4.js';
-import { T as TogetherComponentGlobalContext } from './utils-698f0204.js';
+import { H as Heading } from './index-8ac52611.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-2530473d.js';
+import { u as useTranslations } from './index-04ea4626.js';
+import { T as TogetherComponentGlobalContext } from './utils-1e5d1dec.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-99c64986.js';
+import { T as Text } from './index-fc71ff83.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-629df02c.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-4f2db55e.js → index-e2270fe4.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-77bdde6d.js';
-import { _ as __rest } from './tslib.es6-629df02c.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-49cc89e7.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-3d84a3b4.js → index-e51cbb55.js}

@@ -1,56 +1,60 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-629df02c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d27ffcc7.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-92d13277.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-cf061e8f.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-ca27113b.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-a653792a.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-d82870bc.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-f13d790d.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-dfc5d039.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-41fd2291.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-ff05de3e.js';
+import './translationsContext-26eaedb1.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-5515120e.js';
+import { I as Input } from './index-36936b56.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-a958ed5b.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-9d806be9.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-a9e4e3b7.js';
+import { L as Logo$1 } from './index-7d3f41d0.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-2f2bc365.js';
-import { C as CommonGAssets } from './index-2c0605d2.js';
-import './index-816998ee.js';
-import { T as Text } from './index-99c64986.js';
-import { B as Button } from './index-f2f97622.js';
-import './index-77bdde6d.js';
-import './index.styles-706d4dd9.js';
+import { V as VideoType } from './index-9bff045d.js';
+import { C as CommonGAssets } from './index-d653cde4.js';
+import './index-b545cff7.js';
+import { T as Text } from './index-fc71ff83.js';
+import { B as Button } from './index-570e76f5.js';
+import './index-49cc89e7.js';
+import './index.styles-ee516806.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1dc67627.js';
-import './index-07951e9c.js';
-import { L as LOCALISED_SLUGS } from './constants-c0266089.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-051a97fd.js';
-import { I as Indicator$1 } from './index-f35d534f.js';
-import { u as useTranslations } from './index-f2e26df4.js';
-import { u as useIsInit } from './useIsInit-f7bb8c6f.js';
-import { L as LOCALIZED_SLUGS } from './constants-89e5b896.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-2530473d.js';
+import './index-861d39dc.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-30c3ae3f.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d01e1cac.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-4648706f.js';
+import { I as Indicator$1 } from './index-5b6d8cf2.js';
+import { u as useTranslations } from './index-04ea4626.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-4b2d7bb8.js';
+import { L as LOCALIZED_SLUGS } from './constants-1b00aa65.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-e093f518.js';
-import { H as Heading } from './index-ecd537be.js';
+import { B as Button$1 } from './index-2c9496fd.js';
+import { H as Heading } from './index-8ac52611.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-d2cad165.js';
+import { C as Container } from './index-1c5b0faf.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-73880c14.js';
-import { L as LOCALE } from './Locale-14d49ba7.js';
+import { U as UserAvatar } from './index-2d163b8d.js';
+import { C as CartCareButton } from './index-b0577577.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-319708c5.js';
+import { g as getDataWithCache } from './core-2c35167a.js';
 
-const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props),
+    React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "22", height: "28", viewBox: "0 0 22 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+/* eslint-disable prettier/prettier */
+const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 22 28", fill: "none" }, props),
     React.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
@@ -1500,7 +1504,7 @@ const Item$1 = ({ item, index = 0 }) => {
         React__default.createElement("img", { src: CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
         React__default.createElement(StyledContentWrapper$1, null,
             React__default.createElement(StyledTitle$1, null, item.title),
-            React__default.createElement(StyledDes$1, null, item.subtitle),
+            React__default.createElement(StyledDes$1, { dangerouslySetInnerHTML: { __html: item.subtitle } }),
             React__default.createElement(StyledBtnView$1, null, item.isMobileAppTool ? (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(AppIcon, { size: 16 }),
                 t('home.calcWithApp'))) : (React__default.createElement(React__default.Fragment, null,
@@ -2068,7 +2072,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
     const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, customClasses, } = useContext(NavigationContext);
     const { t } = useTranslations();
     return (React__default.createElement(StyledMasterMenuContainer, { className: customClasses.categoriesMenu, id: "categories-menu" },
-        !isHomepage && (React__default.createElement(StyleWrapperSearch, null,
+        !isHomepage && (React__default.createElement(StyleWrapperSearch, { className: "search-wrapper" },
             React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: false, isRedirectSearchPage: true }))),
         React__default.createElement(StyledWrapper, null,
             React__default.createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
@@ -2106,6 +2110,7 @@ const StyledHeaderWrapper = styled.div `
 
     .search-wrapper {
       padding: 8px 16px;
+      background-color: ${theme.colors.blue900};
     }
 
     .hhgcomp-navigation-itemnav-headeritem {
@@ -2142,6 +2147,18 @@ const StyledHeaderWrapper = styled.div `
         }
       }
     }
+
+    .mobile-close-icon {
+      path {
+        stroke: ${theme.colors.white};
+      }
+    }
+
+    .fake-search-input {
+      .mantine-Input-input {
+        border-radius: 8px;
+      }
+    }
   }
 
   &[data-site-type='helloSites'] {
@@ -2369,7 +2386,7 @@ const StyleButtonAiChat = styled(Button) `
 `;
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
     // sitewideBannerShown = true,
     sitewideSite = 'discover', sponsorComponent, isHomepage = false, 
@@ -2378,7 +2395,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // ssrMenuContent: { categories, healthTools, care, together },
     configs: { statics, 
     // enableNavCareBooking,
-    enableSearchBar, enableNavChatbotAi, enableNavClinityDownload, enableAppIntroPage,
+    enableSearchBar, enableNavChatbotAi, enableNavClinityDownload, enableAppIntroPage, enableNavCartCare,
     // enableNavVideo,
     // enableNavCare,
     // enableProfileMyHealth,
@@ -2395,6 +2412,9 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const scrollY = useRef(47);
     const headerRef = useRef(null);
     const collapsedMenu = useRef(false);
+    const { getHref } = useCartCareService();
+    const cartBaseUrl = `${getCurrentBaseUrl(locale)}/${CARE_BASE_PATH}/${(_a = LOCALISED_SLUGS$1[locale]) === null || _a === void 0 ? void 0 : _a.CART}/`;
+    const cartHref = getHref();
     const goToLogin = () => {
         if (IS_SSOV2_ENABLED(locale))
             return triggerLogin();
@@ -2404,7 +2424,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
-        ? (_a = LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE
+        ? (_b = LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = useCallback(throttle(() => {
@@ -2463,10 +2483,11 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 React__default.createElement(StyledProfileNavGroup, { className: "profile-nav-group" },
                     languageMenu,
                     enableNavChatbotAi && (React__default.createElement(Box, { component: "a", href: `${getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
-                        React__default.createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default.createElement(ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
-                            _b.SITE_NAME,
+                        React__default.createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default.createElement(ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
+                            _c.SITE_NAME,
                             " AI"))),
-                    enableNavClinityDownload && (React__default.createElement(Box, { component: "a", href: `${(_c = STATIC_PAGES[locale]) === null || _c === void 0 ? void 0 : _c.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_d = STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
+                    enableNavCartCare && (React__default.createElement(CartCareButton, { href: cartHref !== null && cartHref !== void 0 ? cartHref : cartBaseUrl, count: cartHref ? 1 : 0 })),
+                    enableNavClinityDownload && (React__default.createElement(Box, { component: "a", href: `${(_d = STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_e = STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
                         React__default.createElement("img", { src: CommonGAssets.getAssetPath('clinity-download.png'), alt: "Clinity", className: "clinity-logo", style: { display: 'block' } }))),
                     slot,
                     React__default.createElement(NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 

package/build/esm/{index-474c3ac0.js → index-e7f43111.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-629df02c.js';
+import { a as __awaiter } from './tslib.es6-d27ffcc7.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-ca27113b.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-cf061e8f.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-dfc5d039.js';
+import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-f13d790d.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-14d49ba7.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-06a104ba.js → index-ed9111d5.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-7b9f9a03.js';
-import { T as Text } from './index-e98e1fcc.js';
+import { M as MarryBabyText } from './index-99770e4c.js';
+import { T as Text } from './index-bfa3bc1b.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-cf061e8f.js → index-f13d790d.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-2f2bc365.js';
+import './index-9bff045d.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-14d49ba7.js';
+import { L as LOCALE } from './Locale-eb6648b1.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -408,6 +408,7 @@ const HAS_CLINITY_DOWNLOAD_SITE = [
     // LOCALE.Myanmar,
     // LOCALE.Taiwan,
 ];
+const LOCALE_HAS_CART_CARE_SITE = [LOCALE.Vietnam];
 const ECOM_LOCALES = ['vi-VN'];
 const DATA_PRIVACY_LOCALES = ['id-ID'];
 const CARE_LOCALES = [
@@ -802,6 +803,7 @@ const DATE_FNS_DATE_FORMAT = 'dd-MM-yyyy';
 const ZINDEX_SSO = 9999999;
 const ZINDEX_HEADER = 305;
 const VIDEO_DETAIL_TEMP_STORAGE = 'video_item_detail';
+const HHG_CART_CARE_STORE_KEY = 'hhg_cart_care_store_key';
 var EMERGENCY_STATUS;
 (function (EMERGENCY_STATUS) {
     EMERGENCY_STATUS[EMERGENCY_STATUS["UNAVAILABLE"] = 0] = "UNAVAILABLE";
@@ -832,6 +834,7 @@ var index = /*#__PURE__*/Object.freeze({
   UP_BASEPATH: UP_BASEPATH,
   LOCALE_HAS_COMMUNITY_SITE: LOCALE_HAS_COMMUNITY_SITE,
   HAS_CLINITY_DOWNLOAD_SITE: HAS_CLINITY_DOWNLOAD_SITE,
+  LOCALE_HAS_CART_CARE_SITE: LOCALE_HAS_CART_CARE_SITE,
   ECOM_LOCALES: ECOM_LOCALES,
   DATA_PRIVACY_LOCALES: DATA_PRIVACY_LOCALES,
   CARE_LOCALES: CARE_LOCALES,
@@ -850,6 +853,7 @@ var index = /*#__PURE__*/Object.freeze({
   ZINDEX_SSO: ZINDEX_SSO,
   ZINDEX_HEADER: ZINDEX_HEADER,
   VIDEO_DETAIL_TEMP_STORAGE: VIDEO_DETAIL_TEMP_STORAGE,
+  HHG_CART_CARE_STORE_KEY: HHG_CART_CARE_STORE_KEY,
   get EMERGENCY_STATUS () { return EMERGENCY_STATUS; },
   get ServicePrice () { return ServicePrice; },
   get SERVICE_TYPE () { return SERVICE_TYPE; },
@@ -863,4 +867,4 @@ var index = /*#__PURE__*/Object.freeze({
   isProduction: isProduction
 });
 
-export { API_DATE_FORMAT as A, BEARER_TOKEN_COOKIE as B, CARE_LOCALES as C, DATA_PRIVACY_LOCALES as D, ECOM_LOCALES as E, FAVICONS as F, GA_TOKEN_COOKIE as G, HAS_CLINITY_DOWNLOAD_SITE as H, ISO_FORMAT as I, LOCALE_SPECS as L, QUERY_HEALTH_TOOL as Q, STATIC_PAGES as S, USER_GEOLOCATION_COORDINATES_COOKIE as U, VIDEO_LOCALES as V, ZINDEX_SSO as Z, ZINDEX_HEADER as a, basePath as b, LOCALE_HAS_COMMUNITY_SITE as c, CARE_BOOKING_LOCALES as d, VIDEO_DETAIL_TEMP_STORAGE as e, CDN_ADDRESS as f, DATE_FNS_LOCALE as g, BEARER_REFRESH_TOKEN_COOKIE as h, index as i, SSO_URL as j, COUNTRY_LIST as k, UP_BASEPATH as l, DATE_FNS_DATE_FORMAT as m, EMERGENCY_STATUS as n, ServicePrice as o, SERVICE_TYPE as p };
+export { API_DATE_FORMAT as A, BEARER_TOKEN_COOKIE as B, CARE_LOCALES as C, DATA_PRIVACY_LOCALES as D, ECOM_LOCALES as E, FAVICONS as F, GA_TOKEN_COOKIE as G, HAS_CLINITY_DOWNLOAD_SITE as H, ISO_FORMAT as I, LOCALE_SPECS as L, QUERY_HEALTH_TOOL as Q, STATIC_PAGES as S, USER_GEOLOCATION_COORDINATES_COOKIE as U, VIDEO_LOCALES as V, ZINDEX_SSO as Z, ZINDEX_HEADER as a, basePath as b, LOCALE_HAS_COMMUNITY_SITE as c, CARE_BOOKING_LOCALES as d, LOCALE_HAS_CART_CARE_SITE as e, VIDEO_DETAIL_TEMP_STORAGE as f, CDN_ADDRESS as g, HHG_CART_CARE_STORE_KEY as h, index as i, DATE_FNS_LOCALE as j, BEARER_REFRESH_TOKEN_COOKIE as k, SSO_URL as l, COUNTRY_LIST as m, UP_BASEPATH as n, DATE_FNS_DATE_FORMAT as o, EMERGENCY_STATUS as p, ServicePrice as q, SERVICE_TYPE as r };

package/build/esm/{index-918a64d4.js → index-fad878d1.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-1dc67627.js';
+import { t as toggleNoScroll } from './utils-2530473d.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-7dc2ce24.js';
-import { T as Text } from './index-99c64986.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-11da7e2f.js';
+import { T as Text } from './index-fc71ff83.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-99c64986.js → index-fc71ff83.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-629df02c.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-77bdde6d.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-49cc89e7.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-26baa057.js → index-fef30b2f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-629df02c.js';
+import { _ as __rest } from './tslib.es6-d27ffcc7.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-99c64986.js';
-import { B as Button } from './index-f2f97622.js';
-import { u as useTranslations } from './index-f2e26df4.js';
+import { T as Text } from './index-fc71ff83.js';
+import { B as Button } from './index-570e76f5.js';
+import { u as useTranslations } from './index-04ea4626.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';