@hhgtech/hhg-components 1.29.563 → 1.29.565-beta-1

package/build/{index-d2c6c119.js → index-1386aeae.js}

@@ -1,57 +1,56 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5bd68c12.js');
+var tslib_es6 = require('./tslib.es6-f848ddc4.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-aabacbc3.js');
-var index = require('./index-4038200e.js');
-var routing = require('./routing-531f10d5.js');
-var dataTransform = require('./dataTransform-84d4cc48.js');
+var SiteWideBanner = require('./SiteWideBanner-7e9a197b.js');
+var index = require('./index-1936bc7f.js');
+var routing = require('./routing-d5208434.js');
+var dataTransform = require('./dataTransform-12df9d0a.js');
 var core = require('@hhgtech/icons/core');
-var index$1 = require('./index-3d75b7b6.js');
-require('./translationsContext-526cc81c.js');
-var Locale = require('./Locale-8774674f.js');
+var index$2 = require('./index-f5c170bd.js');
+require('./translationsContext-07ec7126.js');
+var index$1 = require('./index-0301ac72.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-3487ef5f.js');
+var navigationProfileButton = require('./index-57c9748b.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-b5fbe3de.js');
+var index$c = require('./index-f8a9c060.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-68bc1aae.js');
-var index$6 = require('./index-a0ccdf67.js');
-require('./index-38be9f5a.js');
-var index$4 = require('./index-346bfe8f.js');
-var index$3 = require('./index-039fa557.js');
-require('./index-2534c65a.js');
-require('./index.styles-7ae19bd8.js');
+var index$7 = require('./index-174c9586.js');
+require('./index-d89dc730.js');
+var index$5 = require('./index-a7689613.js');
+var index$4 = require('./index-64292b9d.js');
+require('./index-8c700e9b.js');
+require('./index.styles-9ef5eab4.js');
 require('@mantine/hooks');
-var utils = require('./utils-38fe6104.js');
-require('./index-291b5969.js');
-var constants = require('./constants-37410a43.js');
-var store = require('./store-4b148132.js');
-var constants$3 = require('./constants-bd4d317e.js');
-var index$5 = require('./index-9842372d.js');
-var index$2 = require('./index-a66ed517.js');
-var useCartCareService = require('./useCartCareService-69a6c6c4.js');
-var constants$1 = require('./constants-ffca7176.js');
+var utils = require('./utils-2f68ff5b.js');
+require('./index-e46361db.js');
+var constants = require('./constants-48a22baf.js');
+var store = require('./store-bc1849ff.js');
+var constants$3 = require('./constants-01490e39.js');
+var index$6 = require('./index-d3b9d87f.js');
+var index$3 = require('./index-8fa877e4.js');
+var useCartCareService = require('./useCartCareService-672b138c.js');
+var constants$1 = require('./constants-46ab92c8.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-d0f39fb0.js');
-var index$8 = require('./index-6b3f2338.js');
-var utils$1 = require('./utils-e2cc3dc6.js');
-var index$9 = require('./index-f2a83551.js');
-var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-cf73eafc.js');
+var index$8 = require('./index-05c28b4b.js');
+var index$9 = require('./index-e3b6709f.js');
+var utils$1 = require('./utils-8e9042e2.js');
+var index$a = require('./index-74accb87.js');
+var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-35c6f056.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-153e9db8.js');
+var index$b = require('./index-4ab83aa6.js');
 var get = require('lodash/get');
-var constants$2 = require('./constants-8d5ea1a6.js');
+var constants$2 = require('./constants-328bb101.js');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-a8cb6b45.js');
+var index$d = require('./index-e6824e87.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-fb05def5.js');
+var core$2 = require('./core-87a13e02.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -184,16 +183,16 @@ const applyHelloWellnessNavVideos = ({ helloWellness, videoSpotlights = [], }) =
         : videoSpotlights;
 };
 
-const ALLOW_SHOW_SEARCH_ANIMATION = [Locale.LOCALE.Vietnam, Locale.LOCALE.Malaysia];
+const ALLOW_SHOW_SEARCH_ANIMATION = [index$1.LOCALE.Vietnam, index$1.LOCALE.Malaysia];
 const TEXT_PLACEHOLDER_INPUT = {
-    [Locale.LOCALE.Vietnam]: [
+    [index$1.LOCALE.Vietnam]: [
         'navigation.search.input.placeholder.animation.authenticProducts',
         'navigation.search.input.placeholder.animation.findNearestClinic',
         'navigation.search.input.placeholder.animation.reputableFacilities',
         'navigation.search.input.placeholder.animation.fullRefundWithin10DayCancellation',
         'navigation.search.input.placeholder.animation.freeDoctorConsultation',
     ],
-    [Locale.LOCALE.Malaysia]: [
+    [index$1.LOCALE.Malaysia]: [
         'navigation.search.input.placeholder.animation.authenticProducts',
         'navigation.search.input.placeholder.animation.findNearestClinic',
         'navigation.search.input.placeholder.animation.reputableFacilities',
@@ -204,7 +203,7 @@ const TEXT_PLACEHOLDER_INPUT = {
 const TIME_ANIMATION_SEARCH_INPUT = 5000;
 const TIME_ANIMATION_SEARCH_INPUT_DELAY = TIME_ANIMATION_SEARCH_INPUT - 2000;
 
-const StyleInput = styled__default["default"](index$1.Input) `
+const StyleInput = styled__default["default"](index$2.Input) `
   position: relative;
   z-index: 0;
 
@@ -328,7 +327,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     const [isFocused, setIsFocused] = React.useState(false);
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
     const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const hasPrefetchedRef = React.useRef(false);
     const shouldRedirectOnInteract = (isMobile && isHomepage) || isRedirectSearchPage;
     const prefetchSearchPage = React.useCallback(() => {
@@ -360,7 +359,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     const debouncedTime = React.useMemo(() => {
         return ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)
             ? 0
-            : index$1.DEBOUNCED_TIME;
+            : index$2.DEBOUNCED_TIME;
     }, [locale]);
     const goBack = React.useCallback(() => {
         const historyBackUrl = localStorage.getItem(HHG_SEARCH_BACK_KEY);
@@ -418,7 +417,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 : '',
         });
     }, [locale, siteType, t, isFocused]);
-    return isMobile && !isHomepage ? (React__namespace["default"].createElement(index$3.Button, { variant: "tertiary", style: {
+    return isMobile && !isHomepage ? (React__namespace["default"].createElement(index$4.Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
         React__namespace["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
@@ -479,7 +478,7 @@ const CartBadge = (_a) => {
         classNames,
     });
     return typeof count !== 'undefined' ? (React__namespace["default"].createElement(core$1.Box, Object.assign({ component: "a", href: getEcomUrl({ path: 'CART', locale }), className: cx(classes.root, className) }, boxProps),
-        React__namespace["default"].createElement(core$1.Indicator, { withBorder: true, color: 'red', size: 20, disabled: count === 0, label: React__namespace["default"].createElement(index$4.Text, { className: classes.iconText, size: "s5" }, count > 99 ? '99+' : count) },
+        React__namespace["default"].createElement(core$1.Indicator, { withBorder: true, color: 'red', size: 20, disabled: count === 0, label: React__namespace["default"].createElement(index$5.Text, { className: classes.iconText, size: "s5" }, count > 99 ? '99+' : count) },
             React__namespace["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
                 React__namespace["default"].createElement("path", { d: "M5.308 21.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V8.308q0-.75.53-1.278.53-.53 1.278-.53H7.5q0-1.873 1.313-3.187Q10.127 2 12 2t3.187 1.313T16.5 6.5h2.192q.749 0 1.278.53.53.53.53 1.278v11.384q0 .749-.53 1.278-.53.53-1.278.53zm0-1.5h13.384a.3.3 0 0 0 .212-.096.3.3 0 0 0 .096-.212V8.308a.3.3 0 0 0-.096-.212.3.3 0 0 0-.212-.096H5.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v11.384q0 .116.096.212a.3.3 0 0 0 .212.096M9 6.5h6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3.5q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6.5m2.985 7q1.695 0 3.047-1.148 1.35-1.148 1.335-2.606a.74.74 0 0 0-.207-.528.7.7 0 0 0-.527-.218.7.7 0 0 0-.471.182 1 1 0 0 0-.295.506 2.8 2.8 0 0 1-1.036 1.665 2.9 2.9 0 0 1-1.846.647 2.93 2.93 0 0 1-1.854-.647A2.73 2.73 0 0 1 9.1 9.688q-.086-.34-.278-.514A.66.66 0 0 0 8.367 9a.72.72 0 0 0-.534.218.72.72 0 0 0-.216.528q0 1.457 1.336 2.606 1.335 1.148 3.032 1.148", fill: "#2D87F3" }))))) : null;
 };
@@ -525,9 +524,9 @@ const ItemMenu = ({ item, menu }) => {
                 : null)));
 };
 const NewWrapper = ({ isNew, children, }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     if (isNew) {
-        return (React__namespace["default"].createElement(index$5.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
+        return (React__namespace["default"].createElement(index$6.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
                 root: {
                     paddingRight: 10,
                 },
@@ -699,13 +698,13 @@ const StyledItem$6 = styled__default["default"].a `
 
 const Item$4 = ({ item, index = 0 }) => {
     var _a;
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
     const href = `${statics.CARE_URL_FE}/${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${item.slug}-${item.id}`;
     return (React__namespace["default"].createElement(StyledItem$6, { key: item.id, href: href, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index + 1}`, "data-event-label": href },
-        React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
+        React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
         React__namespace["default"].createElement(StyledImageCard$3, null,
             React__namespace["default"].createElement(StyledImageCardInner, null,
                 React__namespace["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.logo || '/images/avatar.jpg' }))),
@@ -714,7 +713,7 @@ const Item$4 = ({ item, index = 0 }) => {
             React__namespace["default"].createElement(StyledDes$2, null, item.description),
             React__namespace["default"].createElement(StyledBtnView$2, null,
                 t('home.seeMore'),
-                React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
+                React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
                         width: '16px',
                         height: '16px',
                         marginTop: '3px',
@@ -793,15 +792,15 @@ const SpotlightNoData = ({ title, link, description, cta, icon }) => {
     return (React__namespace["default"].createElement(StyledContainerNoPosts, { "data-theme": siteType },
         React__namespace["default"].createElement(StyledLeft, null,
             React__namespace["default"].createElement("img", { src: siteType === 'marryBaby'
-                    ? index$6.CommonGAssets.getAssetPath('navMBSpotlightBgNoData.svg')
-                    : index$6.CommonGAssets.getAssetPath('navSpotlightBgNoData.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
+                    ? index$7.CommonGAssets.getAssetPath('navMBSpotlightBgNoData.svg')
+                    : index$7.CommonGAssets.getAssetPath('navSpotlightBgNoData.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
             React__namespace["default"].createElement(StyledContentLeft, null, icon && React__namespace["default"].createElement("img", { src: icon, width: 64, height: 64, loading: "lazy" }))),
         React__namespace["default"].createElement("div", null,
             title && React__namespace["default"].createElement(StyledTitle$4, null, title),
             description && React__namespace["default"].createElement(StyledDescription, null, description),
             cta && (React__namespace["default"].createElement("div", null,
                 React__namespace["default"].createElement("a", { href: link },
-                    React__namespace["default"].createElement(index$7.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
+                    React__namespace["default"].createElement(index$8.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
 };
 
 const StyledItemGridRight = styled__default["default"].div `
@@ -848,17 +847,17 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(StyledItemGridRight, null,
         React__namespace["default"].createElement(StyledHeading$1, null,
-            React__namespace["default"].createElement(index$8.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
+            React__namespace["default"].createElement(index$9.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
             viewMore && (React__namespace["default"].createElement(StyledViewMore$1, { "data-event-category": "Hamburger Navigation", "data-event-action": dataEventAction, "data-event-label": link, href: link, "data-theme": siteType },
                 viewMore,
                 React__namespace["default"].createElement("img", { src: siteType === 'marryBaby'
-                        ? index$6.CommonGAssets.getAssetPath('chevronRightPink.svg')
-                        : index$6.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))),
+                        ? index$7.CommonGAssets.getAssetPath('chevronRightPink.svg')
+                        : index$7.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))),
         children));
 };
 
 const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightHospitals') }, spotlights.length !== 0 ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         React__namespace["default"].createElement(StyledContainerItems$5, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 3).map((s, index) => (React__namespace["default"].createElement(Item$4, { key: index, index: index, item: s })))),
@@ -868,7 +867,7 @@ const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
                 right: '1rem',
             } },
             React__namespace["default"].createElement("a", { href: hrefViewMore },
-                React__namespace["default"].createElement(index$7.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$6.CommonGAssets.getAssetPath('community.svg') }))));
+                React__namespace["default"].createElement(index$8.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$7.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 var styles$1 = {"gridContainer":"q3nL5cp","container":"_2DNf80G","closeWrapper":"Q-glX-n"};
@@ -881,10 +880,10 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, stylesContainer, }) => {
     return (React__namespace["default"].createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__namespace["default"].createElement(index$9.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
+        React__namespace["default"].createElement(index$a.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
             !hideCloseBtn && (React__namespace["default"].createElement("div", { className: styles$1.container },
                 React__namespace["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
-            React__namespace["default"].createElement(index$9.Container, { className: styles$1.gridContainer, style: stylesContainer }, children))));
+            React__namespace["default"].createElement(index$a.Container, { className: styles$1.gridContainer, style: stylesContainer }, children))));
 };
 
 const Phone = (_a) => {
@@ -1029,7 +1028,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
     return (React__namespace["default"].createElement(StyledItemGridLeft, null,
         React__namespace["default"].createElement("div", null,
             React__namespace["default"].createElement(StyledHeading, null,
-                React__namespace["default"].createElement(index$8.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
+                React__namespace["default"].createElement(index$9.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
             menuItems.slice(0, 6).map((item, index) => {
                 const rawHref = (item === null || item === void 0 ? void 0 : item.link)
                     ? (item === null || item === void 0 ? void 0 : item.link.startsWith('http'))
@@ -1048,14 +1047,14 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                 titleBtnViewMore,
                 React__namespace["default"].createElement(StyledImageWrapper, null,
                     React__namespace["default"].createElement("img", { className: "svg", src: siteType === 'marryBaby'
-                            ? index$6.CommonGAssets.getAssetPath('chevronRightPink.svg')
-                            : index$6.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
+                            ? index$7.CommonGAssets.getAssetPath('chevronRightPink.svg')
+                            : index$7.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
 };
 const CategoriesItem = ({ href, menuItem, activeItem, siteType, onClick, }) => {
     const { name, thumbnail, link, linkTarget, isNew, id, isMobileAppTool,
     // Break line
      } = menuItem;
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const theme = core$1.useMantineTheme();
     return (React__namespace["default"].createElement(StyledItem$5, { className: core$1.clsx('iconMenu', `itemMenu-${id}`), "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": link, "data-is-heading-category": false, "data-active": id && id === activeItem, "data-is-mobile-tool": isMobileAppTool, href: href, target: linkTarget || !SiteWideBanner.isInternalLink(href) ? '_blank' : undefined, "data-theme": siteType, onClick: onClick },
         React__namespace["default"].createElement("div", { className: "icon" },
@@ -1072,11 +1071,11 @@ const CategoriesItem = ({ href, menuItem, activeItem, siteType, onClick, }) => {
                     paddingRight: isNew ? 10 : 0,
                 } },
                 React__namespace["default"].createElement("p", { className: "name" }, name),
-                isMobileAppTool && (React__namespace["default"].createElement(index$4.Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
+                isMobileAppTool && (React__namespace["default"].createElement(index$5.Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
         isMobileAppTool && (React__namespace["default"].createElement(StyledIconNav, null,
             React__namespace["default"].createElement(Phone, { className: "phone-icon", size: 16 }))),
         React__namespace["default"].createElement(StyledIconNav, { className: "arrow-icon" },
-            React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+            React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
 };
 const ExtraCategories = ({ menuItems, siteType, onClick, }) => {
     return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
@@ -1088,7 +1087,7 @@ const ExtraCategories = ({ menuItems, siteType, onClick, }) => {
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
     var _a;
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["default"].createElement(Categories, { headingTitle: t('home.navigator.menuItem.specialties'), hrefViewMore: `${statics.CARE_URL_FE}/`, UrlFE: statics.CARE_URL_FE, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allSpecialties'), menuItems: (careSpecialties === null || careSpecialties === void 0 ? void 0 : careSpecialties.map((specialty) => {
@@ -1237,7 +1236,7 @@ const Item$3 = ({ item, index = 0 }) => {
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const spotlightPermalinks = React.useMemo(() => spotlightsList.map((spotlight) => spotlight.permalink), [spotlightsList]);
     const resolvedPermalinks = useResolvedCaptureUrls.useResolvedCaptureUrls(spotlightPermalinks);
@@ -1247,11 +1246,11 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             title: spotlight.name,
             banner: spotlight.image,
             buttonDisplay: spotlight.buttonDisplay,
-        } }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+        } }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$7.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["default"].createElement(Categories, { hrefViewMore: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/categories/`, locale), UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: (categories === null || categories === void 0 ? void 0 : categories.map((cat) => {
@@ -1401,7 +1400,7 @@ const Item$2 = ({ post, index = 0 }) => {
     return (React__namespace["default"].createElement(StyledItem$3, { href: postUrl, "data-event-category": "Hamburger Navigation", "data-event-action": `Together Click ${index + 1}`, "data-event-label": postUrl },
         React__namespace["default"].createElement(StyledContent$1, null,
             React__namespace["default"].createElement(StyledInfoUser, null,
-                React__namespace["default"].createElement(index$a.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
+                React__namespace["default"].createElement(index$b.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
                 React__namespace["default"].createElement(StyledWrapInfo, null,
                     React__namespace["default"].createElement(StyledName, { "data-theme": siteType }, (_e = post.author) === null || _e === void 0 ? void 0 : _e.name),
                     React__namespace["default"].createElement(StyledInfo, null,
@@ -1417,12 +1416,12 @@ const Item$2 = ({ post, index = 0 }) => {
 
 const CommunitySpotlights = ({ spotlights = [] }) => {
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.useTranslations();
-    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.trendingPosts'), viewMore: t('home.navigator.menu.trendingPosts.seeMore'), link: routing.normalizeLink(statics.TOGETHER_URL_FE), dataEventAction: "Together See More Click" }, spotlights.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__namespace["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.together.noPosts.title'), description: t('home.navigator.menu.together.noPosts.description'), link: `${statics.HOME_PAGE_URL}/community/`, cta: t('home.navigator.menu.together.noPosts.cta'), icon: index$6.CommonGAssets.getAssetPath('community.svg') }))));
+    const { t } = index$3.useTranslations();
+    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.trendingPosts'), viewMore: t('home.navigator.menu.trendingPosts.seeMore'), link: routing.normalizeLink(statics.TOGETHER_URL_FE), dataEventAction: "Together See More Click" }, spotlights.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__namespace["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.together.noPosts.title'), description: t('home.navigator.menu.together.noPosts.description'), link: `${statics.HOME_PAGE_URL}/community/`, cta: t('home.navigator.menu.together.noPosts.cta'), icon: index$7.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["default"].createElement(Categories, { hrefViewMore: routing.normalizeLink(statics.TOGETHER_URL_FE), UrlFE: routing.normalizeLinkSlash(statics.TOGETHER_URL_FE), onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCommunities'), menuItems: (communities === null || communities === void 0 ? void 0 : communities.map((community) => {
@@ -1568,7 +1567,7 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 `;
 
 const Item$1 = ({ item, index = 0 }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
@@ -1579,7 +1578,7 @@ const Item$1 = ({ item, index = 0 }) => {
         : undefined;
     return (React__namespace["default"].createElement(StyledItem$2, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link },
         item.isMobileAppTool && React__namespace["default"].createElement(Phone, { size: 20, className: "phone-badge" }),
-        React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
+        React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
         React__namespace["default"].createElement(StyledContentWrapper$1, null,
             React__namespace["default"].createElement(StyledTitle$1, null, item.title),
             React__namespace["default"].createElement(StyledDes$1, { dangerouslySetInnerHTML: { __html: item.subtitle } }),
@@ -1800,7 +1799,7 @@ const StyledWrapName = styled__default["default"].div `
 `;
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
@@ -1817,7 +1816,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
             React__namespace["default"].createElement(StyledDes, null, item.subtitle)),
         React__namespace["default"].createElement(StyledBtnView, null,
             React__namespace["default"].createElement("div", { className: "mobile-only" }, t('home.seeMore')),
-            React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('arrowRightGray.svg'), style: {
+            React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('arrowRightGray.svg'), style: {
                     width: '12px',
                     height: '12px',
                     marginTop: '2px',
@@ -1826,7 +1825,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
     return (React__namespace["default"].createElement(StyledItem$1, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link, "data-color": color },
         React__namespace["default"].createElement("svg", { className: "bg-svg", width: "74", height: "121", viewBox: "0 0 74 121", fill: "none" },
             React__namespace["default"].createElement("path", { d: "M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z", strokeWidth: "0" })),
-        React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('navMBCardDotBg.svg'), className: "dot-svg", loading: "lazy", alt: "" }),
+        React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('navMBCardDotBg.svg'), className: "dot-svg", loading: "lazy", alt: "" }),
         React__namespace["default"].createElement(StyledContentWrapper, null,
             React__namespace["default"].createElement("div", { className: "mobile-only" }, renderIcon()),
             React__namespace["default"].createElement("div", { className: "desktop-only" }, renderName())),
@@ -1835,17 +1834,17 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
 };
 
 const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const marryBabyCardColor = ['pink', 'orange', 'green'];
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightTools') },
         spotlightHealthTools.length !== 0 && (React__namespace["default"].createElement(StyledContainerItems$2, null, spotlightHealthTools === null || spotlightHealthTools === void 0 ? void 0 : spotlightHealthTools.slice(0, 3).map((item, index) => siteType === 'marryBaby' ? (React__namespace["default"].createElement(ItemMarryBaby, { key: index, index: index, item: item, color: marryBabyCardColor[index] })) : (React__namespace["default"].createElement(Item$1, { key: index, index: index, item: item }))))),
-        spotlightHealthTools.length === 0 && (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.healthTools.noDatas.title'), description: t('home.navigator.menu.healthTools.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.healthTools.noDatas.cta'), icon: index$6.CommonGAssets.getAssetPath('community.svg') }))));
+        spotlightHealthTools.length === 0 && (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.healthTools.noDatas.title'), description: t('home.navigator.menu.healthTools.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.healthTools.noDatas.cta'), icon: index$7.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [], healthTools = [], }) => {
     var _a;
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const hrefViewMore = routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
@@ -1879,30 +1878,30 @@ const isHelloWellnessVideo = (video, helloWellnessVideoUrl, helloWellnessVideoTh
     video.thumbnail === helloWellnessVideoThumbnail);
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     var _a, _b, _c;
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { configs: { statics }, ssrMenuContent, } = React.useContext(navigationProfileButton.NavigationContext);
     const helloWellnessVideoMenu = (_c = (_b = (_a = ssrMenuContent === null || ssrMenuContent === void 0 ? void 0 : ssrMenuContent.helloWellness) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.menu) === null || _c === void 0 ? void 0 : _c.videoMenu;
     return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => {
         const isHelloWellness = isHelloWellnessVideo(video, helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.videoUrl, helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.thumbnail);
-        return (React__namespace["default"].createElement(SiteWideBanner.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$b.VideoType.SHORTS }), forceTypeModal: index$b.VideoType.SHORTS, layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: isHelloWellness
+        return (React__namespace["default"].createElement(SiteWideBanner.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$1.VideoType.SHORTS }), forceTypeModal: index$1.VideoType.SHORTS, layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: isHelloWellness
                 ? 'Click to Pin Video'
                 : `Video Click ${index + 1}`, dataEventLabel: isHelloWellness ? video.url : undefined }));
-    }))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    }))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$7.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const listing = React.useMemo(() => [
         {
             name: t('home.navigator.menu.videos'),
             link: `${statics.VIDEO_URL_FE}/video/`,
-            thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/video.svg'),
+            thumbnail: index$7.CommonGAssets.getAssetPath('nav-icons/video.svg'),
         },
         {
             name: t('home.navigator.menu.shorts'),
             link: `${statics.VIDEO_URL_FE}/short/`,
-            thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/short.svg'),
+            thumbnail: index$7.CommonGAssets.getAssetPath('nav-icons/short.svg'),
         },
         // {
         //   name: t('home.navigator.menu.podcasts'),
@@ -1924,7 +1923,7 @@ styled__default["default"].div `
     grid-template-columns: 1fr;
   }
 `;
-const StyleButton = styled__default["default"](index$3.Button) `
+const StyleButton = styled__default["default"](index$4.Button) `
   border: 1px solid ${miscTheme.theme.colors.white} !important;
   .mantine-Button-leftIcon {
     width: ${({ styles }) => (get__default["default"](styles, 'leftIcon.width') || 24) + 'px'};
@@ -2047,8 +2046,8 @@ function HamburgerIcon({ siteType, enableSearch, className, style = {}, size = 2
     const { isWinCashBackTheme } = React.useContext(navigationProfileButton.NavigationContext);
     if (siteType === 'helloSites') {
         return (React__namespace["default"].createElement("div", { className: "hamburger-container" }, isWinCashBackTheme ? (React__namespace["default"].createElement(HamburgerWhite, { width: size, height: size, className: className, style: style })) : (React__namespace["default"].createElement("img", { "data-list-type": "Header", "data-content-type": "Navigation", "data-content-topic": "Hamburger", src: enableSearch
-                ? index$6.CommonGAssets.getAssetPath('hamburgerMenuNewWithSearch.svg')
-                : index$6.CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: size, height: size }, style), alt: "home", className: className, loading: "lazy" }))));
+                ? index$7.CommonGAssets.getAssetPath('hamburgerMenuNewWithSearch.svg')
+                : index$7.CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: size, height: size }, style), alt: "home", className: className, loading: "lazy" }))));
     }
     /** Marry Baby */
     return (React__namespace["default"].createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, style: style },
@@ -2130,10 +2129,10 @@ const Item = ({ item, index = 0 }) => {
                 width: '40px',
                 height: '40px',
             } }),
-        React__namespace["default"].createElement(index$4.Text, { size: "p2", weight: "regular", style: {
+        React__namespace["default"].createElement(index$5.Text, { size: "p2", weight: "regular", style: {
                 marginLeft: 16,
             } }, item.name),
-        React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
+        React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
                 width: '20px',
                 height: '20px',
                 marginLeft: 'auto',
@@ -2141,7 +2140,7 @@ const Item = ({ item, index = 0 }) => {
 };
 
 const EcomSpotlights = ({ helpfulUrls = [], }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     // const { siteType } = useContext(NavigationContext)
     if (!helpfulUrls.length)
         return null;
@@ -2159,7 +2158,7 @@ const EcomSpotlights = ({ helpfulUrls = [], }) => {
 const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], projectType, isHomepage = false, }) => {
     var _a, _b;
     const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, customClasses, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     return (React__namespace["default"].createElement(StyledMasterMenuContainer, { className: customClasses.categoriesMenu, id: "categories-menu" },
         !isHomepage && (React__namespace["default"].createElement(StyleWrapperSearch, { className: "search-wrapper" },
             React__namespace["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: false, isRedirectSearchPage: true }))),
@@ -2208,18 +2207,18 @@ var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAA
 
 const O2O_MENU_DESKTOP_HEIGHT = 40;
 const O2O_MENU_ALLOWED_LOCALES = [
-    Locale.LOCALE.Vietnam,
-    Locale.LOCALE.Malaysia,
+    index$1.LOCALE.Vietnam,
+    index$1.LOCALE.Malaysia,
 ];
 const getO2OContacts = (t) => {
     return {
-        [Locale.LOCALE.Vietnam]: {
+        [index$1.LOCALE.Vietnam]: {
             name: t('navigation.o2oMenu.consultADoctor'),
             imgUrl: FacebookMessageIcon,
             link: 'http://m.me/hellobacsi',
             linkTarget: '_blank',
         },
-        [Locale.LOCALE.Malaysia]: {
+        [index$1.LOCALE.Malaysia]: {
             name: t('navigation.o2oMenu.consultADoctor'),
             imgUrl: WhatsAppMessageIcon,
             link: 'https://medical-weight-loss.hellodoktor.com/ms/choose-doctor',
@@ -2232,7 +2231,7 @@ const canDisplayO2ONavigationMenu = ({ locale, isHomepage, }) => {
 };
 const getO2OCategoryItems = (t) => {
     return {
-        [Locale.LOCALE.Vietnam]: [
+        [index$1.LOCALE.Vietnam]: [
             {
                 name: t('navigation.o2oMenu.vaccination'),
                 link: '/care/dich-vu/tiem-chung/',
@@ -2249,7 +2248,7 @@ const getO2OCategoryItems = (t) => {
                 imgUrl: O2OEggFreezingIcon,
             },
         ],
-        [Locale.LOCALE.Malaysia]: [
+        [index$1.LOCALE.Malaysia]: [
             {
                 name: t('navigation.o2oMenu.vaccination'),
                 link: '/care/vaccination/',
@@ -2624,7 +2623,7 @@ const StyledWrapMenuItems = styled__default["default"].div `
 const StyleWrapperNavigtionSearch = styled__default["default"].div `
   padding: 0 16px 6px;
 `;
-const StyleButtonAiChat = styled__default["default"](index$3.Button) `
+const StyleButtonAiChat = styled__default["default"](index$4.Button) `
   border-radius: 28px;
   border: 1px solid ${miscTheme.theme.colors.neutral200};
   &.ai-doctor-btn {
@@ -2644,7 +2643,7 @@ const StyleButtonAiChat = styled__default["default"](index$3.Button) `
 `;
 
 function O2ONavigationMenu() {
-    const { locale, t } = index$2.useTranslations();
+    const { locale, t } = index$3.useTranslations();
     const o2oCategoryItems = get__default["default"](getO2OCategoryItems(t), locale, []);
     const contact = get__default["default"](getO2OContacts(t), locale);
     if (isEmpty__default["default"](o2oCategoryItems) || isEmpty__default["default"](contact))
@@ -2688,7 +2687,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
     isUserLoading, slot, isWinCashBackTheme: winCashBackTheme, enableO2ONavigationMenu, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { triggerLogin } = store.useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2782,10 +2781,10 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     React__namespace["default"].createElement("div", null,
                         React__namespace["default"].createElement(index$c.Logo, { style: {
                                 display: 'flex',
-                            }, type: logoType, badge: locale === 'id-ID' && (React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server', isLightLogo: winCashBackTheme })))),
+                            }, type: logoType, badge: locale === 'id-ID' && (React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server', isLightLogo: winCashBackTheme })))),
                 !isMobile && (React__namespace["default"].createElement(React__namespace["default"].Fragment, null, siteType === 'marryBaby' ? (React__namespace["default"].createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems, className: customClasses.navMenu })) : (enableSearchBar && (React__namespace["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
             React__namespace["default"].createElement(StyledRightGroup, { className: customClasses.rightGroup, "data-site-type": siteType },
-                !isMobile && siteType !== 'marryBaby' && (React__namespace["default"].createElement(NavigationMenu, { menuItems: menuItems.filter((m) => locale === Locale.LOCALE.Vietnam ? m.id !== 'ecom' : true), originalMenuItems: menuItems, className: customClasses.navMenu })),
+                !isMobile && siteType !== 'marryBaby' && (React__namespace["default"].createElement(NavigationMenu, { menuItems: menuItems.filter((m) => locale === index$1.LOCALE.Vietnam ? m.id !== 'ecom' : true), originalMenuItems: menuItems, className: customClasses.navMenu })),
                 React__namespace["default"].createElement(StyledProfileNavGroup, { className: "profile-nav-group" },
                     languageMenu,
                     enableNavCartCare && winCashBackTheme && (React__namespace["default"].createElement(index$d.CartCareButton, { href: cartHref !== null && cartHref !== void 0 ? cartHref : cartBaseUrl, count: cartHref ? 1 : 0 })),
@@ -2794,7 +2793,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                             _c.SITE_NAME,
                             " AI"))),
                     enableNavClinityDownload && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${(_d = index.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 = index.STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
-                        React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('clinity-download.png'), alt: "Clinity", className: "clinity-logo", style: { display: 'block' } }))),
+                        React__namespace["default"].createElement("img", { src: index$7.CommonGAssets.getAssetPath('clinity-download.png'), alt: "Clinity", className: "clinity-logo", style: { display: 'block' } }))),
                     slot,
                     React__namespace["default"].createElement(navigationProfileButton.NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
                         // SSO_URL={normalizeLink(statics.SSO_URL)}
@@ -3141,7 +3140,7 @@ const formatHelloWellnessPinCategoryItem = (item) => {
     return null;
 };
 const formatHelloWellnessSettings = (settings) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
     if (!settings)
         return {};
     return {
@@ -3163,23 +3162,23 @@ const formatHelloWellnessSettings = (settings) => {
             icon: ((_m = settings.hello_wellness_category) === null || _m === void 0 ? void 0 : _m.icon) || '',
             categoryName: ((_o = settings.hello_wellness_category) === null || _o === void 0 ? void 0 : _o.category_name) || '',
         },
-        landingPage: Object.assign(Object.assign(Object.assign({ bannerDesktop: ((_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.banner_desktop) || '', bannerMobile: ((_q = settings.landing_page) === null || _q === void 0 ? void 0 : _q.banner_mobile) || '', icon: ((_r = settings.landing_page) === null || _r === void 0 ? void 0 : _r.icon) || '', pageName: ((_s = settings.landing_page) === null || _s === void 0 ? void 0 : _s.page_name) || '', pageDescription: ((_t = settings.landing_page) === null || _t === void 0 ? void 0 : _t.page_description) || '', enableSectionBanner: Boolean((_u = settings.landing_page) === null || _u === void 0 ? void 0 : _u.enable_section_banner) }, (((_v = settings.landing_page) === null || _v === void 0 ? void 0 : _v.section_banner) && {
+        landingPage: Object.assign(Object.assign(Object.assign({ icon: ((_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.icon) || '', pageName: ((_q = settings.landing_page) === null || _q === void 0 ? void 0 : _q.page_name) || '', pageDescription: ((_r = settings.landing_page) === null || _r === void 0 ? void 0 : _r.page_description) || '', enableSectionBanner: Boolean((_s = settings.landing_page) === null || _s === void 0 ? void 0 : _s.enable_section_banner) }, (((_t = settings.landing_page) === null || _t === void 0 ? void 0 : _t.section_banner) && {
             sectionBanner: Object.assign(Object.assign({}, (settings.landing_page.section_banner.cta_banner_type ===
                 'single-image'
                 ? formatCTABannerTypeSingleSession(settings.landing_page.section_banner)
                 : formatCTABannerTypeMultiSession(settings.landing_page.section_banner))), { title: settings.landing_page.section_banner.title || '', description: settings.landing_page.section_banner.description || '', backgroundColor: settings.landing_page.section_banner.background_color || '' }),
         })), { sectionCategory: {
-                headerForCategoriesList: ((_x = (_w = settings.landing_page) === null || _w === void 0 ? void 0 : _w.section_category) === null || _x === void 0 ? void 0 : _x.header_for_categories_list) ||
+                headerForCategoriesList: ((_v = (_u = settings.landing_page) === null || _u === void 0 ? void 0 : _u.section_category) === null || _v === void 0 ? void 0 : _v.header_for_categories_list) ||
                     '',
-                categories: ((_0 = (_z = (_y = settings.landing_page) === null || _y === void 0 ? void 0 : _y.section_category) === null || _z === void 0 ? void 0 : _z.category) === null || _0 === void 0 ? void 0 : _0.map((category) => utils$1.formatCategory(category))) || [],
+                categories: ((_y = (_x = (_w = settings.landing_page) === null || _w === void 0 ? void 0 : _w.section_category) === null || _x === void 0 ? void 0 : _x.category) === null || _y === void 0 ? void 0 : _y.map((category) => utils$1.formatCategory(category))) || [],
             } }), (() => {
             var _a;
             const sectionArticle = formatHelloWellnessSectionArticle((_a = settings.landing_page) === null || _a === void 0 ? void 0 : _a.section_article);
             return sectionArticle ? { sectionArticle } : {};
         })()),
         pinArticleForEachCategory: {
-            sponsorLogo: ((_1 = settings.pin_article_for_each_category) === null || _1 === void 0 ? void 0 : _1.sponsor_logo) || '',
-            listCategories: ((_3 = (_2 = settings.pin_article_for_each_category) === null || _2 === void 0 ? void 0 : _2.list_categories) === null || _3 === void 0 ? void 0 : _3.map(formatHelloWellnessPinCategoryItem).filter(Boolean)) || [],
+            sponsorLogo: ((_z = settings.pin_article_for_each_category) === null || _z === void 0 ? void 0 : _z.sponsor_logo) || '',
+            listCategories: ((_1 = (_0 = settings.pin_article_for_each_category) === null || _0 === void 0 ? void 0 : _0.list_categories) === null || _1 === void 0 ? void 0 : _1.map(formatHelloWellnessPinCategoryItem).filter(Boolean)) || [],
         },
     };
 };
@@ -3319,7 +3318,7 @@ const useInsider = () => {
 };
 
 const useNavServices = () => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(navigationProfileButton.NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const enableNavViewMore = [enableAppIntroPage, enableNavCare, enableNavEcom].filter(Boolean).length >
@@ -3334,8 +3333,8 @@ const useNavServices = () => {
                 link: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/categories/`, locale),
                 niceName: '',
                 thumbnail: isMarryBaby
-                    ? index$6.CommonGAssets.getAssetPath('categories-mb.svg')
-                    : index$6.CommonGAssets.getAssetPath('nav-icons/discover.svg'),
+                    ? index$7.CommonGAssets.getAssetPath('categories-mb.svg')
+                    : index$7.CommonGAssets.getAssetPath('nav-icons/discover.svg'),
                 popupType: 'categories',
             });
         enableNavVideo &&
@@ -3344,7 +3343,7 @@ const useNavServices = () => {
                 id: 'video',
                 link: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/videos/`, locale),
                 niceName: '',
-                thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/video.svg'),
+                thumbnail: index$7.CommonGAssets.getAssetPath('nav-icons/video.svg'),
                 popupType: 'video',
             });
         enableNavHealthTools &&
@@ -3353,8 +3352,8 @@ const useNavServices = () => {
                 id: 'tools',
                 link: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale),
                 thumbnail: isMarryBaby
-                    ? index$6.CommonGAssets.getAssetPath('healthtools-mb.svg')
-                    : index$6.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
+                    ? index$7.CommonGAssets.getAssetPath('healthtools-mb.svg')
+                    : index$7.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
                 popupType: 'tools',
             });
         enableNavTogether &&
@@ -3363,8 +3362,8 @@ const useNavServices = () => {
                 id: 'together',
                 link: routing.normalizeLinkSlash(statics.TOGETHER_URL_FE + '/'),
                 thumbnail: isMarryBaby
-                    ? index$6.CommonGAssets.getAssetPath('community-mb.svg')
-                    : index$6.CommonGAssets.getAssetPath('nav-icons/community.svg'),
+                    ? index$7.CommonGAssets.getAssetPath('community-mb.svg')
+                    : index$7.CommonGAssets.getAssetPath('nav-icons/community.svg'),
                 popupType: 'together',
             });
         enableNavEcom &&
@@ -3372,7 +3371,7 @@ const useNavServices = () => {
                 name: t('home.navigator.menuItem.helloEcom'),
                 id: 'ecom',
                 link: routing.normalizeLinkSlash(routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/shop/`, locale)),
-                thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/shop.svg'),
+                thumbnail: index$7.CommonGAssets.getAssetPath('nav-icons/shop.svg'),
                 popupType: null,
             });
         enableNavCare &&
@@ -3382,7 +3381,7 @@ const useNavServices = () => {
                 link: locale === 'ms-MY'
                     ? 'https://medical-weight-loss.hellodoktor.com/ms/choose-doctor'
                     : routing.normalizeLinkSlash(statics.HOME_PAGE_URL + '/care/'),
-                thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/care.svg'),
+                thumbnail: index$7.CommonGAssets.getAssetPath('nav-icons/care.svg'),
                 popupType: null,
             });
         enableNavViewMore &&
@@ -3447,6 +3446,12 @@ const StyledContainer = styled__default["default"].div `
     --amp-site-wide-closed: 66px;
   }
   pointer-events: none;
+  > section
+    *:not([data-cart-menu] *):not([data-search-animation-wrapper] *):not(
+      [data-search-animation-wrapper]
+    ) {
+    pointer-events: auto;
+  }
 `;
 
 const _NavigationV2 = (props) => {