@hhgtech/hhg-components 1.29.511-beta-4 → 1.29.511-beta-6

package/build/esm/{index-2e5ac807.js → index-49e7063d.js}

@@ -1,56 +1,60 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-32ebdc02.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c559b3e8.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-49f5f63a.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-7207998c.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-fd09ee9c.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-caa9a4ef.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-9f0a4d80.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-afcf458c.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-21fc53fe.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-aef34b23.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-caa64751.js';
+import './translationsContext-603cbb79.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-943fda9f.js';
+import { I as Input } from './index-cbec5583.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-a9d4da8b.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-82ae8cb1.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-f1f0c954.js';
+import { L as Logo$1 } from './index-4cab02d2.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-1d49f721.js';
-import { C as CommonGAssets } from './index-601a7bc7.js';
-import './index-e508b476.js';
-import { T as Text } from './index-97f62156.js';
-import { B as Button } from './index-8666cf5d.js';
-import './index-20d472d4.js';
-import './index.styles-1b9b3005.js';
+import { V as VideoType } from './index-dcce19a7.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
+import './index-9f688bbf.js';
+import { T as Text } from './index-57abf279.js';
+import { B as Button } from './index-97f227e0.js';
+import './index-303c14f2.js';
+import './index.styles-a443f621.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-169720fe.js';
-import './index-08366c25.js';
-import { L as LOCALISED_SLUGS } from './constants-981ab317.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-a9cc7615.js';
-import { I as Indicator$1 } from './index-e9f5b16c.js';
-import { u as useTranslations } from './index-042dcb4e.js';
-import { u as useIsInit } from './useIsInit-f75bfa5b.js';
-import { L as LOCALIZED_SLUGS } from './constants-943dbe86.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-ca8fa8f0.js';
+import './index-45af635c.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-690ea3c0.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-46720cb9.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-aeed9500.js';
+import { I as Indicator$1 } from './index-534ea247.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-65cdf976.js';
+import { L as LOCALIZED_SLUGS } from './constants-35914805.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-7fc2a46d.js';
-import { H as Heading } from './index-ebc412ff.js';
+import { B as Button$1 } from './index-73095d19.js';
+import { H as Heading } from './index-fc62f9a6.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-c9a42dc8.js';
+import { C as Container } from './index-4ced2b7f.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-6c8ef0be.js';
-import { L as LOCALE } from './Locale-016dce17.js';
+import { U as UserAvatar } from './index-c62e78eb.js';
+import { C as CartCareButton } from './index-b2ddce97.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-488dcc95.js';
+import { g as getDataWithCache } from './core-a1950fde.js';
 
-const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props),
+    React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "22", height: "28", viewBox: "0 0 22 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+/* eslint-disable prettier/prettier */
+const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 22 28", fill: "none" }, props),
     React.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
@@ -2134,6 +2138,19 @@ const StyledHeaderWrapper = styled.div `
     }
 
     .profile-nav-group {
+      margin-left: 12px;
+      gap: 24px;
+
+      ${MediaQueries.pcDown} {
+        margin-left: 16px;
+        gap: 16px;
+      }
+
+      ${MediaQueries.mbDown} {
+        margin-left: 0;
+        gap: 16px;
+      }
+
       .login-btn {
         border-radius: 28px;
         border-color: rgba(255, 255, 255, 0.2);
@@ -2144,6 +2161,16 @@ const StyledHeaderWrapper = styled.div `
       }
     }
 
+    .hhgcomp-navigation-itemnav-headeritem {
+      gap: 2px;
+      ${MediaQueries.pcUp} {
+        padding: 0 12px;
+      }
+      ${MediaQueries.pcDown} {
+        padding: 0 6px;
+      }
+    }
+
     .mobile-close-icon {
       path {
         stroke: ${theme.colors.white};
@@ -2382,7 +2409,7 @@ const StyleButtonAiChat = styled(Button) `
 `;
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
     // sitewideBannerShown = true,
     sitewideSite = 'discover', sponsorComponent, isHomepage = false, 
@@ -2391,7 +2418,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // ssrMenuContent: { categories, healthTools, care, together },
     configs: { statics, 
     // enableNavCareBooking,
-    enableSearchBar, enableNavChatbotAi, enableNavClinityDownload, enableAppIntroPage,
+    enableSearchBar, enableNavChatbotAi, enableNavClinityDownload, enableAppIntroPage, enableNavCartCare,
     // enableNavVideo,
     // enableNavCare,
     // enableProfileMyHealth,
@@ -2408,6 +2435,9 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const scrollY = useRef(47);
     const headerRef = useRef(null);
     const collapsedMenu = useRef(false);
+    const { getHref } = useCartCareService();
+    const cartBaseUrl = `${getCurrentBaseUrl(locale)}/${CARE_BASE_PATH}/${(_a = LOCALISED_SLUGS$1[locale]) === null || _a === void 0 ? void 0 : _a.CART}/`;
+    const cartHref = getHref();
     const goToLogin = () => {
         if (IS_SSOV2_ENABLED(locale))
             return triggerLogin();
@@ -2417,7 +2447,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
-        ? (_a = LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE
+        ? (_b = LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = useCallback(throttle(() => {
@@ -2475,11 +2505,12 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         : true), originalMenuItems: menuItems, className: customClasses.navMenu })),
                 React__default.createElement(StyledProfileNavGroup, { className: "profile-nav-group" },
                     languageMenu,
+                    enableNavCartCare && winCashBackTheme && (React__default.createElement(CartCareButton, { href: cartHref !== null && cartHref !== void 0 ? cartHref : cartBaseUrl, count: cartHref ? 1 : 0 })),
                     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" },
-                        React__default.createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default.createElement(ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
-                            _b.SITE_NAME,
+                        React__default.createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default.createElement(ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
+                            _c.SITE_NAME,
                             " AI"))),
-                    enableNavClinityDownload && (React__default.createElement(Box, { component: "a", href: `${(_c = STATIC_PAGES[locale]) === null || _c === void 0 ? void 0 : _c.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_d = STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
+                    enableNavClinityDownload && (React__default.createElement(Box, { component: "a", href: `${(_d = STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_e = STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
                         React__default.createElement("img", { src: CommonGAssets.getAssetPath('clinity-download.png'), alt: "Clinity", className: "clinity-logo", style: { display: 'block' } }))),
                     slot,
                     React__default.createElement(NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 

package/build/esm/{index-42ced94a.js → index-4c4143c5.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-042dcb4e.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-169720fe.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-6b76b46c.js';
-import { I as Icon } from './index-1ca3c412.js';
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
-import { U as UserAvatar } from './index-6c8ef0be.js';
-import { I as ImageWrap, u as useScreenSize } from './index-8eec8241.js';
-import './index-7207998c.js';
-import { C as CommonGAssets } from './index-601a7bc7.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-1a33ddc4.js';
-import { B as Button } from './index-7fc2a46d.js';
-import { T as Text } from './index-97f62156.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-ca8fa8f0.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-6172dbce.js';
+import { I as Icon } from './index-38e1feba.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
+import { U as UserAvatar } from './index-c62e78eb.js';
+import { I as ImageWrap, u as useScreenSize } from './index-d9f19dc8.js';
+import './index-afcf458c.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-e5694348.js';
+import { B as Button } from './index-73095d19.js';
+import { T as Text } from './index-57abf279.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-e29764c9.js';
-import { H as Heading } from './index-ebc412ff.js';
-import { M as Modal } from './index-642d3c07.js';
+import { L as Loading } from './index-fac94ca8.js';
+import { H as Heading } from './index-fc62f9a6.js';
+import { M as Modal } from './index-d7aafea4.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-7323d813.js').then((module) => {
+                import('./index-a555c377.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-f1f0c954.js → index-4cab02d2.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-016dce17.js';
-import { C as CommonGAssets } from './index-601a7bc7.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-169720fe.js';
-import { L as LogoIcon } from './logoIcon-f97ff3a8.js';
-import './index-1d49f721.js';
-import { I as ImageWrap } from './index-8eec8241.js';
+import { M as MediaQueries } from './utils-ca8fa8f0.js';
+import { L as LogoIcon } from './logoIcon-8d4cf11c.js';
+import './index-dcce19a7.js';
+import { I as ImageWrap } from './index-d9f19dc8.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-e506cd60.js → index-4e44e9f4.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-943fda9f.js';
+import './index-cbec5583.js';
 import '@mantine/dates';
-import './index-7207998c.js';
-import './index-1d49f721.js';
-import './index-601a7bc7.js';
-import './index-e508b476.js';
-import { T as Text } from './index-97f62156.js';
-import './index-8666cf5d.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-20d472d4.js';
-import './index.styles-1b9b3005.js';
-import { u as useTranslations } from './index-042dcb4e.js';
+import './index-afcf458c.js';
+import './index-dcce19a7.js';
+import './index-1e8995e3.js';
+import './index-9f688bbf.js';
+import { T as Text } from './index-57abf279.js';
+import './index-97f227e0.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-303c14f2.js';
+import './index.styles-a443f621.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-169720fe.js';
-import './index-08366c25.js';
-import { C as CardWrapperContext } from './context-1b4e33cf.js';
+import { M as MediaQueries } from './utils-ca8fa8f0.js';
+import './index-45af635c.js';
+import { C as CardWrapperContext } from './context-e79613e8.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-3304aff2.js → index-4f507378.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-97f62156.js';
-import { B as Button } from './index-8666cf5d.js';
-import { u as useTranslations } from './index-042dcb4e.js';
+import { T as Text } from './index-57abf279.js';
+import { B as Button } from './index-97f227e0.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c17aed2f.js → index-52886348.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-32ebdc02.js';
+import { a as __awaiter } from './tslib.es6-c559b3e8.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-fd09ee9c.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-7207998c.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-21fc53fe.js';
+import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-afcf458c.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-016dce17.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-e9f5b16c.js → index-534ea247.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-97f62156.js → index-57abf279.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-20d472d4.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-303c14f2.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-b34e8e8e.js → index-5f8ff09a.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-20d472d4.js';
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-303c14f2.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-6b76b46c.js → index-6172dbce.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-32ebdc02.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c559b3e8.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-042dcb4e.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-42349c42.js';
-import { L as LOCALIZED_SLUGS } from './constants-943dbe86.js';
-import { B as Button } from './index-8666cf5d.js';
-import './index-7207998c.js';
-import { c as callApi, g as getCarePath } from './utils-1a33ddc4.js';
+import { P as PATHS } from './paths-75d99d3a.js';
+import { L as LOCALIZED_SLUGS } from './constants-35914805.js';
+import { B as Button } from './index-97f227e0.js';
+import './index-afcf458c.js';
+import { c as callApi, g as getCarePath } from './utils-e5694348.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-e9931ee8.js → index-68216bc7.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-943fda9f.js';
-import { D as DatePicker } from './index-6dad05f5.js';
-import { T as Text } from './index-97f62156.js';
-import './index-8666cf5d.js';
-import './index-20d472d4.js';
-import './index.styles-1b9b3005.js';
-import { u as useTranslations } from './index-042dcb4e.js';
+import './index-cbec5583.js';
+import { D as DatePicker } from './index-a56b2051.js';
+import { T as Text } from './index-57abf279.js';
+import './index-97f227e0.js';
+import './index-303c14f2.js';
+import './index.styles-a443f621.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 import '@mantine/hooks';
-import './index-e508b476.js';
-import './utils-169720fe.js';
-import './index-08366c25.js';
-import { C as CardWrapperContext } from './context-1b4e33cf.js';
-import { H as HealthToolFormWrapper } from './index-3304aff2.js';
-import { G as GenderOptionControl } from './index-ce974ee8.js';
+import './index-9f688bbf.js';
+import './utils-ca8fa8f0.js';
+import './index-45af635c.js';
+import { C as CardWrapperContext } from './context-e79613e8.js';
+import { H as HealthToolFormWrapper } from './index-4f507378.js';
+import { G as GenderOptionControl } from './index-c590550d.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-41996ae5.js → index-6e08032c.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-97181361.js';
+import { L as Label } from './index-add30e03.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-21faadb0.js → index-711c15a2.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-169720fe.js';
+import { t as toggleNoScroll } from './utils-ca8fa8f0.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-2f0b26e4.js';
-import { T as Text } from './index-97f62156.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-9e1a3bd4.js';
+import { T as Text } from './index-57abf279.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-7fc2a46d.js → index-73095d19.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-8666cf5d.js';
+import { B as Button$1 } from './index-97f227e0.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-64ad40d4.js → index-78177df4.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-458b7b6f.js';
-import { L as LOCALE } from './Locale-016dce17.js';
+import { L as LastPeriod } from './LastPeriod-14897005.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-943fda9f.js';
-import { D as DatePicker } from './index-6dad05f5.js';
-import { T as Text } from './index-97f62156.js';
-import './index-8666cf5d.js';
-import './index-20d472d4.js';
-import './index.styles-1b9b3005.js';
-import { u as useTranslations } from './index-042dcb4e.js';
+import { R as Radio, I as Input, S as Select } from './index-cbec5583.js';
+import { D as DatePicker } from './index-a56b2051.js';
+import { T as Text } from './index-57abf279.js';
+import './index-97f227e0.js';
+import './index-303c14f2.js';
+import './index.styles-a443f621.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 import '@mantine/hooks';
-import './index-e508b476.js';
-import './utils-169720fe.js';
-import './index-08366c25.js';
-import { H as HealthToolFormWrapper } from './index-3304aff2.js';
+import './index-9f688bbf.js';
+import './utils-ca8fa8f0.js';
+import './index-45af635c.js';
+import { H as HealthToolFormWrapper } from './index-4f507378.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-1b4e33cf.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-7207998c.js';
+import { C as CardWrapperContext } from './context-e79613e8.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-afcf458c.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-69d0b2e0.js → index-78bacba3.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-a9d4da8b.js → index-82ae8cb1.js}

@@ -1,33 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-32ebdc02.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c559b3e8.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-732333ad.js';
-import { A as Avatar } from './index-943fda9f.js';
-import { B as Button } from './index-8666cf5d.js';
-import { T as Text } from './index-97f62156.js';
-import { u as useTranslations } from './index-042dcb4e.js';
-import { C as CommonGAssets } from './index-601a7bc7.js';
+import { S as Spinner } from './Spinner-699b0058.js';
+import { A as Avatar } from './index-cbec5583.js';
+import { B as Button } from './index-97f227e0.js';
+import { T as Text } from './index-57abf279.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-169720fe.js';
+import { M as MediaQueries } from './utils-ca8fa8f0.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-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-7207998c.js';
-import { d as domainLocalesMarryBaby } from './utils-1a33ddc4.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-fd09ee9c.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, e as LOCALE_HAS_CART_CARE_SITE } from './index-afcf458c.js';
+import { d as domainLocalesMarryBaby } from './utils-e5694348.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-21fc53fe.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" })));
+/* eslint-disable prettier/prettier */
+const LoginBlueWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 32 32", fill: "none" }, 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" })));
+/* eslint-disable prettier/prettier */
+const UserPlain = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, 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(() => {
@@ -52,6 +54,7 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
         const enableProfileMyHealth = true;
         const enableNavVideo = VIDEO_LOCALES.includes(locale);
         const enableNavClinityDownload = HAS_CLINITY_DOWNLOAD_SITE.includes(locale);
+        const enableNavCartCare = LOCALE_HAS_CART_CARE_SITE.includes(locale);
         const baseUrl = getCurrentBaseUrl(locale, siteType === 'marryBaby');
         let fixBaseUrl = baseUrl;
         if (typeof window !== 'undefined') {
@@ -86,6 +89,7 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
             enableProfileMySaved,
             statics,
             enableNavClinityDownload,
+            enableNavCartCare,
         };
     }, []);
     return config;
@@ -375,7 +379,12 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default.createElement(React__default.Fragment, null,
         siteType === 'helloSites' &&
-            (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: {
+            (isLoginIcon ? (winCashBackTheme ? (React__default.createElement(LoginBlueWhite, { className: "mobile-only", style: {
+                    cursor: 'pointer',
+                    width: 32,
+                    height: 32,
+                    flexShrink: 0,
+                } })) : (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
@@ -391,7 +400,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: winCashBackTheme ? (React__default.createElement(UserPlain, null)) : (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, { style: { flexShrink: 0, width: 20, height: 20 } })) : (React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 })), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
-export { BlueWhiteLogin as B, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };
+export { LoginBlueWhite as L, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };