@hhgtech/hhg-components 1.29.521 → 1.29.522

package/build/esm/{index-66853e4d.js → index-3394ba60.js}

@@ -1,51 +1,54 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4d86d0e7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3853d4a3.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-7fb6ae94.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-1b1dfe6d.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-c0ed1917.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-364b6f3b.js';
+import React__default, { useContext, useState, useCallback, useMemo, useEffect, useRef } from 'react';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-4ce52e06.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-1aedcee7.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-97aee973.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-c43f3540.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-feee9b2c.js';
+import { I as Input, D as DEBOUNCED_TIME } from './index-ec6a8b5e.js';
+import './translationsContext-a950b1d4.js';
+import { L as LOCALE } from './Locale-6abc9284.js';
+import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { I as Input } from './index-55f5e1ad.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-0f9e0f69.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-c5834248.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
-import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-868cc17e.js';
+import { createStyles, Box, Indicator, useMantineTheme, clsx, Flex } from '@mantine/core';
+import { L as Logo$1 } from './index-c400ba9e.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-075aea53.js';
-import { C as CommonGAssets } from './index-f05a642d.js';
-import './index-317ce468.js';
-import { T as Text } from './index-a4fbae0b.js';
-import { B as Button } from './index-1fd9b1a2.js';
-import './index-da56e05f.js';
-import './index.styles-f69f093d.js';
+import { V as VideoType } from './index-5704da2b.js';
+import { C as CommonGAssets } from './index-feb9eb50.js';
+import './index-324d1815.js';
+import { T as Text } from './index-05053064.js';
+import { B as Button } from './index-044e2f16.js';
+import './index-4e9f3dc3.js';
+import './index.styles-ca5d34f7.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d14a4831.js';
-import './index-86a781a9.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-7ccfd6d4.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-b9cc8631.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-ed00cb10.js';
-import { I as Indicator$1 } from './index-ac07f853.js';
-import { u as useTranslations } from './index-04d422be.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-90dbca05.js';
-import { L as LOCALIZED_SLUGS } from './constants-2bb5d1df.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-ee9cf19f.js';
+import './index-2c8bdd23.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-7f92603d.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-7b7b05b2.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-a9eb2002.js';
+import { I as Indicator$1 } from './index-8f4c2469.js';
+import { u as useTranslations } from './index-d4adda73.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-f12539a6.js';
+import { L as LOCALIZED_SLUGS } from './constants-9b735ed4.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-d55b2554.js';
-import { H as Heading } from './index-04690731.js';
-import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, Z as Z_INDEX, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-ff4d80b7.js';
-import { C as Container } from './index-40776deb.js';
+import { B as Button$1 } from './index-1a2437e2.js';
+import { H as Heading } from './index-375bf97c.js';
+import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, Z as Z_INDEX, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-d0acd18e.js';
+import { C as Container } from './index-32ea5cc4.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-cfc42c9f.js';
-import { C as CartCareButton } from './index-4e693096.js';
-import { L as LOCALE } from './Locale-c91569c7.js';
+import { U as UserAvatar } from './index-2bc027b6.js';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
+import { C as CartCareButton } from './index-79459a2f.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-95f39c6d.js';
+import { g as getDataWithCache } from './core-3c069436.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" }),
@@ -56,7 +59,30 @@ const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "
     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" })));
 
+const ALLOW_SHOW_SEARCH_ANIMATION = [LOCALE.Vietnam, LOCALE.Malaysia];
+const TEXT_PLACEHOLDER_INPUT = {
+    [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.Malaysia]: [
+        'navigation.search.input.placeholder.animation.authenticProducts',
+        'navigation.search.input.placeholder.animation.findNearestClinic',
+        'navigation.search.input.placeholder.animation.reputableFacilities',
+        'navigation.search.input.placeholder.animation.freeConsultation',
+        'navigation.search.input.placeholder.animation.chatWithDoctorOnPlatform',
+    ],
+};
+const TIME_ANIMATION_SEARCH_INPUT = 5000;
+const TIME_ANIMATION_SEARCH_INPUT_DELAY = TIME_ANIMATION_SEARCH_INPUT - 2000;
+
 const StyleInput = styled(Input) `
+  position: relative;
+  z-index: 0;
+
   .mantine-Input-input {
     border-radius: 40px;
     background: ${theme.colors.white};
@@ -83,13 +109,80 @@ const StyleInput = styled(Input) `
     justify-content: center;
     align-items: center;
   }
+`;
+const StyleSearchInputAnimationWrapper = styled.div `
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+
+  & > * {
+    pointer-events: none;
+  }
+  &[hidden='true'] {
+    display: none;
+  }
+  &[hidden='false'] {
+    display: block;
+  }
+`;
+const textRevealAnimation = keyframes `
+  0% {
+    left: 0;
+  }
+  100% {
+    left: 100%;
+  }
+`;
+const StyledTextAnimationWrapper = styled.div `
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translate(42px, -50%);
+
+  width: calc(
+    100% - 42px - 42px
+  ); // minus the left and right padding of the input
+`;
+const StyleSearchInputWrapper = styled.div `
+  position: relative;
+`;
+const StyledTextAnimation = styled.p `
+  font-size: 13px;
+  color: ${theme.colors.gray400};
+  line-height: 20px;
+  letter-spacing: -0.3px;
+  font-weight: 500;
+  position: relative;
+
+  display: block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  user-select: none;
+
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-color: ${theme.colors.white};
+    animation: ${textRevealAnimation} ${TIME_ANIMATION_SEARCH_INPUT_DELAY}ms
+      linear forwards;
+  }
 `;
 
 const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
 const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
     const { locale, siteType, isWinCashBackTheme: winCashBackTheme, } = useContext(NavigationContext);
     const [keyword, setKeyword] = useState('');
+    const [isFocused, setIsFocused] = useState(false);
     const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
+    const [currentTextIndex, setCurrentTextIndex] = useState(0);
     const { t } = useTranslations();
     const goToSearchPage = useCallback((searchValue = '') => {
         let sourceParam = '';
@@ -111,6 +204,11 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         searchParams.delete('page');
         window.location.href = `/search/?${searchParams.toString()}`;
     }, [projectType]);
+    const debouncedTime = useMemo(() => {
+        return ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)
+            ? 0
+            : DEBOUNCED_TIME;
+    }, [locale]);
     const goBack = useCallback(() => {
         const historyBackUrl = localStorage.getItem(HHG_SEARCH_BACK_KEY);
         if (!historyBackUrl) {
@@ -132,34 +230,69 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             setKeyword(searchValue);
         }
     }, []);
+    useEffect(() => {
+        if (!keyword && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
+            const texts = TEXT_PLACEHOLDER_INPUT[locale];
+            if (texts && texts.length > 0) {
+                setCurrentTextIndex(0);
+                const interval = setInterval(() => {
+                    setCurrentTextIndex((prevIndex) => (prevIndex + 1) % texts.length);
+                }, TIME_ANIMATION_SEARCH_INPUT);
+                return () => clearInterval(interval);
+            }
+        }
+        else {
+            setCurrentTextIndex(0);
+        }
+    }, [keyword, locale, isFocused]);
+    const getPlaceholder = useMemo(() => {
+        if (ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) && !isFocused) {
+            return undefined;
+        }
+        if (siteType === 'marryBaby') {
+            return t('navigation.search.input.placeholder');
+        }
+        return t('home.search', {
+            site: LOCALE_SPECS[locale || 'en-PH']
+                ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+                : '',
+        });
+    }, [locale, siteType, t, isFocused]);
     return isMobile && !isHomepage ? (React__default.createElement(Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
         React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
                 verticalAlign: 'bottom',
             } },
-            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: siteType === 'marryBaby'
-            ? t('navigation.search.input.placeholder')
-            : t('home.search', {
-                site: LOCALE_SPECS[locale || 'en-PH']
-                    ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
-                    : '',
-            }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
-            goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
-            e.preventDefault();
-            if ((isMobile && isHomepage) || isRedirectSearchPage) {
-                goToSearchPage('');
-            }
-        }, rightSection: keyword ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
-            React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : winCashBackTheme ? (React__default.createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleSearchInputWrapper, null,
+        React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: getPlaceholder, onChange: setKeyword, debouncedTime: debouncedTime, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
+                goToSearchPage(e.target.value), onBlur: () => {
+                setIsFocused(false);
+                setCurrentTextIndex(0);
+            }, type: "search", onFocus: (e) => {
+                e.preventDefault();
                 if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
-            } },
-            React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
-                    verticalAlign: 'bottom',
+                setIsFocused(true);
+            }, rightSection: keyword ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
+                React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : winCashBackTheme ? (React__default.createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+                    if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                        goToSearchPage('');
+                    }
                 } },
-                React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }));
+                React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
+                        verticalAlign: 'bottom',
+                    } },
+                    React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }),
+        !keyword &&
+            ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) &&
+            !isFocused && (React__default.createElement(StyleSearchInputAnimationWrapper, { id: "search-input-animation-wrapper", "data-search-animation-wrapper": true }, (() => {
+            const texts = TEXT_PLACEHOLDER_INPUT[locale];
+            const currentText = texts === null || texts === void 0 ? void 0 : texts[currentTextIndex];
+            return currentText ? (React__default.createElement(StyledTextAnimationWrapper, { key: `${currentText}-${currentTextIndex}` },
+                React__default.createElement(StyledTextAnimation, null, t(currentText)))) : null;
+        })()))));
 };
 
 const getEcomUrl = ({ path, locale, }) => {
@@ -611,6 +744,13 @@ const StyledItemGridLeft = styled.div `
     justify-content: space-between;
   }
 `;
+const StyledCategoryList$1 = styled.div `
+  padding: 5px 15px;
+`;
+const StyledCategoryDivider = styled.div `
+  height: 4px;
+  background-color: #e4e8ec;
+`;
 const StyledItem$5 = styled.a `
   padding: 10px 0;
   position: relative;
@@ -725,8 +865,6 @@ const StyledViewMore = styled.a `
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
     const { siteType } = useContext(NavigationContext);
-    const { t } = useTranslations();
-    const theme = useMantineTheme();
     return (React__default.createElement(StyledItemGridLeft, null,
         React__default.createElement("div", null,
             React__default.createElement(StyledHeading, null,
@@ -737,28 +875,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                         ? item === null || item === void 0 ? void 0 : item.link
                         : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                     : '/';
-                return (React__default.createElement(StyledItem$5, Object.assign({ className: clsx('iconMenu', `itemMenu-${item.id}`), "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
-                    target: '_blank',
-                }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
-                    React__default.createElement("div", { className: "icon" },
-                        React__default.createElement("img", { loading: "lazy", alt: item.name, src: item.thumbnail || '/images/avatar.jpg', style: {
-                                width: 32,
-                                height: 32,
-                                maxWidth: 32,
-                                maxHeight: 32,
-                                overflow: 'hidden',
-                            } })),
-                    React__default.createElement(NewWrapper, { isNew: item.isNew },
-                        React__default.createElement("div", { style: {
-                                padding: '0 0.4rem',
-                                paddingRight: item.isNew ? 10 : 0,
-                            } },
-                            React__default.createElement("p", { className: "name" }, item.name),
-                            item.isMobileAppTool && (React__default.createElement(Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
-                    item.isMobileAppTool && (React__default.createElement(StyledIconNav, null,
-                        React__default.createElement(Phone, { className: "phone-icon", size: 16 }))),
-                    React__default.createElement(StyledIconNav, { className: "arrow-icon" },
-                        React__default.createElement("img", { src: CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+                return (React__default.createElement(CategoriesItem, { key: index, menuItem: item, href: href, activeItem: activeItem, siteType: siteType, onClick: onClosePopup }));
             })),
         titleBtnViewMore && (React__default.createElement(StyledViewMore, { "data-theme": siteType, style: { textDecoration: 'none' }, href: hrefViewMore, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": hrefViewMore },
             React__default.createElement(StyledItemAll, { onClick: onClosePopup, "data-theme": siteType, "data-is-heading-category": false },
@@ -767,6 +884,40 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                     React__default.createElement("img", { className: "svg", src: siteType === 'marryBaby'
                             ? CommonGAssets.getAssetPath('chevronRightPink.svg')
                             : 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 } = useTranslations();
+    const theme = useMantineTheme();
+    return (React__default.createElement(StyledItem$5, { className: 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 || !isInternalLink(href) ? '_blank' : undefined, "data-theme": siteType, onClick: onClick },
+        React__default.createElement("div", { className: "icon" },
+            React__default.createElement("img", { loading: "lazy", alt: name, src: thumbnail || '/images/avatar.jpg', style: {
+                    width: 32,
+                    height: 32,
+                    maxWidth: 32,
+                    maxHeight: 32,
+                    overflow: 'hidden',
+                } })),
+        React__default.createElement(NewWrapper, { isNew: isNew },
+            React__default.createElement("div", { style: {
+                    padding: '0 0.4rem',
+                    paddingRight: isNew ? 10 : 0,
+                } },
+                React__default.createElement("p", { className: "name" }, name),
+                isMobileAppTool && (React__default.createElement(Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
+        isMobileAppTool && (React__default.createElement(StyledIconNav, null,
+            React__default.createElement(Phone, { className: "phone-icon", size: 16 }))),
+        React__default.createElement(StyledIconNav, { className: "arrow-icon" },
+            React__default.createElement("img", { src: CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+};
+const ExtraCategories = ({ menuItems, siteType, onClick, }) => {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(StyledCategoryDivider, null),
+        React__default.createElement(StyledCategoryList$1, null, menuItems.map((item, index) => {
+            return (React__default.createElement(CategoriesItem, { key: index, menuItem: item, href: item.link, siteType: siteType, onClick: onClick }));
+        }))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -1597,8 +1748,8 @@ styled.div `
 const StyleButton = styled(Button) `
   border: 1px solid ${theme.colors.white} !important;
   .mantine-Button-leftIcon {
-    width: 24px;
-    height: 24px;
+    width: ${({ styles }) => (get(styles, 'leftIcon.width') || 24) + 'px'};
+    height: ${({ styles }) => (get(styles, 'leftIcon.height') || 24) + 'px'};
   }
 `;
 const StyleWrapperIcon = styled.div `
@@ -1713,15 +1864,15 @@ function ClosePopupIcon({ className }) {
             React__default.createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" }))));
 }
 
-function HamburgerIcon({ siteType, enableSearch, className, style, }) {
+function HamburgerIcon({ siteType, enableSearch, className, style = {}, size = 24, }) {
     const { isWinCashBackTheme } = useContext(NavigationContext);
     if (siteType === 'helloSites') {
-        return (React__default.createElement("div", { className: "hamburger-container" }, isWinCashBackTheme ? (React__default.createElement(HamburgerWhite, { className: className })) : (React__default.createElement("img", { "data-list-type": "Header", "data-content-type": "Navigation", "data-content-topic": "Hamburger", src: enableSearch
+        return (React__default.createElement("div", { className: "hamburger-container" }, isWinCashBackTheme ? (React__default.createElement(HamburgerWhite, { width: size, height: size, className: className, style: style })) : (React__default.createElement("img", { "data-list-type": "Header", "data-content-type": "Navigation", "data-content-topic": "Hamburger", src: enableSearch
                 ? CommonGAssets.getAssetPath('hamburgerMenuNewWithSearch.svg')
-                : CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: '24px', height: '24px' }, style), alt: "home", className: className, loading: "lazy" }))));
+                : CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: size, height: size }, style), alt: "home", className: className, loading: "lazy" }))));
     }
     /** Marry Baby */
-    return (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
+    return (React__default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, style: style },
         React__default.createElement("path", { d: "M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9", fill: "#3E3F58" })));
 }
 
@@ -1826,7 +1977,7 @@ const EcomSpotlights = ({ helpfulUrls = [], }) => {
     )));
 };
 
-const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
+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, } = useContext(NavigationContext);
     const { t } = useTranslations();
@@ -1834,7 +1985,10 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
         !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 }),
+            React__default.createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), titleBtnViewMore: (extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length)
+                    ? undefined
+                    : t('home.navigator.menuItem.allCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
+            !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__default.createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType, onClick: closePopup })),
             activeMenuService === 'categories' && (React__default.createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
             activeMenuService === 'tools' && (React__default.createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__default.createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
@@ -1843,7 +1997,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
             activeMenuService === 'video' && (React__default.createElement(VideoSpotlights, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights, layout: "stack" })))));
 };
 
-const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
+const HamburgerMenu = ({ menuItems, extraMenuItems, isHomepage, projectType, }) => {
     const { siteType } = useContext(NavigationContext);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     return (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
@@ -1851,11 +2005,153 @@ const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
             React__default.createElement("div", { className: styles.menuIcon, ref: containerRef, role: "button", tabIndex: 0, onBlur: onContainerBlur, onFocus: onContainerFocus },
                 React__default.createElement("div", { className: styles.menuIconWrapper, onMouseDown: onButtonMouseDown, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": "Hamburger Navigation URL" },
                     React__default.createElement(ClosePopupIcon, { className: "mobile-close-icon" }),
-                    React__default.createElement(HamburgerIcon, { siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon" })),
-                React__default.createElement(MenuServiceList, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
+                    React__default.createElement(HamburgerIcon, { size: 24, siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon" })),
+                React__default.createElement(MenuServiceList, { menuItems: menuItems, extraMenuItems: extraMenuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
 };
 
+var img$5 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVgSURBVHgB7Zs9bBxFGIbf2TvFh1NwEpQgXxpEhe2KnwLZoqAhBAqgIeJSxEERkoMQFCSSbWE3RAhb/MWmsK10bjByGgrLDgXQJaGk4ZBoERcJ7DtjbvK9u3en2/P+zO5NfD/yI0Xx7s6e573322++mR0DJww2Cg+J05f12OEBJpwMRuSwAI2CBvJtv70kHSjLTyWlcVtlUfr3a3UXDxFrgvNXdH7/HxRVBud0DWNKtYkzRGuUHQe78hnf505js7yoyrBIx4Jz7+oJ6dy0ODiRVmQYFK8cbEov5yo3VAkWSC2YQkXkDIXiOFBYsyE8sWCGbnUPM/I8XkF3mK2sqDmkJJFg19UaVsEk1F1KcDCZxm3HtOHQJT0tYnfQfbGkoGq4MzylX0NCjATnpvSMDBuL6CE4xNWA79i3JPfFhnT9A2fR2xg/15GC+0SsRwbFyjdqPa5ZqODcRV2Uq6voE1ixOVlMxlVqgYIlGxd6KEEloZQbxnhUdRaYtKRy+hz9J5YU9qVGiGpwxOF+C+VAvDF6N/hSOwqJ0nxPosM1+AS77vZnKPuR+t6tCgPwOzwI7jYIcbkpuP6NFNDDjDwGXH8TOP+8QWNxmROd9tPZlgbvwBL5YeDsKPDjb8Aff8EK518APn3D+2xS3gO27kXfI7O6ovznK4lbBU/AEuwYO0jmbwFfbXsdTAMFLosVr44dPR+HVjiHNsHusMT1p/8PcQcWeFvC7dui/xxdnlrzHE/Ci08BK0UvlNs/7+mP4+9n9TU0jDOthYj7DOtDO88uO3btbPD5Hz4I7nwQdI/PKu8Jav/yZzCCM6r/DvzaPMGWwvnqK9GCmGwoIirp0NVfrgHvvRR8fX4rWV6oHfq1eYIdjKJDGMqN5zYKfiF0OsjtKFcJhS7cQjKU32E3acnkPq+RnrBQjoIu082FumPX3wKeeSL6HuaBpIiuR1uPs/WTHS2vxoVyGA23TfhyO3nSq1NoPTBe0wqDLpmEcicwAijYBh0LNnWoExa27BUwHQnmc5smlJNw82fvny1SC6ZQPrtRsLriMPLrn0iFm5W30BFSfNxvPXYFyzuhxG/sOHxEwQTz3Lw3jDz7CfDRRvLy0lIol1oPGoXHfSQgKpQp6sMNrxpq7ewX294XcPMnGGEtlHWQYJg7HBXKDVfDMqpbU69742mUczZCuYEUVT5truBsFrswJCyUg1wNg86xbZjb/MJsZeVczi+4uYg3NKX/VjEFSNBMiAnp4mr6xMSK62rLI8IoMZ0cxMHIra6o8dZzzfmwo+Stu0bky6nRJ/3HdIJJKe1cl9BtiuSXOfK4vVAmoul2+7mmw3wTx5dTUR9AFzYuewLZsZSl3rGRyWK8/U1EU3C+qPP7p/C7gt1tC90iKJxJs/Aor6myiF3CgKCcYC2+Nw8D47JCqbKszgRd8pWWA+OyQui74iO1dO5AVvmUvzrpK+juDbUWdvmIYLosN11AH6K5q09hMqpN4GyJb95k2afvQlvExO7jit7ycEnvHNvGs86Zq6yo2bhGkfPhXBWvKySfOnaBdROxJHYXD4eq6insyPMxht6EYoumjWNXPJjEhg4w2YtOy8LFUhKxxGiJh6Klzo7dEnRcMBuLAe/vL6vE+z2zpg0la5ft7a7uAJnVibMX9lPuqjUW3G3oKocdcbWjLZA9L7gevkuPDGPRxu74nhTsilTuTvj1an37UQV2MBeckfq6FnzJDTfpnJPBGifc9X3VE3J+VMKwEDWk1R1kfuCKyz2Z1t2thuyxsoFxGgqaOjbCLWcQbtxgUqn4p52ywFa2/UcccSTKu+4ykMI0f3ak1t5bUZs44YSe4gGbY+ZLobpDPQAAAABJRU5ErkJggg==";
+  var FacebookMessageIcon = img$5;
+
+var img$4 = "data:image/png;base64,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";
+  var O2OEggFreezingIcon = img$4;
+
+var img$3 = "data:image/png;base64,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";
+  var O2OHealthScreenerIcon = img$3;
+
+var img$2 = "data:image/png;base64,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";
+  var O2OVaccinationIcon = img$2;
+
+var img$1 = "data:image/png;base64,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";
+  var O2OWeightLossIcon = img$1;
+
+var img = "data:image/png;base64,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";
+  var WhatsAppMessageIcon = img;
+
+const O2O_MENU_DESKTOP_HEIGHT = 40;
+const O2O_MENU_ALLOWED_LOCALES = [
+    LOCALE.Vietnam,
+    LOCALE.Malaysia,
+];
+const getO2OContacts = (t) => {
+    return {
+        [LOCALE.Vietnam]: {
+            name: t('navigation.o2oMenu.consultADoctor'),
+            imgUrl: FacebookMessageIcon,
+            link: 'http://m.me/hellobacsi',
+            linkTarget: '_blank',
+        },
+        [LOCALE.Malaysia]: {
+            name: t('navigation.o2oMenu.consultADoctor'),
+            imgUrl: WhatsAppMessageIcon,
+            link: 'https://api.whatsapp.com/send/?phone=601133221899&text=MULA+SEKARANG&type=phone_number&app_absent=0',
+            linkTarget: '_blank',
+        },
+    };
+};
+const canDisplayO2ONavigationMenu = ({ locale, isHomepage, }) => {
+    return O2O_MENU_ALLOWED_LOCALES.includes(locale) && !isHomepage;
+};
+const getO2OCategoryItems = (t) => {
+    return {
+        [LOCALE.Vietnam]: [
+            {
+                name: t('navigation.o2oMenu.vaccination'),
+                link: '/care/dich-vu/tiem-chung/',
+                imgUrl: O2OVaccinationIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.healthScreeners'),
+                link: '/care/dich-vu/xet-nghiem/',
+                imgUrl: O2OHealthScreenerIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.eggFreezing'),
+                link: '/care/dich-vu/dong-lanh-trung/',
+                imgUrl: O2OEggFreezingIcon,
+            },
+        ],
+        [LOCALE.Malaysia]: [
+            {
+                name: t('navigation.o2oMenu.vaccination'),
+                link: '/care/vaccination/',
+                imgUrl: O2OVaccinationIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.healthScreeners'),
+                link: '/care/health-screener/',
+                imgUrl: O2OHealthScreenerIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.weightLoss'),
+                link: 'https://medical-weight-loss.hellodoktor.com/ms',
+                imgUrl: O2OWeightLossIcon,
+            },
+        ],
+    };
+};
+const getO2OHamburgerMenuItems = (locale, t) => {
+    const contacts = get(getO2OContacts(t), locale);
+    const categories = get(getO2OCategoryItems(t), locale) || [];
+    const menuItems = [...categories, contacts].filter(Boolean).map((item) => {
+        const data = {
+            name: item.name,
+            id: 'other',
+            link: item.link,
+            linkTarget: item.linkTarget,
+            thumbnail: item.imgUrl,
+            popupType: 'categories',
+            icon: React__default.createElement("img", { width: 24, height: 24, loading: "lazy", src: item.imgUrl }),
+        };
+        return data;
+    });
+    return menuItems;
+};
+
+const headerStickyPanelVisibilityCss = `
+  & .header-sticky-panel {
+    position: relative;
+    z-index: 10;
+  }
+
+  // When sub navigation menu is open --> the sticky panel should be under the menu
+  &:has(.hhgcomp-navigation-itemnav-headeritem:focus-within) {
+    .header-sticky-panel {
+      position: relative;
+      z-index: 0;
+    }
+  }
+`;
+const StyledStickyPanel = styled.div `
+  width: 100%;
+  height: ${O2O_MENU_DESKTOP_HEIGHT}px;
+  max-height: ${O2O_MENU_DESKTOP_HEIGHT}px;
+  background-color: #ffffff;
+  border-bottom: 1px solid #0000001a;
+`;
+const StyledStickyPanelContent = styled.div `
+  display: flex;
+  justify-content: space-between;
+  height: 100%;
+  padding: 0 2rem;
+
+  & button {
+    font-size: 13px;
+    font-weight: 500;
+  }
+
+  ${MediaQueries.pcDown} {
+    padding: 0 1rem;
+  }
+`;
+const StyledCategoryList = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 16px;
+`;
+
 const StyledHeaderWrapper = styled.div `
+  ${headerStickyPanelVisibilityCss}
+
   z-index: 201;
   width: 100%;
   align-items: center;
@@ -2011,6 +2307,7 @@ const StyledHeaderWrapper = styled.div `
   }
 `;
 const StyledHeader = styled.div `
+  position: relative;
   display: flex;
   height: 100%;
   align-items: center;
@@ -2167,6 +2464,31 @@ const StyleButtonAiChat = styled(Button) `
   }
 `;
 
+function O2ONavigationMenu() {
+    const { locale, t } = useTranslations();
+    const o2oCategoryItems = get(getO2OCategoryItems(t), locale, []);
+    const contact = get(getO2OContacts(t), locale);
+    if (isEmpty(o2oCategoryItems) || isEmpty(contact))
+        return null;
+    return (React__default.createElement(StyledStickyPanel, { className: "header-sticky-panel" },
+        React__default.createElement(StyledStickyPanelContent, { className: "header-sticky-panel__content" },
+            React__default.createElement(StyledCategoryList, null, o2oCategoryItems.map((item) => (React__default.createElement("a", { key: item.name, tabIndex: 0, href: item.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": item.link },
+                React__default.createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, leftIcon: React__default.createElement("img", { width: 24, height: 24, src: item.imgUrl }) }, item.name))))),
+            React__default.createElement(Flex, { align: "center", justify: "center" },
+                React__default.createElement("a", { href: contact.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": contact.link, rel: "noopener noreferrer", target: "_blank" },
+                    React__default.createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, styles: { leftIcon: { width: 20, height: 20 } }, leftIcon: React__default.createElement("img", { width: 20, height: 20, src: contact.imgUrl }) }, contact.name))))));
+}
+
+// Use this component for all product context,
+// .. if not --> use `subHead` prop to render specific component for separated product
+function StickyBottomPanel({ locale, isHomepage, }) {
+    const isDisplayO2OMenu = canDisplayO2ONavigationMenu({
+        locale,
+        isHomepage,
+    });
+    return isDisplayO2OMenu ? React__default.createElement(O2ONavigationMenu, null) : null;
+}
+
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
     var _a, _b, _c, _d, _e;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
@@ -2186,7 +2508,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // enableProfileEcom,
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
-    isUserLoading, slot, isWinCashBackTheme: winCashBackTheme, } = useContext(NavigationContext);
+    isUserLoading, slot, isWinCashBackTheme: winCashBackTheme, enableO2ONavigationMenu, } = useContext(NavigationContext);
+    const { t } = useTranslations();
     const { triggerLogin } = useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2231,6 +2554,25 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 scrollY.current = window.scrollY;
         }
     }, 200), []);
+    const getHamburgerMenuItems = () => {
+        const isDisplayO2OMenu = enableO2ONavigationMenu
+            ? canDisplayO2ONavigationMenu({
+                locale,
+                isHomepage,
+            })
+            : false;
+        if (isDisplayO2OMenu) {
+            return {
+                menuItems: getO2OHamburgerMenuItems(locale, t),
+                extraMenuItems: menuItems.filter((m) => !!m.link),
+            };
+        }
+        return {
+            menuItems: menuItems.filter((m) => !!m.link),
+            extraMenuItems: [],
+        };
+    };
+    const { menuItems: hamburgerMenuItems, extraMenuItems: hamburgerExtraMenuItems, } = getHamburgerMenuItems();
     useEffect(() => {
         onTopBarAppears === null || onTopBarAppears === void 0 ? void 0 : onTopBarAppears(!isCollapsed);
     }, [isCollapsed]);
@@ -2249,7 +2591,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
         sitewideBanner || (React__default.createElement(SiteWideBanner, { site: sitewideSite, currentUrl: currentUrl, banner: sitewideBannerData })),
         React__default.createElement(StyledHeader, { className: customClasses.header, "data-main-header": true, "data-site-type": siteType, "data-win-cash-back-theme": winCashBackTheme },
             React__default.createElement(StyledLeftGroup, { className: customClasses.leftGroup, "data-site-type": siteType },
-                isMobile && (React__default.createElement(HamburgerMenu, { menuItems: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType })),
+                isMobile && (React__default.createElement(HamburgerMenu, { menuItems: hamburgerMenuItems, extraMenuItems: hamburgerExtraMenuItems, isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__default.createElement("a", { style: {
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
@@ -2283,6 +2625,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                                 borderLeft: '1px solid #E4E8EC',
                             } })),
                         React__default.createElement(CartBadge, { "data-cart-menu": "true", "data-event-category": "Ecommerce", "data-event-action": "Cart Click", "data-event-label": currentUrl, count: cartNumber, locale: locale })))))),
+        !isMobile && enableO2ONavigationMenu && (React__default.createElement(StickyBottomPanel, { locale: locale, isHomepage: isHomepage })),
         isMobile && isHomepage && (React__default.createElement(StyleWrapperNavigtionSearch, { className: "search-wrapper" },
             React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage }))),
         sponsorComponent
@@ -2317,7 +2660,6 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         if (window.scrollY <= newHeaderHeight + 200) {
             setHeaderHeight(newHeaderHeight);
             setHeaderBottom(((_d = headerRef.current) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().bottom) || headerHeight);
-            // setTimeout(() => debounceSetHeader(), 200)
         }
     }, 200), []);
     useEffect(() => {
@@ -2355,9 +2697,36 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         }
         return res;
     }, [isMobile, isShowingSiteWideBanner, hasSponsoredBanners, isSponsored]);
+    // ResizeObserver for accurate height observation
+    useEffect(() => {
+        const element = headerRef.current;
+        if (!element || typeof ResizeObserver === 'undefined') {
+            // Fallback for environments without ResizeObserver
+            debounceSetHeader();
+            return;
+        }
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.target === element) {
+                    const newHeight = entry.contentRect.height || entry.target.clientHeight;
+                    if (newHeight > 0) {
+                        setHeaderHeight(newHeight);
+                        setHeaderBottom(element.getBoundingClientRect().bottom || newHeight);
+                    }
+                }
+            }
+        });
+        resizeObserver.observe(element);
+        // Initial measurement
+        debounceSetHeader();
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [debounceSetHeader]);
+    const finalHeaderHeight = headerHeight || defaultHeaderHeight;
     return {
         defaultHeaderHeight,
-        headerHeight: headerHeight || defaultHeaderHeight,
+        headerHeight: finalHeaderHeight,
         headerBottom,
         headerRef,
     };
@@ -2474,10 +2843,7 @@ const useNavServices = () => {
                 link: '',
                 thumbnail: '',
                 popupType: 'other',
-                icon: (React__default.createElement(HamburgerIcon, { siteType: siteType, enableSearch: false, style: {
-                        width: '16px',
-                        height: '16px',
-                    }, className: "mobile-hamburger-icon" })),
+                icon: (React__default.createElement(HamburgerIcon, { size: 16, siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon" })),
             });
         return _services;
     }, []);
@@ -2506,11 +2872,40 @@ const StyledContainer = styled.div `
     --amp-site-wide-closed: 66px;
   }
   pointer-events: none;
-  > section *:not([data-cart-menu] *) {
+  > section
+    *:not([data-cart-menu] *):not([data-search-animation-wrapper] *):not(
+      [data-search-animation-wrapper]
+    ) {
     pointer-events: auto;
   }
 `;
 
+const CSS_VAR_DEFAULT_HEADER_HEIGHT = '--default-header-height';
+const CSS_VAR_HEADER_HEIGHT = '--header-height';
+const setRootCSSVariable = (name, value) => {
+    if (typeof document !== 'undefined') {
+        document.documentElement.style.setProperty(name, value);
+    }
+};
+/**
+ * Updates all header-related CSS variables on :root
+ */
+const updateRootHeaderVariables = ({ defaultHeaderHeight, headerHeight, }) => {
+    setRootCSSVariable(CSS_VAR_DEFAULT_HEADER_HEIGHT, `${defaultHeaderHeight}px`);
+    setRootCSSVariable(CSS_VAR_HEADER_HEIGHT, `${headerHeight}px`);
+};
+const useSetGlobalHeaderHeight = ({ headerHeight, defaultHeaderHeight, allowRootVariablesUpdate = true, }) => {
+    const finalHeaderHeight = headerHeight || defaultHeaderHeight;
+    useEffect(() => {
+        if (allowRootVariablesUpdate) {
+            updateRootHeaderVariables({
+                defaultHeaderHeight,
+                headerHeight: finalHeaderHeight,
+            });
+        }
+    }, [defaultHeaderHeight, finalHeaderHeight]);
+};
+
 const _NavigationV2 = (props) => {
     var _a, _b;
     const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
@@ -2525,6 +2920,10 @@ const _NavigationV2 = (props) => {
         hasSponsoredBanners,
         isMobile,
     });
+    useSetGlobalHeaderHeight({
+        headerHeight,
+        defaultHeaderHeight,
+    });
     return (React__default.createElement(StyledContainer, { id: "navigation-v2", style: {
             '--default-header-height': defaultHeaderHeight + 'px',
             '--header-height': `calc(${headerHeight}px - var(--amp-site-wide-closed), 64px)`,
@@ -2534,7 +2933,7 @@ const _NavigationV2 = (props) => {
             React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
 };
 const NavigationV2 = (props) => {
-    const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);
+    const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {}, enableO2ONavigationMenu: true }, props);
     return (React__default.createElement(NavigationProvider, Object.assign({}, propsWithDefaultValues),
         React__default.createElement(_NavigationV2, Object.assign({}, propsWithDefaultValues))));
 };