@hhgtech/hhg-components 1.29.518 → 1.29.519-beta-2

package/build/esm/{index-73c2ddc7.js → index-6368ca7e.js}

@@ -1,58 +1,60 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d63a5099.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-0a215ce9.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-299bb3b9.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-19992f51.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-a96cdbbe.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-a95b65b6.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-a2650814.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-c2f2b6ee.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-b5dae661.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-347fcbe7.js';
+import './translationsContext-71acff2a.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-aab2dee1.js';
+import { I as Input } from './index-fc13a125.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-afd94ab0.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-6e3d6cc6.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
-import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-408a75f0.js';
+import { createStyles, Box, Indicator, useMantineTheme, clsx, Flex } from '@mantine/core';
+import { L as Logo$1 } from './index-dcdeb30b.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-db70bba4.js';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
-import './index-7c284556.js';
-import { T as Text } from './index-d7087c15.js';
-import { B as Button } from './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
+import { V as VideoType } from './index-1fcc0821.js';
+import { C as CommonGAssets } from './index-f0040340.js';
+import './index-2c3a97d0.js';
+import { T as Text } from './index-385f306a.js';
+import { B as Button } from './index-d7b17319.js';
+import './index-18d8b4c6.js';
+import './index.styles-6d875177.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-624f5f4e.js';
-import './index-93f178db.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-ce8338e8.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-87a96d84.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-8556ff65.js';
-import { I as Indicator$1 } from './index-9b635c6a.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-1b9d9f94.js';
-import { L as LOCALIZED_SLUGS } from './constants-8ac9b8da.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-4de5d8da.js';
+import './index-2cf5f9e3.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-fe3a2ada.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8a8b3a7d.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-c55a438a.js';
+import { I as Indicator$1 } from './index-3580f7ef.js';
+import { u as useTranslations } from './index-50cddd13.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-2d185028.js';
+import { L as LOCALIZED_SLUGS } from './constants-7d1eafd1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-43c16f3b.js';
-import { H as Heading } from './index-14ec091a.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-728b7067.js';
-import { C as Container } from './index-62a83bcb.js';
+import { B as Button$1 } from './index-51a9d466.js';
+import { H as Heading } from './index-2be74ca7.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-ba8106d3.js';
+import { C as Container } from './index-c0b577ff.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-f1118142.js';
-import { C as CartCareButton } from './index-68fc13ec.js';
-import { L as LOCALE } from './Locale-3de651b3.js';
+import { U as UserAvatar } from './index-c4f742cf.js';
+import { L as LOCALE } from './Locale-cceaa5a3.js';
+import { C as CartCareButton } from './index-156fa3c0.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-1adc978e.js';
+import { g as getDataWithCache } from './core-b080b107.js';
 
-const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props),
+    React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "22", height: "28", viewBox: "0 0 22 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+/* eslint-disable prettier/prettier */
+const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 22 28", fill: "none" }, props),
     React.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
@@ -611,6 +613,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 +734,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 +744,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, onClosePopup: 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 +753,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, onClosePopup, }) => {
+    const { name, thumbnail, link, isNew, id, isMobileAppTool } = menuItem;
+    const { t } = useTranslations();
+    const theme = useMantineTheme();
+    return (React__default.createElement(StyledItem$5, Object.assign({ 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 }, (!isInternalLink(href) && {
+        target: '_blank',
+    }), { "data-theme": siteType, onClick: onClosePopup }),
+        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, }) => {
+    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 }));
+        }))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -1826,7 +1846,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 +1854,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 })),
             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 +1866,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" },
@@ -1852,10 +1875,141 @@ const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
                 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(MenuServiceList, { menuItems: menuItems, extraMenuItems: extraMenuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
 };
 
+var img$4 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOkSURBVHgB5Zg7bNNQFIb/m0Zqmi6RWJEaFsQE7cRjQK0YWCgwsVVNB1qQkBqEYIBKNKJlQaipQDyaoa2Y6AKoLAyogQXGwsJjciVWRAZIDCW+nHOdxI5jx3baJkj9pMjxvce+v8859wn85wi0SCItE7qOfpSRpLfwr09VSGzwJQKsiyi0Xw/EOrZAKIEsqvQTKdGFMyRkMOBjGrWSp9+y/kjkEZJAApW3ipiUEmkhkEDraPRhGT0nloI+4Cuwe0JOwsD0FoU50SgHhsijmp+hp0AVziIWyeAsdgB6b4EumdKCyPrYNRK7IJPCwDMJ6gQ7z7S+IDJelQ0C2XO/i1hrk7iqiMtenow4C/QS5topjqH25ihqg251dQJj52WKrFPoBAYWOXrO4ppAzjvy9U10jiQNZWlnoeVBA6NshA5CuTjp9KI9xCm0iUTcvZxyMeH0ohIYH5c81iURspG+PQjNyDHg0yzw6op7PXsRToGGoLk1pLj3U8Dn28BCKphQfubpRbIfbf5x7EV7j45USgcRghunrAZGjpre4KsXx/ebH3TaNnidvOttT5NEzTKSSKmkTCIgLOzSicYy9qTTm+ypO+fMD7CX338NbHz3bkMKHKr+j27GSdxfBMYrdxj2IntrdtUU4BZ+Lp99CT+SNYFlI/gqZWrYP9+q3vSCxReKaI60BEYQEG6Yc28rPHln/sIQWGCz0AZBhXY1mK00l2IKFqj5PeAV2qsrQM9EsIareRkEWhxbAmO6deOGW2g/fgMO3zJ7IzNDSX/gureAsKGlwfpDTWBhSbBAzcvYmfAsisWxSDssjkVeW6nvBGFCW0NaelQOCokXbnbD/eawUW2IB1cOazPu0QccmQHefjXvw4S2JipKu8AKakWtphYDa07Dg3uB3Bg19sUcu3yHBwecHmHFkSJNfyz2WbcVusflD7rZzp1ba0QwRru9Jeu2AombR6cRKvfy9iJrRf0H2YpB55Dq9EGzF9Xt6rxysS04cq9K3UzCZyfUo9seajVzCAy51TVMdaWc4CX3MtpIV5fqGJpbnetcTDv9FNolknpt8aF47l3tAXWaNHYSyrmyxIB9SHHDUyBPgfZVxXZCi4H5WA8GNnP+h5vRpi8yBW7f4G0eZGZK1BlLAR+JIiQVr+bJC/32lW9TURJvYnFkC1kROiJRn5drNRHm/+UeW0N159RQm50EDVOqrkxn1L290Kq2Olqj6QmrOq8x6MQhgnwr58u7gn8/eDw0pOVgpgAAAABJRU5ErkJggg==";
+  var FacebookMessageIcon = img$4;
+
+var img$3 = "data:image/png;base64,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";
+  var O2OEggFreezingIcon = img$3;
+
+var img$2 = "data:image/png;base64,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";
+  var O2OHealthScreenerIcon = img$2;
+
+var img$1 = "data:image/png;base64,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";
+  var O2OVaccinationIcon = img$1;
+
+var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASqSURBVHgBzVlLaFNbFN03bUr7fC3RSnmSPPHxrD9Q6sSqIz/tTIUWdCatA/8WBAdK1aHViSBY/ODABEcqtIjOjJ+Rn06sCtbagaIJiviJiRo1muteJznXk+T+Fc2C9H7PuWvvvc4++5xqpKD13sZe0gI9RPk2Ii1EvxV6iigwSno+NrHgVFTe1fBnxuOdoeD77DC/tIyqAtr13N8NXU/+O5IK4LK6yAH6sgInploIq3aaqhG6viFQ0FyVgrnVMsu2ghL9oanmL1o0aRZFglOokc+BzLePlMi9oYefnlHiy2vyD72tlsl5Hq0g1R1aTB1NCwU5O4x9SlDsVZyGUjfJB0Ja6/1NupcWvc0raUfLKkFSRZq9lslnxXk42FzRLsmePPryomeirgmC0LHpW0s8NvLhEcXTd/h3l0NaGsq59RH+/Uvdk5eWtAHBgefnhEG/jGCkrpnOzNhF4bqCZ8ayCRp4cZZuM0E3aGeCB8O9oh8A3lz/5LArfToShOcu/L/PIBd9fUV4wA/6WBp9LavFObS5/vFhR08GyEWnkhw05Jdcof0l0QcACUDLTrAl2NnURj08KAB4Dh/4WaCPGPcFYMC1O2QBW4L9/6wTR2hlUCGHsPdPW0cXZu43dOWVpNTfjmLIPROEZTK0gxwWVSv909YK6xEmiN8r0NdgMdT4jp0XLQl2TV4ijrC0PHd1h5aSaoiUgRfEM3cNo1eylDwTnFc/XRxHPpamkrBJSKUxXgByw0XDOxs9EoTG5nD4BMH34yXPkMPUcMPD258eJz8Y47kagNHlM5MtwYgyVSVzlcl0WAk5EnbSZ0GgtmsMeCDYWNNgnCe+vKl4Hi2mCaCvZQ35hTo9RuqmkGuCmW9Z47yppr7iOSyXuQwjGSnHDyJB5xRlSvBd/ofGwhZ5DrkM0xWAlNNnks+6Q0ts86SqO9mXK4LqQEBFYgY83/b0mJFwMSVemzVgEALpQ5Feusr3cDQjKgci+rKaky3TjLRo0aTZVq9UVCXwNgihLFPnWXgS98PBqSXtO7ngBUZsqiJLgle4zgOcMj1IrnjUb2gS6ODEa1bQJnOvjGt4VHownh4lzwSHUrcMtzvNl8ABrnKWM9Gh1I2KZ+invAqSHob3MatYodbqATqFVyB+eBCj1UrIEvDmnkSMyZwXbeAhLKBUYwGEXE6Xw2yQXU1Ya/fBjNIwnc+SW+CDlzlsl01Ch9DKtJQQ6xT7Es623OooivgBT0l+ZwsVcxsiYukAfcIIDDAn2BKUi52HSmjRuVORaQakHXVdA026MdoyxCoJWIuwzOOcKEnLZaRaNpXDbP2Md6HTeMZ65KqwXDTtZUJu6zzkMchAahY7DDAGg0RNN3hvdzLqSS6WHiyfQWA5Qo11cJrnaqQeOTvAO3Y7DCA29PaGr90FU4JyvwUd3/4wXjyWZnt8DKmnXZCbzWSnllRBY9ln3G5cpCa362cz8Pbbprdm+zNypP1h8AamppmqtQrIMbTRAOlajKoVzE3sDLbe33yturaAAe36xPyTy0Wizn393IUbVDXgTfSvDV3iTL3dem8L71frPdjZ5Mvf/G8ISkFzCOvEghNRefM70ZMy5o1Y8dEAAAAASUVORK5CYII=";
+  var WhatsAppMessageIcon = img;
+
+const O2O_STICKY_PANEL_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',
+        },
+        [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',
+        },
+    };
+};
+const checkIsDisplayO2OMenu = ({ 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.eggFreezing'),
+                link: '/care/egg-freezing/',
+                imgUrl: O2OEggFreezingIcon,
+            },
+        ],
+    };
+};
+const getO2OHamburgerMenuItems = (locale, t) => {
+    const contacts = getO2OContacts(t)[locale];
+    const categories = getO2OCategoryItems(t)[locale];
+    return [...categories, contacts].map((item) => ({
+        name: item.name,
+        id: 'other',
+        link: item.link,
+        thumbnail: item.imgUrl,
+        popupType: 'categories',
+        icon: React__default.createElement("img", { width: 24, height: 24, loading: "lazy", src: item.imgUrl }),
+    }));
+};
+
+const headerStickyPanelVisibilityCss = `
+  & .header-sticky-panel {
+    position: relative;
+    z-index: 10;
+  }
+
+  &:has(.hhgcomp-navigation-itemnav-headeritem:focus-within) {
+    .header-sticky-panel {
+      position: relative;
+      z-index: 0;
+    }
+  }
+`;
+const StyledStickyPanel = styled.div `
+  width: 100%;
+  height: ${O2O_STICKY_PANEL_HEIGHT}px;
+  max-height: ${O2O_STICKY_PANEL_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 +2165,7 @@ const StyledHeaderWrapper = styled.div `
   }
 `;
 const StyledHeader = styled.div `
+  position: relative;
   display: flex;
   height: 100%;
   align-items: center;
@@ -2167,6 +2322,29 @@ const StyleButtonAiChat = styled(Button) `
   }
 `;
 
+function O2ONavigationMenu() {
+    const { locale, t } = useTranslations();
+    const o2oCategoryItems = getO2OCategoryItems(t)[locale];
+    const contact = getO2OContacts(t)[locale];
+    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, loading: "lazy", 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 },
+                    React__default.createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, leftIcon: React__default.createElement("img", { width: 20, height: 20, loading: "lazy", 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 = checkIsDisplayO2OMenu({
+        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, 
@@ -2187,6 +2365,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
     isUserLoading, slot, isWinCashBackTheme: winCashBackTheme, } = useContext(NavigationContext);
+    const { t } = useTranslations();
     const { triggerLogin } = useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2231,6 +2410,23 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 scrollY.current = window.scrollY;
         }
     }, 200), []);
+    const getHamburgerMenuItems = () => {
+        const isDisplayO2OMenu = checkIsDisplayO2OMenu({
+            locale,
+            isHomepage,
+        });
+        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 +2445,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 },
@@ -2294,6 +2490,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     isMobile,
                 })
             : null,
+        !isMobile && (React__default.createElement(StickyBottomPanel, { locale: locale, isHomepage: isHomepage })),
         subHead && subHead));
 };
 const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, }) => (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
@@ -2509,14 +2706,26 @@ const StyledContainer = styled.div `
   }
 `;
 
+const getInstantStickyPanelHeight = ({ locale, isHomepage, }) => {
+    const isDisplayO2OMenu = checkIsDisplayO2OMenu({
+        locale,
+        isHomepage,
+    });
+    return isDisplayO2OMenu ? O2O_STICKY_PANEL_HEIGHT : 0;
+};
+
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, isHomepage, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
     const isSponsored = !!sponsorComponent;
     const hasSponsoredBanners = !!((_b = (_a = sponsorComponent === null || sponsorComponent === void 0 ? void 0 : sponsorComponent.props) === null || _a === void 0 ? void 0 : _a.sponsoredBy) === null || _b === void 0 ? void 0 : _b.length);
+    const instantStickyMenuHeight = getInstantStickyPanelHeight({
+        locale,
+        isHomepage,
+    });
     const { headerRef, defaultHeaderHeight, headerHeight, headerBottom } = useHeaderHeight({
         isShowingSiteWideBanner,
         isSponsored,
@@ -2527,6 +2736,8 @@ const _NavigationV2 = (props) => {
             '--default-header-height': defaultHeaderHeight + 'px',
             '--header-height': `calc(${headerHeight}px - var(--amp-site-wide-closed), 64px)`,
             '--header-bottom': headerBottom + 'px',
+            '--header-nav-bottom': `calc(${headerHeight}px - ${instantStickyMenuHeight}px)`,
+            '--header-instant-sticky-menu-height': instantStickyMenuHeight + 'px',
         }, className: className },
         React__default.createElement("section", { ref: headerRef },
             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 }))));

package/build/esm/{index-14119a5a.js → index-674bec10.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-d7087c15.js';
-import { B as Button } from './index-bdf73e5a.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { T as Text } from './index-385f306a.js';
+import { B as Button } from './index-d7b17319.js';
+import { u as useTranslations } from './index-50cddd13.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c1c4e9ff.js → index-675f29d7.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-fde333a7.js';
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-18d8b4c6.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-64ff2ab3.js → index-6d3b02e7.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-ba810564.js';
+import { T as Text } from './index-9473ab0e.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-4bde31f1.js';
-import { T as Text$1 } from './index-d7087c15.js';
+import { I as ImageWrap } from './index-c5e53b1c.js';
+import { T as Text$1 } from './index-385f306a.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),
@@ -13,12 +13,12 @@ const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ wi
 
 /* eslint-disable prettier/prettier */
 const Clinic = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
-    React.createElement("path", { d: "M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M9.96533 9.99996V5.65527", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M12.1377 7.82764H7.79297", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
+    React.createElement("path", { d: "M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M9.96533 9.99996V5.65527", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M12.1377 7.82764H7.79297", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
 const StyledInsuranceList = styled.ul `
   display: grid;