@hhgtech/hhg-components 1.29.495-beta-2 → 1.29.495-beta-4

package/build/esm/{index-cd4b4335.js → index-30ecbb49.js}

@@ -1,24 +1,34 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-96cec347.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-20c0a199.js';
+import * as React from 'react';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-c3e3f5ab.js';
-import { a as Avatar } from './index-371b9e01.js';
-import { B as Button } from './index-2a324e67.js';
-import { T as Text } from './index-ae21a912.js';
-import { u as useTranslations } from './index-16a163f5.js';
-import { C as CommonGAssets } from './index-d8218496.js';
+import { S as Spinner } from './Spinner-0b99600a.js';
+import { A as Avatar } from './index-e23d9774.js';
+import { B as Button } from './index-85224b40.js';
+import { T as Text } from './index-0bce1312.js';
+import { u as useTranslations } from './index-bd2e1478.js';
+import { C as CommonGAssets } from './index-abdade88.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-37292b72.js';
+import { M as MediaQueries } from './utils-c4a2fc0d.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-0891419c.js';
-import { i as domainLocalesMarryBaby } from './utils-b7243d3e.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-11124a1f.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-54301611.js';
+import { d as domainLocalesMarryBaby } from './utils-732d970a.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-6be22bda.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 
+const BlueWhiteLogin = (props) => (React.createElement("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React.createElement("rect", { y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
+    React.createElement("path", { d: "M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+
+const UserPlain = (props) => (React.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React.createElement("path", { d: "M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+
 const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
     const config = useMemo(() => {
         const enableSearchBar = projectType === 'discover' ||
@@ -296,6 +306,7 @@ const StyledLoggedOutAnchor = styled.a `
     ${MediaQueries.mbUp} {
       display: block;
       border: 1px solid ${theme.colors.neutral100};
+      color: ${({ winCashBackTheme }) => winCashBackTheme ? theme.colors.white : undefined};
     }
   }
 `;
@@ -313,7 +324,7 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
             React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo, configs: { enableProfileFindMyBooking } }))));
 };
 
-const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
+const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, winCashBackTheme, className, }) => {
     const { t } = useTranslations();
     const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = useState(false);
     const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
@@ -350,18 +361,18 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 setIsLogoutConfirmOpen(false);
                 document.body.classList.toggle('noscroll', false);
                 yield onLogout();
-            }) }))) : (React__default.createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default.createElement(StyledAvatar, null,
+            }) }))) : (React__default.createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, "data-site-type": siteType, onClick: onLoginClick, winCashBackTheme: winCashBackTheme }, isMinifyLogin ? (React__default.createElement(StyledAvatar, null,
         React__default.createElement("img", { src: CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default.createElement(React__default.Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (winCashBackTheme ? (React__default.createElement(BlueWhiteLogin, { className: "mobile-only", style: { cursor: 'pointer' } })) : (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                } })) : (React__default.createElement(Button, { className: "mobile-only", size: "sm", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } }))) : (React__default.createElement(Button, { className: "mobile-only", size: "sm", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 }, styles: {
@@ -373,7 +384,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 paddingLeft: 16,
             } },
             React__default.createElement(Text, { size: "p3", color: theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+        siteType === 'marryBaby' ? (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: winCashBackTheme ? (React__default.createElement(UserPlain, null)) : (React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 })), variant: "ghost", color: "#262626", style: { borderRadius: winCashBackTheme ? 28 : undefined } }, t('navigation.loginJoin')))))));
 };
 
-export { NavigationProfileButton as N, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };
+export { BlueWhiteLogin as B, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };

package/build/esm/{index-86105d99.js → index-33418ff8.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-96cec347.js';
+import { a as __awaiter } from './tslib.es6-20c0a199.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-68cc1a02.js';
-import { T as Text } from './index-ae21a912.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b7243d3e.js';
+import { H as Heading } from './index-fac14f56.js';
+import { T as Text } from './index-0bce1312.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-732d970a.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-382e9fe4.js';
+import { D as DEFAULT_IMG } from './constants-403bc801.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-6cb9bb0c.js → index-375acd9b.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-96cec347.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-20c0a199.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-d6fd87d5.js';
-import { L as LOCALE } from './Locale-695dbbeb.js';
+import './index-08598b4f.js';
+import { L as LOCALE } from './Locale-42aafd11.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-0891419c.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-54301611.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-d8218496.js';
+import { C as CommonGAssets } from './index-abdade88.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-37292b72.js';
-import { C as CustomStylesType, F as FontWeight } from './index-6bc2c495.js';
-import { A as ANIMATION_DURATION } from './shared-2ba7c139.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-c4a2fc0d.js';
+import { C as CustomStylesType, F as FontWeight } from './index-782dfc14.js';
+import { A as ANIMATION_DURATION } from './shared-24dd7c65.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-343aa980.js → index-3d385a2a.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-96cec347.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-20c0a199.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-d415c38b.js';
-import { L as Loading } from './index-14844bfc.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-8f3f3c5b.js';
+import { T as Tabs } from './index-b8024258.js';
+import { L as Loading } from './index-280e9dc1.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-5decfe82.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-b7243d3e.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-732d970a.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-d8218496.js';
-import { I as ImageWrap } from './index-8ca37fb2.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-c62fa87f.js';
-import { S as SocialType } from './index-d6fd87d5.js';
-import { u as useTranslations } from './index-16a163f5.js';
+import { C as CommonGAssets } from './index-abdade88.js';
+import { I as ImageWrap } from './index-3feeedc9.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-2875f9ab.js';
+import { S as SocialType } from './index-08598b4f.js';
+import { u as useTranslations } from './index-bd2e1478.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-371b9e01.js';
+import { a as Anchor$1 } from './index-e23d9774.js';
 import '@mantine/dates';
-import './index-0891419c.js';
-import './index-6cb9bb0c.js';
-import { T as Text } from './index-ae21a912.js';
-import { B as Button } from './index-2a324e67.js';
-import './index-6bc2c495.js';
-import './index.styles-8899296e.js';
+import './index-54301611.js';
+import './index-375acd9b.js';
+import { T as Text } from './index-0bce1312.js';
+import { B as Button } from './index-85224b40.js';
+import './index-782dfc14.js';
+import './index.styles-e08da4ab.js';
 import '@mantine/hooks';
-import './utils-37292b72.js';
+import './utils-c4a2fc0d.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-ae825c8e.js';
-import { B as Button$1 } from './index-efacb14e.js';
-import './translationsContext-687f9e4f.js';
+import { d as decodeMention, b as decodePostUrl } from './post-f029b4b9.js';
+import { B as Button$1 } from './index-0318419c.js';
+import './translationsContext-11c3e0ba.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-8ca37fb2.js → index-3feeedc9.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-37292b72.js';
-import { _ as __rest } from './tslib.es6-96cec347.js';
+import { B as Breakpoints } from './utils-c4a2fc0d.js';
+import { _ as __rest } from './tslib.es6-20c0a199.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-5d32aa77.js → index-451f02fa.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-371b9e01.js';
+import { F as Flag } from './index-e23d9774.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-ae21a912.js';
-import { C as CommonGAssets } from './index-d8218496.js';
-import { _ as __rest } from './tslib.es6-96cec347.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-0891419c.js';
-import { V as VideoType } from './index-d6fd87d5.js';
+import { T as Text } from './index-0bce1312.js';
+import { C as CommonGAssets } from './index-abdade88.js';
+import { _ as __rest } from './tslib.es6-20c0a199.js';
+import { a as ZINDEX_HEADER, e as VIDEO_DETAIL_TEMP_STORAGE } from './index-54301611.js';
+import { V as VideoType } from './index-08598b4f.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-0f3b700f.js';
-import { u as useTranslations } from './index-16a163f5.js';
+import { a as abbreviateNumber } from './number-0ddd3f39.js';
+import { u as useTranslations } from './index-bd2e1478.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-2f8211ab.js';
-import { S as SocialLinkPreview } from './index-363d878d.js';
+import { M as Modal } from './index-6181ffef.js';
+import { S as SocialLinkPreview } from './index-753ae1ff.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [
@@ -364,7 +364,7 @@ const VideoItem$1 = (_a) => {
                                 CommonGAssets.getAssetPath(`videoThumbDefault/${locale}.jpg`), alt: title, onError: (e) => {
                                 e.currentTarget.src = CommonGAssets.getAssetPath(`videoThumbDefault/${locale}.jpg`);
                             } })),
-                    duration && (React__default.createElement(Box, { className: classes.duration },
+                    typeof duration === 'number' && duration > 0 && (React__default.createElement(Box, { className: classes.duration },
                         React__default.createElement(Text, { size: "n1", className: classes.durationTxt }, duration))),
                     React__default.createElement(Flex, { className: classes.overlay, align: 'center', justify: 'center' }, active ? (React__default.createElement(Text, { size: "s3", weight: "semiBold", color: "#fff" }, t('common.playing'))) : (React__default.createElement(Play, { size: isMobile ? 32 : 46 }))))),
             React__default.createElement(Stack, { sx: { [theme.fn.largerThan('sm')]: { gap: 4 }, gap: 2 } },

package/build/esm/{index-5b4b5acd.js → index-4570433d.js}

@@ -1,48 +1,58 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-96cec347.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-20c0a199.js';
+import * as React from 'react';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-5d32aa77.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-0891419c.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-11124a1f.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-8f3f3c5b.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-451f02fa.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-54301611.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-6be22bda.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-5decfe82.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-687f9e4f.js';
+import './translationsContext-11c3e0ba.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-371b9e01.js';
+import { I as Input } from './index-e23d9774.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-cd4b4335.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-30ecbb49.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-8f5c8039.js';
+import { L as Logo$1 } from './index-d583820e.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-d6fd87d5.js';
-import { C as CommonGAssets } from './index-d8218496.js';
-import './index-6cb9bb0c.js';
-import { T as Text } from './index-ae21a912.js';
-import { B as Button } from './index-2a324e67.js';
-import './index-6bc2c495.js';
-import './index.styles-8899296e.js';
+import { V as VideoType } from './index-08598b4f.js';
+import { C as CommonGAssets } from './index-abdade88.js';
+import './index-375acd9b.js';
+import { T as Text } from './index-0bce1312.js';
+import { B as Button } from './index-85224b40.js';
+import './index-782dfc14.js';
+import './index.styles-e08da4ab.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-37292b72.js';
-import './index-d415c38b.js';
-import { L as LOCALISED_SLUGS } from './constants-5b755fd0.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-3a2e6dc1.js';
-import { L as LOCALIZED_SLUGS } from './constants-407f28cf.js';
-import { u as useTranslations } from './index-16a163f5.js';
-import { H as Heading } from './index-68cc1a02.js';
-import { I as Indicator$1 } from './index-d67d0ed6.js';
-import { u as useIsInit } from './useIsInit-a557519d.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-c4a2fc0d.js';
+import './index-b8024258.js';
+import { L as LOCALISED_SLUGS } from './constants-24fb90f9.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-0046d3e6.js';
+import { L as LOCALIZED_SLUGS } from './constants-089983eb.js';
+import { u as useTranslations } from './index-bd2e1478.js';
+import { H as Heading } from './index-fac14f56.js';
+import { I as Indicator$1 } from './index-046cd716.js';
+import { u as useIsInit } from './useIsInit-b5757998.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-efacb14e.js';
+import { B as Button$1 } from './index-0318419c.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-4f3413db.js';
-import { C as Container } from './index-fddcd8d5.js';
-import { L as LOCALE } from './Locale-695dbbeb.js';
+import { U as UserAvatar } from './index-2eb4ce9c.js';
+import { C as Container } from './index-ece0a054.js';
+import { L as LOCALE } from './Locale-42aafd11.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-17038a1f.js';
+import { g as getDataWithCache } from './core-df695399.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" })));
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -74,7 +84,7 @@ const StyleInput = styled(Input) `
 `;
 
 const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
-const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
+const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, winCashBackTheme = false, }) => {
     const { locale, siteType } = useContext(NavigationContext);
     const [keyword, setKeyword] = useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
@@ -139,7 +149,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 }))) : (''), 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 }))) : 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('');
                 }
@@ -193,18 +203,17 @@ const DisplayWrapper = ({ forceDisplay, mediaQueryKey, children, className, styl
 
 var styles$2 = {"menuContainer":"y5VJdvw","menuIcon":"oVhOSCy","menuIconWrapper":"pX8OXTM"};
 
-function ClosePopupIcon({ className }) {
+function ClosePopupIcon({ className, winCashBackTheme }) {
     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: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" }))));
+            React__default.createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: winCashBackTheme ? '#FFFFFF' : '#3E3F58', strokeWidth: "1.3", strokeLinecap: "round" }))));
 }
 
-function HamburgerIcon({ siteType, enableSearch, className, style, }) {
+function HamburgerIcon({ siteType, enableSearch, winCashBackTheme, className, style, }) {
     if (siteType === 'helloSites') {
-        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" })));
+        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" }))));
     }
     /** Marry Baby */
     return (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
@@ -392,7 +401,7 @@ const StyledViewMore$1 = styled.a `
 
 var styles$1 = {"menuIconWrapper":"wnUb-dV","menuButton":"cjbOxWe","itemNavButton":"-sx0jrx","scale":"EDlp5Zf"};
 
-const ItemMenu = ({ item, menu }) => {
+const ItemMenu = ({ item, menu, winCashBackTheme }) => {
     const { containerRef, onButtonMouseDown, onClose } = useCSSFocusPopupHelper({
         allowBgScroll: true,
     });
@@ -403,15 +412,19 @@ const ItemMenu = ({ item, menu }) => {
                 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 },
-            React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$1.menuButton },
+        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 } },
                 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" }, item.icon),
+                    React__default.createElement("div", { className: "origin-icon", style: {
+                            filter: winCashBackTheme
+                                ? 'brightness(0) invert(1)'
+                                : undefined,
+                        } }, item.icon),
                     React__default.createElement("div", { className: "close-icon", onClick: onClose },
-                        React__default.createElement(Close, { size: 16 })))) : (React__default.createElement("div", { className: styles$1.menuIconWrapper },
+                        React__default.createElement(Close, { size: 16, color: winCashBackTheme ? 'white' : undefined })))) : (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: "#202135", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
+                        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.isValidElement(menu)
                 ? React__default.cloneElement(menu, {
                     onClose,
@@ -1836,15 +1849,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 }) => {
+const HamburgerMenu = ({ menuItems, isHomepage, projectType, winCashBackTheme, }) => {
     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" }),
-                    React__default.createElement(HamburgerIcon, { siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon" })),
+                    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(MenuServiceList, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
 };
 
@@ -1853,7 +1866,7 @@ const StyledHeaderWrapper = styled.div `
   width: 100%;
   align-items: center;
 
-  background-color: ${theme.colors.white};
+  background-color: ${({ winCashBackTheme }) => winCashBackTheme ? theme.colors.blue900 : theme.colors.white};
 
   transition: height 0.3s, transform 0.3s;
 
@@ -1939,7 +1952,7 @@ const StyledHeader = styled.div `
   ${MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background: white;
+    background: ${({ winCashBackTheme }) => winCashBackTheme ? theme.colors.blue900 : theme.colors.white};
     gap: 2px;
   }
 
@@ -2299,7 +2312,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, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, winCashBackTheme, }) => {
     var _a, _b, _c, _d;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, 
     // onBookingClick,
@@ -2372,11 +2385,11 @@ 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, 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, winCashBackTheme: winCashBackTheme, className: customClasses.wrapper },
         sitewideBanner,
-        React__default.createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType },
+        React__default.createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType, winCashBackTheme: 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: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType, winCashBackTheme: winCashBackTheme })),
                 logoComponent || (React__default.createElement("a", { style: {
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
@@ -2384,11 +2397,11 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         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 })))))),
+                !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 })))))),
             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, className: customClasses.navMenu })),
+                        : true), originalMenuItems: menuItems, winCashBackTheme: winCashBackTheme, 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" },
@@ -2400,7 +2413,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, className: customClasses.profileBtn }),
+                        currentUrl: currentUrl, onLogout: onLogout, isLoading: isUserLoading, locale: locale, enableAppIntroPage: enableAppIntroPage, isMobile: isMobile, winCashBackTheme: winCashBackTheme, className: customClasses.profileBtn }),
                     cartNumber !== undefined && (React__default.createElement(React__default.Fragment, null,
                         !isMobile && (React__default.createElement("hr", { style: {
                                 height: 20,
@@ -2410,7 +2423,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 }))),
+            React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, winCashBackTheme: winCashBackTheme }))),
         sponsorComponent
             ? !React__default.isValidElement(sponsorComponent)
                 ? sponsorComponent
@@ -2422,12 +2435,12 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : null,
         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' : ''}` },
-    React__default.createElement(SearchInput, { id: "desktop", projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, isRedirectSearchPage: isRedirectSearchPage })));
-const NavigationMenu = ({ menuItems, originalMenuItems, className, }) => {
+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 { 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 }))))));
+        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 }))))));
 };
 
 const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBanner, isMobile, }) => {
@@ -2637,7 +2650,7 @@ const StyledContainer = styled.div `
 
 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 = {}, isWinCashBackTheme = false, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -2661,7 +2674,7 @@ const _NavigationV2 = (props) => {
             '--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 }), 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 }), winCashBackTheme: isWinCashBackTheme, customClasses: customClasses }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);
@@ -2734,4 +2747,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 { HHG_SEARCH_BACK_KEY as H, NavigationV2 as N, getNavMenuContentWithCache as a, getTogetherUserPostsApiPath as b, getNavMenuContent as g };
+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 };

package/build/esm/{index-3146c623.js → index-46b65f70.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-96cec347.js';
+import { a as __awaiter } from './tslib.es6-20c0a199.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-11124a1f.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-0891419c.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-6be22bda.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-54301611.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-695dbbeb.js';
+import { L as LOCALE } from './Locale-42aafd11.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-df9a1700.js → index-4717abd7.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-96cec347.js';
+import { _ as __rest } from './tslib.es6-20c0a199.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-0891419c.js';
+import { Z as ZINDEX_SSO } from './index-54301611.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {