@hhgtech/hhg-components 1.29.495-beta-6 → 1.29.496

package/build/esm/{index-88dbf33e.js → index-780bb0b8.js}

@@ -1,58 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-89964b3c.js';
-import * as React from 'react';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b6091bcc.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-055854af.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-6671c8d0.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-55e9aa2f.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-696f09db.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-d123a4f2.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, c as VIDEO_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, e as CARE_LOCALES } from './index-499af97a.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-a819aa12.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-c297d3ed.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-8b36ac25.js';
+import './translationsContext-97d7f3f5.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-9e0040c1.js';
+import { I as Input } from './index-a72fae58.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-714bb206.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-9c5182cb.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-3e31b303.js';
+import { L as Logo$1 } from './index-8bc015a0.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-8c39e596.js';
-import { C as CommonGAssets } from './index-73c3c85c.js';
-import './index-c89af956.js';
-import { T as Text } from './index-bc325ecc.js';
-import { B as Button } from './index-01976699.js';
-import './index-7e31eb2b.js';
-import './index.styles-a15ac706.js';
+import { V as VideoType } from './index-29f7e8fa.js';
+import { C as CommonGAssets } from './index-dab46b91.js';
+import './index-515a8bf9.js';
+import { T as Text } from './index-f35a0aab.js';
+import { B as Button } from './index-f374f9f1.js';
+import './index-6f1dee1a.js';
+import './index.styles-9c4af062.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-b0126584.js';
-import './index-88390f1e.js';
-import { L as LOCALISED_SLUGS } from './constants-13f2b641.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-cff40296.js';
-import { L as LOCALIZED_SLUGS } from './constants-007e8093.js';
-import { u as useTranslations } from './index-65207873.js';
-import { H as Heading } from './index-78e362e9.js';
-import { I as Indicator$1 } from './index-a4e27ee9.js';
-import { u as useIsInit } from './useIsInit-d357c6bb.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-2b4131a5.js';
+import './index-e1d9dcf4.js';
+import { L as LOCALISED_SLUGS } from './constants-14614e90.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4d17e18f.js';
+import { L as LOCALIZED_SLUGS } from './constants-63486f1f.js';
+import { u as useTranslations } from './index-d0ebcc01.js';
+import { H as Heading } from './index-91c071c1.js';
+import { I as Indicator$1 } from './index-536e3608.js';
+import { u as useIsInit } from './useIsInit-6f26e450.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-a9686ded.js';
+import { B as Button$1 } from './index-ddc8f8b5.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-bfb8daf1.js';
-import { C as Container } from './index-ad866ac9.js';
-import { L as LOCALE } from './Locale-db707394.js';
+import { U as UserAvatar } from './index-cad00bb9.js';
+import { C as Container } from './index-df0e821e.js';
+import { L as LOCALE } from './Locale-ead296e8.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-35b7dbb1.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" })));
-
-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),
-    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" })));
+import { g as getDataWithCache } from './core-35b6ebb6.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -84,7 +74,7 @@ const StyleInput = styled(Input) `
 `;
 
 const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
-const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, winCashBackTheme = false, }) => {
+const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
     const { locale, siteType } = useContext(NavigationContext);
     const [keyword, setKeyword] = useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
@@ -149,7 +139,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 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(Close, { size: 17, color: theme.colors.white }))) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
                 if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
@@ -203,17 +193,18 @@ const DisplayWrapper = ({ forceDisplay, mediaQueryKey, children, className, styl
 
 var styles$2 = {"menuContainer":"y5VJdvw","menuIcon":"oVhOSCy","menuIconWrapper":"pX8OXTM"};
 
-function ClosePopupIcon({ className, winCashBackTheme }) {
+function ClosePopupIcon({ className }) {
     return (React__default.createElement("div", null,
         React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
-            React__default.createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: winCashBackTheme ? '#FFFFFF' : '#3E3F58', strokeWidth: "1.3", strokeLinecap: "round" }))));
+            React__default.createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" }))));
 }
 
-function HamburgerIcon({ siteType, enableSearch, winCashBackTheme, className, style, }) {
+function HamburgerIcon({ siteType, enableSearch, className, style, }) {
     if (siteType === 'helloSites') {
-        return (React__default.createElement("div", { className: "hamburger-container" }, winCashBackTheme ? (React__default.createElement(HamburgerWhite, { className: className })) : (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" }))));
+        return (React__default.createElement("div", { className: "hamburger-container" },
+            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" })));
     }
     /** Marry Baby */
     return (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
@@ -401,7 +392,7 @@ const StyledViewMore$1 = styled.a `
 
 var styles$1 = {"menuIconWrapper":"wnUb-dV","menuButton":"cjbOxWe","itemNavButton":"-sx0jrx","scale":"EDlp5Zf"};
 
-const ItemMenu = ({ item, menu, winCashBackTheme }) => {
+const ItemMenu = ({ item, menu }) => {
     const { containerRef, onButtonMouseDown, onClose } = useCSSFocusPopupHelper({
         allowBgScroll: true,
     });
@@ -412,19 +403,15 @@ const ItemMenu = ({ item, menu, winCashBackTheme }) => {
                 React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.menuButton }, item.name))));
     }
     return (React__default.createElement(NewWrapper, { isNew: item.isNew },
-        React__default.createElement("div", { ref: containerRef, className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''}`, tabIndex: 0, key: item.id, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, style: { borderBottom: winCashBackTheme ? 'none' : undefined } },
-            React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$1.menuButton, style: { color: winCashBackTheme ? 'white' : undefined } },
+        React__default.createElement("div", { ref: containerRef, className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''}`, tabIndex: 0, key: item.id, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link },
+            React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$1.menuButton },
                 item.name,
                 item.popupType && (React__default.createElement(React__default.Fragment, null, (item === null || item === void 0 ? void 0 : item.icon) ? (React__default.createElement("div", { className: "wrapper-menu-icon" },
-                    React__default.createElement("div", { className: "origin-icon", style: {
-                            filter: winCashBackTheme
-                                ? 'brightness(0) invert(1)'
-                                : undefined,
-                        } }, item.icon),
+                    React__default.createElement("div", { className: "origin-icon" }, item.icon),
                     React__default.createElement("div", { className: "close-icon", onClick: onClose },
-                        React__default.createElement(Close, { size: 16, color: winCashBackTheme ? 'white' : undefined })))) : (React__default.createElement("div", { className: styles$1.menuIconWrapper },
+                        React__default.createElement(Close, { size: 16 })))) : (React__default.createElement("div", { className: styles$1.menuIconWrapper },
                     React__default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
-                        React__default.createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", stroke: winCashBackTheme ? 'white' : '#202135', strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
+                        React__default.createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", stroke: "#202135", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
             React__default.isValidElement(menu)
                 ? React__default.cloneElement(menu, {
                     onClose,
@@ -1849,15 +1836,15 @@ 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, winCashBackTheme, }) => {
+const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
     const { siteType } = useContext(NavigationContext);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     return (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
         React__default.createElement("header", { className: styles$2.menuContainer },
             React__default.createElement("div", { className: styles$2.menuIcon, ref: containerRef, role: "button", tabIndex: 0, onBlur: onContainerBlur, onFocus: onContainerFocus },
                 React__default.createElement("div", { className: styles$2.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", winCashBackTheme: winCashBackTheme }),
-                    React__default.createElement(HamburgerIcon, { siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon", winCashBackTheme: winCashBackTheme })),
+                    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 })))));
 };
 
@@ -1866,7 +1853,7 @@ const StyledHeaderWrapper = styled.div `
   width: 100%;
   align-items: center;
 
-  background-color: ${({ winCashBackTheme }) => winCashBackTheme ? theme.colors.blue900 : theme.colors.white};
+  background-color: ${theme.colors.white};
 
   transition: height 0.3s, transform 0.3s;
 
@@ -1952,7 +1939,7 @@ const StyledHeader = styled.div `
   ${MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background: ${({ winCashBackTheme }) => winCashBackTheme ? theme.colors.blue900 : theme.colors.white};
+    background: white;
     gap: 2px;
   }
 
@@ -2312,7 +2299,7 @@ const MenuViewMore = ({ menuItems = [], isOpen, onClose }) => {
                     React__default.createElement(Logo, { width: 16, height: 15 })) }, `${LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, winCashBackTheme, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
     var _a, _b, _c, _d;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, 
     // onBookingClick,
@@ -2385,23 +2372,23 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             scrolling();
     }, [isMobile]);
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
-    return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef, winCashBackTheme: winCashBackTheme, className: customClasses.wrapper },
+    return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef, className: customClasses.wrapper },
         sitewideBanner,
-        React__default.createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType, winCashBackTheme: winCashBackTheme },
+        React__default.createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType },
             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, winCashBackTheme: winCashBackTheme })),
-                logoComponent ? (React__default.createElement("a", { style: { flexShrink: 0 }, href: HOME_PAGE_URL }, logoComponent)) : (React__default.createElement("a", { style: {
+                isMobile && (React__default.createElement(HamburgerMenu, { menuItems: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType })),
+                logoComponent || (React__default.createElement("a", { style: {
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
                     React__default.createElement("div", null,
                         React__default.createElement(Logo$1, { style: {
                                 display: 'flex',
                             }, type: logoType, badge: locale === 'id-ID' && (React__default.createElement("img", { src: CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
-                !isMobile && (React__default.createElement(React__default.Fragment, null, siteType === 'marryBaby' ? (React__default.createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems, className: customClasses.navMenu })) : (enableSearchBar && (React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, winCashBackTheme: winCashBackTheme })))))),
+                !isMobile && (React__default.createElement(React__default.Fragment, null, siteType === 'marryBaby' ? (React__default.createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems, className: customClasses.navMenu })) : (enableSearchBar && (React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
             React__default.createElement(StyledRightGroup, { className: customClasses.rightGroup, "data-site-type": siteType },
                 !isMobile && siteType !== 'marryBaby' && (React__default.createElement(NavigationMenu, { menuItems: menuItems.filter((m) => locale === LOCALE.Vietnam
                         ? m.id !== 'ecom' && m.id !== 'care'
-                        : true), originalMenuItems: menuItems, winCashBackTheme: winCashBackTheme, className: customClasses.navMenu })),
+                        : true), originalMenuItems: menuItems, className: customClasses.navMenu })),
                 React__default.createElement(StyledProfileNavGroup, null,
                     languageMenu,
                     enableNavChatbotAi && (React__default.createElement(Box, { component: "a", href: `${getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
@@ -2413,7 +2400,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     slot,
                     React__default.createElement(NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
                         // SSO_URL={normalizeLink(statics.SSO_URL)}
-                        currentUrl: currentUrl, onLogout: onLogout, isLoading: isUserLoading, locale: locale, enableAppIntroPage: enableAppIntroPage, isMobile: isMobile, winCashBackTheme: winCashBackTheme, className: customClasses.profileBtn }),
+                        currentUrl: currentUrl, onLogout: onLogout, isLoading: isUserLoading, locale: locale, enableAppIntroPage: enableAppIntroPage, isMobile: isMobile, className: customClasses.profileBtn }),
                     cartNumber !== undefined && (React__default.createElement(React__default.Fragment, null,
                         !isMobile && (React__default.createElement("hr", { style: {
                                 height: 20,
@@ -2423,7 +2410,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                             } })),
                         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 && isHomepage && (React__default.createElement(StyleWrapperNavigtionSearch, null,
-            React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, winCashBackTheme: winCashBackTheme }))),
+            React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage }))),
         sponsorComponent
             ? !React__default.isValidElement(sponsorComponent)
                 ? sponsorComponent
@@ -2435,12 +2422,12 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : null,
         subHead && subHead));
 };
-const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, winCashBackTheme = false, }) => (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
-    React__default.createElement(SearchInput, { id: "desktop", projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, isRedirectSearchPage: isRedirectSearchPage, winCashBackTheme: winCashBackTheme })));
-const NavigationMenu = ({ menuItems, originalMenuItems, className, winCashBackTheme, }) => {
+const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, }) => (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
+    React__default.createElement(SearchInput, { id: "desktop", projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, isRedirectSearchPage: isRedirectSearchPage })));
+const NavigationMenu = ({ menuItems, originalMenuItems, className, }) => {
     const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = useContext(NavigationContext);
     return (React__default.createElement(DisplayWrapper, { className: className, mediaQueryKey: "mbUp", style: { height: '100%' } },
-        React__default.createElement(StyledWrapMenuItems, { "data-site-type": siteType }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((menuItem, index) => (React__default.createElement(ItemMenu, { key: index, item: menuItem, menu: menuItem.popupType === 'categories' ? (React__default.createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights })) : menuItem.popupType === 'tools' ? (React__default.createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights })) : menuItem.popupType === 'together' ? (React__default.createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights })) : menuItem.popupType === 'care' ? (React__default.createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights })) : menuItem.popupType === 'video' ? (React__default.createElement(MenuVideoList, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights })) : menuItem.popupType === 'other' ? (React__default.createElement(MenuViewMore, { menuItems: originalMenuItems })) : null, winCashBackTheme: winCashBackTheme }))))));
+        React__default.createElement(StyledWrapMenuItems, { "data-site-type": siteType }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((menuItem, index) => (React__default.createElement(ItemMenu, { key: index, item: menuItem, menu: menuItem.popupType === 'categories' ? (React__default.createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights })) : menuItem.popupType === 'tools' ? (React__default.createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights })) : menuItem.popupType === 'together' ? (React__default.createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights })) : menuItem.popupType === 'care' ? (React__default.createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights })) : menuItem.popupType === 'video' ? (React__default.createElement(MenuVideoList, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights })) : menuItem.popupType === 'other' ? (React__default.createElement(MenuViewMore, { menuItems: originalMenuItems })) : null }))))));
 };
 
 const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBanner, isMobile, }) => {
@@ -2650,7 +2637,7 @@ const StyledContainer = styled.div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, isWinCashBackTheme = false, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -2662,19 +2649,13 @@ const _NavigationV2 = (props) => {
         hasSponsoredBanners,
         isMobile,
     });
-    useEffect(() => {
-        document.documentElement.style.setProperty('--header-height', `${headerHeight}px`);
-        return () => {
-            document.documentElement.style.removeProperty('--header-height');
-        };
-    }, [headerHeight]);
     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)`,
             '--header-bottom': headerBottom + '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 }), winCashBackTheme: isWinCashBackTheme, customClasses: customClasses }))));
+            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);
@@ -2747,4 +2728,4 @@ const getNavMenuContentWithCache = (locale) => __awaiter(void 0, void 0, void 0,
     return (yield getDataWithCache('nav-menu-content', () => getNavMenuContent(locale || 'en-PH'), (data) => { var _a, _b; return !!((_b = (_a = data === null || data === void 0 ? void 0 : data.categories) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length); })) || {};
 });
 
-export { HamburgerWhite as H, NavigationV2 as N, StarPair as S, getNavMenuContentWithCache as a, getTogetherUserPostsApiPath as b, HHG_SEARCH_BACK_KEY as c, getNavMenuContent as g };
+export { HHG_SEARCH_BACK_KEY as H, NavigationV2 as N, getNavMenuContentWithCache as a, getTogetherUserPostsApiPath as b, getNavMenuContent as g };

package/build/esm/{index-104713e8.js → index-7f128d1d.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-89964b3c.js';
+import { _ as __rest } from './tslib.es6-b6091bcc.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-89a44841.js';
-import { I as Input } from './index-9e0040c1.js';
-import { D as DatePicker } from './index-300c46cb.js';
-import { T as Text } from './index-bc325ecc.js';
-import './index-01976699.js';
-import './index-7e31eb2b.js';
-import './index.styles-a15ac706.js';
-import { u as useTranslations } from './index-65207873.js';
+import { L as LastPeriod } from './LastPeriod-71c3eb8b.js';
+import { I as Input } from './index-a72fae58.js';
+import { D as DatePicker } from './index-cbd45576.js';
+import { T as Text } from './index-f35a0aab.js';
+import './index-f374f9f1.js';
+import './index-6f1dee1a.js';
+import './index.styles-9c4af062.js';
+import { u as useTranslations } from './index-d0ebcc01.js';
 import '@mantine/hooks';
-import './index-c89af956.js';
-import './utils-b0126584.js';
-import './index-88390f1e.js';
-import { C as CardWrapperContext } from './context-bdf190d9.js';
-import { H as HealthToolFormWrapper } from './index-90fee740.js';
+import './index-515a8bf9.js';
+import './utils-2b4131a5.js';
+import './index-e1d9dcf4.js';
+import { C as CardWrapperContext } from './context-1f417d39.js';
+import { H as HealthToolFormWrapper } from './index-b605df78.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-f36d4118.js → index-85e1e6dd.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-89964b3c.js';
+import { _ as __rest } from './tslib.es6-b6091bcc.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-bc325ecc.js';
-import { u as useTranslations } from './index-65207873.js';
+import { T as Text } from './index-f35a0aab.js';
+import { u as useTranslations } from './index-d0ebcc01.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-34b87b77.js → index-8704def0.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-65207873.js';
-import { B as Button } from './index-a9686ded.js';
+import { u as useTranslations } from './index-d0ebcc01.js';
+import { B as Button } from './index-ddc8f8b5.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-b26438cb.js → index-8772629c.js}

@@ -1,24 +1,23 @@
-import { _ as __rest } from './tslib.es6-89964b3c.js';
+import { _ as __rest } from './tslib.es6-b6091bcc.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-9e0040c1.js';
+import { R as Radio } from './index-a72fae58.js';
 import '@mantine/dates';
-import './index-6671c8d0.js';
-import './index-8c39e596.js';
-import { C as CommonGAssets } from './index-73c3c85c.js';
-import './index-c89af956.js';
-import { T as Text } from './index-bc325ecc.js';
-import './index-01976699.js';
-import './index-7e31eb2b.js';
-import './index.styles-a15ac706.js';
-import { u as useTranslations } from './index-65207873.js';
+import './index-499af97a.js';
+import './index-29f7e8fa.js';
+import { C as CommonGAssets } from './index-dab46b91.js';
+import './index-515a8bf9.js';
+import { T as Text } from './index-f35a0aab.js';
+import './index-f374f9f1.js';
+import './index-6f1dee1a.js';
+import './index.styles-9c4af062.js';
+import { u as useTranslations } from './index-d0ebcc01.js';
 import '@mantine/hooks';
-import './utils-b0126584.js';
-import './index-88390f1e.js';
+import './utils-2b4131a5.js';
+import './index-e1d9dcf4.js';
 
-var useStyles = createStyles((theme, { type, color }) => {
-    var _a;
+var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';
     return {
         root: {},
@@ -35,7 +34,7 @@ var useStyles = createStyles((theme, { type, color }) => {
                 width: '50%',
                 '&[data-checked="true"]': {
                     '.mantine-Radio-label': {
-                        borderColor: ((_a = theme.colors[color]) === null || _a === void 0 ? void 0 : _a[6]) || theme.fn.primaryColor(),
+                        borderColor: theme.fn.primaryColor(),
                     },
                 },
             }
@@ -79,12 +78,12 @@ var useStyles = createStyles((theme, { type, color }) => {
 });
 
 const GenderOptionControl = (_a) => {
-    var { label, availableValue: availableValueInit, styles, color, isBaby, genderValue = {
+    var { label, availableValue: availableValueInit, styles, isBaby, genderValue = {
         male: 'male',
         female: 'female',
-    }, type = 'button', hideLabel } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "color", "isBaby", "genderValue", "type", "hideLabel"]);
+    }, type = 'button', hideLabel } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "isBaby", "genderValue", "type", "hideLabel"]);
     const { t } = useTranslations();
-    const { classes, cx, theme } = useStyles({ type, color }, {
+    const { classes, cx, theme } = useStyles({ type }, {
         name: 'GenderOptionControl',
         styles,
     });

package/build/esm/{index-3e31b303.js → index-8bc015a0.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-db707394.js';
-import { C as CommonGAssets } from './index-73c3c85c.js';
+import { L as LOCALE } from './Locale-ead296e8.js';
+import { C as CommonGAssets } from './index-dab46b91.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-b0126584.js';
-import { L as LogoIcon } from './logoIcon-eca2ca2d.js';
-import './index-8c39e596.js';
-import { I as ImageWrap } from './index-a5b5da00.js';
+import { M as MediaQueries } from './utils-2b4131a5.js';
+import { L as LogoIcon } from './logoIcon-a507591d.js';
+import './index-29f7e8fa.js';
+import { I as ImageWrap } from './index-ec042aba.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-098dfc88.js → index-8d72eb61.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-3990ea91.js';
+import { u as useScrollbarSize } from './useScrollbarSize-d2e15f5b.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-b0126584.js';
+import { M as MediaQueries } from './utils-2b4131a5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-6703c3c3.js → index-8fc02026.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-89964b3c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b6091bcc.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-88390f1e.js';
-import { L as Loading } from './index-34b87b77.js';
-import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-696f09db.js';
+import { T as Tabs } from './index-e1d9dcf4.js';
+import { L as Loading } from './index-8704def0.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-c297d3ed.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-92937ca3.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-d70f5012.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-73c3c85c.js';
-import { I as ImageWrap } from './index-a5b5da00.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-53fbb314.js';
-import { S as SocialType } from './index-8c39e596.js';
-import { u as useTranslations } from './index-65207873.js';
+import { C as CommonGAssets } from './index-dab46b91.js';
+import { I as ImageWrap } from './index-ec042aba.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-dfa2ab61.js';
+import { S as SocialType } from './index-29f7e8fa.js';
+import { u as useTranslations } from './index-d0ebcc01.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { a as Anchor$1 } from './index-9e0040c1.js';
+import { A as Anchor$1 } from './index-a72fae58.js';
 import '@mantine/dates';
-import './index-6671c8d0.js';
-import './index-c89af956.js';
-import { T as Text } from './index-bc325ecc.js';
-import { B as Button } from './index-01976699.js';
-import './index-7e31eb2b.js';
-import './index.styles-a15ac706.js';
+import './index-499af97a.js';
+import './index-515a8bf9.js';
+import { T as Text } from './index-f35a0aab.js';
+import { B as Button } from './index-f374f9f1.js';
+import './index-6f1dee1a.js';
+import './index.styles-9c4af062.js';
 import '@mantine/hooks';
-import './utils-b0126584.js';
+import './utils-2b4131a5.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-72a0f0b1.js';
-import { B as Button$1 } from './index-a9686ded.js';
-import './translationsContext-8b36ac25.js';
+import { d as decodeMention, b as decodePostUrl } from './post-dabc5031.js';
+import { B as Button$1 } from './index-ddc8f8b5.js';
+import './translationsContext-97d7f3f5.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-78e362e9.js → index-91c071c1.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-89964b3c.js';
+import { _ as __rest } from './tslib.es6-b6091bcc.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-bc325ecc.js';
+import { T as Text } from './index-f35a0aab.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-690dbd80.js → index-9be53398.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-89964b3c.js';
+import { _ as __rest } from './tslib.es6-b6091bcc.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-6671c8d0.js';
+import { Z as ZINDEX_SSO } from './index-499af97a.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {