@hhgtech/hhg-components 1.29.511-beta-5 → 1.29.511-beta-7

package/build/esm/{index-2c927724.js → index-22d4ee98.js}

@@ -1,56 +1,60 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-57d9b6a7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-765cd1ab.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-5681cb5f.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-8f49c7dc.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-f81893c3.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-cffa2592.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-9e5492e8.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-5b99c353.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-bcf51bb6.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-6fa2be8e.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-c163dd2e.js';
+import './translationsContext-2946252c.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-03c0d9af.js';
+import { I as Input } from './index-c674aac7.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-04da96cc.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-59832a48.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-ca56cffe.js';
+import { L as Logo$1 } from './index-aacc561c.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-d8317608.js';
-import { C as CommonGAssets } from './index-6d01a4d3.js';
-import './index-7df689c8.js';
-import { T as Text } from './index-00c53d29.js';
-import { B as Button } from './index-1cebed66.js';
-import './index-8321e658.js';
-import './index.styles-be71dd60.js';
+import { V as VideoType } from './index-805c2478.js';
+import { C as CommonGAssets } from './index-fc4c0bc8.js';
+import './index-571f0eb3.js';
+import { T as Text } from './index-7be94e11.js';
+import { B as Button } from './index-9f6bc48a.js';
+import './index-c8bd0222.js';
+import './index.styles-d312817d.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-02025286.js';
-import './index-72c301e2.js';
-import { L as LOCALISED_SLUGS } from './constants-5cc2a077.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-12826c9c.js';
-import { I as Indicator$1 } from './index-66b1e69c.js';
-import { u as useTranslations } from './index-95be7399.js';
-import { u as useIsInit } from './useIsInit-1a139f1a.js';
-import { L as LOCALIZED_SLUGS } from './constants-3421da1a.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-62e23dd0.js';
+import './index-fb4b1a55.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-73477b90.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-72aec5cb.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-8d3e90c9.js';
+import { I as Indicator$1 } from './index-9954003d.js';
+import { u as useTranslations } from './index-d8e770df.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-52e87066.js';
+import { L as LOCALIZED_SLUGS } from './constants-1e52b67d.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-0014761e.js';
-import { H as Heading } from './index-f3913667.js';
-import formatString from 'string-format';
-import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-a5ba0813.js';
+import { B as Button$1 } from './index-453300f8.js';
+import { H as Heading } from './index-c718b6f3.js';
+import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, Z as Z_INDEX, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-f7fe1590.js';
+import { C as Container } from './index-a23533e9.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-5f0b5be5.js';
-import { L as LOCALE } from './Locale-ed6ca791.js';
+import { U as UserAvatar } from './index-3be6e057.js';
+import { C as CartCareButton } from './index-e29cb3fd.js';
+import { L as LOCALE } from './Locale-4cefde67.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-ee0f8041.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { g as getDataWithCache } from './core-d0da8647.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" })));
 
@@ -576,245 +580,6 @@ const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
                 React__default.createElement(Button$1, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__default.createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: CommonGAssets.getAssetPath('community.svg') }))));
 };
 
-const TOGETHER_PATHS = {
-    COMMUNITIES: 'community?website_url={websiteUrl}',
-    MENU_TOPIC: 'topic?community_id={communityId}&website_url={websiteUrl}',
-    GET_USER_POSTS: 'profile/posts?website_url={websiteUrl}',
-};
-const Z_INDEX = {
-    adBlock: 48,
-    headerContainerHome: 99,
-    headerContainerPopup: 300,
-    headerContainerPopupSUbLevel: 400,
-    menuCategoryPopupWrapper: 200,
-    menuCategoryPopupContainer: 210,
-    menuSearchInputPopup: 5,
-    menuSearchInputDisplayIcon: 6,
-    menuSearchPopup: 300,
-    homeSearchComponent: 200,
-};
-
-const formatSponsor = (sponsor) => {
-    if (!sponsor)
-        return {};
-    return {
-        title: sponsor.title,
-        logo: sponsor.logo,
-        link: sponsor.link,
-    };
-};
-const formatReviewedCategory = (data) => {
-    return {
-        postTitle: data.post_title,
-        permalink: data.permalink,
-    };
-};
-const formatFaqsCategory = (data) => {
-    return {
-        title: data.title,
-        content: data.content,
-    };
-};
-const formatCategory = (category) => {
-    var _a, _b;
-    if (!category)
-        return {};
-    return {
-        termId: category.term_id || null,
-        sponsor: category.sponsor ? formatSponsor(category.sponsor) : null,
-        isSponsored: category.is_sponsored || null,
-        categoryName: category.cat_name || category.name || null,
-        name: category.name || null,
-        iconUrl: category.icon || '',
-        slugName: category.category_nicename || null,
-        description: category.description || null,
-        featureImage: category.thumbnail || category.image || null,
-        displayName: category.name || null,
-        parent: category.parent || null,
-        permalink: category.permalink || null,
-        slug: category.slug || null,
-        childCates: ((_a = category.child_cates) === null || _a === void 0 ? void 0 : _a.map((childCate) => {
-            return formatCategory(childCate);
-        })) || [],
-        thumnailColor: category.thumnail_color ||
-            ['#FFEAF1', '#E0E9FB', '#FFF9EB', '#F2FCF7', '#F3F3F3'][(Math.random() * 5) | 0],
-        colorFeatureImage: category.color_feature_image || null,
-        imageColor: category.image_color || null,
-        textColor: category.text_color || null,
-        catParent: ((_b = category.cat_parent) === null || _b === void 0 ? void 0 : _b.name)
-            ? {
-                name: category.cat_parent.name,
-                permalink: category.cat_parent.permalink,
-            }
-            : {},
-        metaTag: category.meta_tag || '',
-        reviewedBy: category.reviewed_by
-            ? formatReviewedCategory(category.reviewed_by)
-            : null,
-        reviewedDate: category.reviewed_date || '',
-        faqs: category.faqs
-            ? category.faqs.map((faq) => formatFaqsCategory(faq))
-            : null,
-        customizedUrl: category.customized_url || null,
-    };
-};
-const formatHealthTool = (healthTool) => {
-    var _a, _b;
-    if (!healthTool)
-        return {};
-    const isBot = (_a = healthTool.link) === null || _a === void 0 ? void 0 : _a.includes('/bot/');
-    const hasFilPrefix = (_b = healthTool.link) === null || _b === void 0 ? void 0 : _b.startsWith('/fil/');
-    const link = healthTool.link
-        ? healthTool.link.startsWith('http')
-            ? healthTool.link
-            : isBot
-                ? healthTool.link
-                : hasFilPrefix
-                    ? healthTool.link
-                        .replace('/health-tools/', '/')
-                        .replace('/fil/', '/fil/health-tools/')
-                    : `/health-tools${healthTool.link.replace('/health-tools/', '/')}`
-        : undefined;
-    return {
-        icon: healthTool.icon,
-        link,
-        subtitle: healthTool.subtitle,
-        title: healthTool.title,
-        isMobileAppTool: !!(healthTool === null || healthTool === void 0 ? void 0 : healthTool.is_mobile_app_tool),
-    };
-};
-const formatSpecialties = (specialties) => {
-    var _a, _b, _c, _d, _e;
-    if (!specialties || !(specialties === null || specialties === void 0 ? void 0 : specialties.object_id))
-        return {};
-    return {
-        thumbnail: ((_a = specialties === null || specialties === void 0 ? void 0 : specialties.object_id) === null || _a === void 0 ? void 0 : _a.logo) || '',
-        link: ((_b = specialties === null || specialties === void 0 ? void 0 : specialties.object_id) === null || _b === void 0 ? void 0 : _b.slug) || '',
-        subtitle: ((_c = specialties.object_id) === null || _c === void 0 ? void 0 : _c.name) || '',
-        name: ((_d = specialties.object_id) === null || _d === void 0 ? void 0 : _d.name) || '',
-        slug: ((_e = specialties.object_id) === null || _e === void 0 ? void 0 : _e.slug) || '',
-    };
-};
-const formatHospital = (hospital) => {
-    var _a, _b, _c, _d, _e;
-    if (!hospital || !(hospital === null || hospital === void 0 ? void 0 : hospital.object_id))
-        return {};
-    return {
-        id: (_a = hospital.object_id) === null || _a === void 0 ? void 0 : _a.id,
-        name: ((_b = hospital.object_id) === null || _b === void 0 ? void 0 : _b.name) || '',
-        logo: ((_c = hospital === null || hospital === void 0 ? void 0 : hospital.object_id) === null || _c === void 0 ? void 0 : _c.logo) || '',
-        description: ((_d = hospital.object_id) === null || _d === void 0 ? void 0 : _d.description) || '',
-        slug: ((_e = hospital.object_id) === null || _e === void 0 ? void 0 : _e.slug) || '',
-    };
-};
-const getTogetherUserPostsApiPath = (locale, isMarryBaby, apiDomain, params) => {
-    const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`;
-    return (apiUrl +
-        'api/v1/' +
-        formatString(TOGETHER_PATHS.GET_USER_POSTS, Object.assign(Object.assign({}, params), { websiteUrl: isMarryBaby
-                ? 'https://marrybaby.vn'
-                : `https://${domainLocales[locale]}` })));
-};
-const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
-    var _a, _b;
-    return `${(_a = LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b[type]) || 'doctor'}/${specialtySlug !== null && specialtySlug !== void 0 ? specialtySlug : ''}`;
-};
-const formatSpotlightsList = (spotlight) => {
-    if (!spotlight)
-        return {};
-    return {
-        id: spotlight.ID,
-        name: spotlight.name,
-        permalink: spotlight.permalink,
-        image: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.small_banner) || (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image) || '',
-        imageMedium: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_medium) || null,
-        imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
-        startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
-        endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
-        buttonDisplay: spotlight.button_display || null,
-    };
-};
-const checkAvailableSpotlight = (spotlight) => {
-    const today = new Date();
-    if (spotlight === null || spotlight === void 0 ? void 0 : spotlight.startDate) {
-        const startDate = new Date(spotlight.startDate);
-        if (today.getTime() < startDate.getTime())
-            return false;
-    }
-    if (spotlight === null || spotlight === void 0 ? void 0 : spotlight.endDate) {
-        const endDate = new Date(spotlight.endDate);
-        if (today.getTime() > endDate.getTime())
-            return false;
-    }
-    return true;
-};
-const formatVideoItem = (data) => {
-    if (typeof data === 'undefined' || !data)
-        return null;
-    return {
-        id: data.ID || '',
-        videoId: data.video_id || '',
-        url: data.video_url || '',
-        title: data.video_title || '',
-        type: data.type || VideoType.VIDEO,
-        totalView: data.total_view || 0,
-        description: data.description || '',
-        createTime: data.create_time || '',
-        duration: data.duration || 0,
-        image: data.image || '',
-        imageMedium: data.image_medium || '',
-        imageThumbnail: data.image_thumbnail || '',
-        active: false,
-        articleLink: data.article_link || '',
-    };
-};
-function hexToRgb(hex, returnObj = false) {
-    let alpha = false, h = hex.slice(hex.startsWith('#') ? 1 : 0);
-    if (h.length === 3)
-        h = [...h].map((x) => x + x).join('');
-    else if (h.length === 8)
-        alpha = true;
-    h = parseInt(h, 16);
-    const obj = {
-        r: h >>> (alpha ? 24 : 16),
-        g: (h & (alpha ? 0x00ff0000 : 0x00ff00)) >>> (alpha ? 16 : 8),
-        b: (h & (alpha ? 0x0000ff00 : 0x0000ff)) >>> (alpha ? 8 : 0),
-    };
-    return returnObj
-        ? obj
-        : 'rgb' +
-            (alpha ? 'a' : '') +
-            '(' +
-            obj.r +
-            ', ' +
-            obj.g +
-            ', ' +
-            obj.b +
-            (alpha ? `, ${h & 0x000000ff}` : '') +
-            ')';
-}
-function rgbToHsb(r, g, b) {
-    r /= 255;
-    g /= 255;
-    b /= 255;
-    const v = Math.max(r, g, b), n = v - Math.min(r, g, b);
-    const h = n === 0
-        ? 0
-        : n && v === r
-            ? (g - b) / n
-            : v === g
-                ? 2 + (b - r) / n
-                : 4 + (r - g) / n;
-    return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
-}
-function hsbToRgb(h, s, b) {
-    s /= 100;
-    b /= 100;
-    const k = (n) => (n + h / 60) % 6;
-    const f = (n) => b * (1 - s * Math.max(0, Math.min(k(n), 4 - k(n), 1)));
-    return [255 * f(5), 255 * f(3), 255 * f(1)];
-}
-
 var styles$1 = {"gridContainer":"q3nL5cp","container":"_2DNf80G","closeWrapper":"Q-glX-n"};
 
 const BtnClosePopup = ({ onClosePopup }) => {
@@ -2134,6 +1899,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 +1922,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 +2170,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 +2179,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 +2196,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 +2208,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 +2266,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, 
@@ -2812,4 +2604,4 @@ const getNavMenuContentWithCache = (locale) => __awaiter(void 0, void 0, void 0,
     return (yield getDataWithCache('nav-menu-content', () => getNavMenuContent(locale || 'en-PH'), (data) => { var _a, _b; return !!((_b = (_a = data === null || data === void 0 ? void 0 : data.categories) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length); })) || {};
 });
 
-export { HamburgerWhite as H, NavigationV2 as N, StarPair as S, getNavMenuContentWithCache as a, getTogetherUserPostsApiPath as b, HHG_SEARCH_BACK_KEY as c, getNavMenuContent as g };
+export { HamburgerWhite as H, NavigationV2 as N, StarPair as S, getNavMenuContentWithCache as a, HHG_SEARCH_BACK_KEY as b, getNavMenuContent as g };

package/build/esm/{index-f01bd6cf.js → index-2bb10c31.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-57d9b6a7.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-765cd1ab.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-03c0d9af.js';
+import { I as Input, S as Select } from './index-c674aac7.js';
 import '@mantine/dates';
-import { f as CDN_ADDRESS } from './index-8f49c7dc.js';
-import './index-d8317608.js';
-import './index-6d01a4d3.js';
-import './index-7df689c8.js';
-import './index-00c53d29.js';
-import './index-1cebed66.js';
-import './index-8321e658.js';
-import './index.styles-be71dd60.js';
-import { u as useTranslations } from './index-95be7399.js';
+import { g as CDN_ADDRESS } from './index-5b99c353.js';
+import './index-805c2478.js';
+import './index-fc4c0bc8.js';
+import './index-571f0eb3.js';
+import './index-7be94e11.js';
+import './index-9f6bc48a.js';
+import './index-c8bd0222.js';
+import './index.styles-d312817d.js';
+import { u as useTranslations } from './index-d8e770df.js';
 import '@mantine/hooks';
-import './utils-02025286.js';
-import './index-72c301e2.js';
-import { M as MAPPED_LOCALE } from './utils-62bea119.js';
-import { L as LOCALE } from './Locale-ed6ca791.js';
+import './utils-62e23dd0.js';
+import './index-fb4b1a55.js';
+import { M as MAPPED_LOCALE } from './utils-673530b6.js';
+import { L as LOCALE } from './Locale-4cefde67.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-0ac38f0e.js → index-3b33844c.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-02025286.js';
-import { _ as __rest } from './tslib.es6-57d9b6a7.js';
+import { B as Breakpoints } from './utils-62e23dd0.js';
+import { _ as __rest } from './tslib.es6-765cd1ab.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-5f0b5be5.js → index-3be6e057.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-57d9b6a7.js';
+import { _ as __rest } from './tslib.es6-765cd1ab.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-a931e837.js';
+import { T as TogetherComponentGlobalContext } from './utils-72d1957e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-ed36f0ef.js → index-3e21ac56.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-57d9b6a7.js';
+import { _ as __rest } from './tslib.es6-765cd1ab.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-03c0d9af.js';
-import { D as DatePicker } from './index-79a5731a.js';
-import { T as Text } from './index-00c53d29.js';
-import './index-1cebed66.js';
-import './index-8321e658.js';
-import './index.styles-be71dd60.js';
-import { u as useTranslations } from './index-95be7399.js';
+import './index-c674aac7.js';
+import { D as DatePicker } from './index-136e021f.js';
+import { T as Text } from './index-7be94e11.js';
+import './index-9f6bc48a.js';
+import './index-c8bd0222.js';
+import './index.styles-d312817d.js';
+import { u as useTranslations } from './index-d8e770df.js';
 import '@mantine/hooks';
-import './index-7df689c8.js';
-import './utils-02025286.js';
-import './index-72c301e2.js';
-import { C as CardWrapperContext } from './context-ae78d033.js';
-import { H as HealthToolFormWrapper } from './index-66191b5c.js';
-import { G as GenderOptionControl } from './index-e1841cb8.js';
+import './index-571f0eb3.js';
+import './utils-62e23dd0.js';
+import './index-fb4b1a55.js';
+import { C as CardWrapperContext } from './context-459267e7.js';
+import { H as HealthToolFormWrapper } from './index-00d2678d.js';
+import { G as GenderOptionControl } from './index-f47f1709.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-d0361da4.js → index-414b66ed.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-57d9b6a7.js';
+import { _ as __rest } from './tslib.es6-765cd1ab.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-03c0d9af.js';
+import './index-c674aac7.js';
 import '@mantine/dates';
-import './index-8f49c7dc.js';
-import './index-d8317608.js';
-import './index-6d01a4d3.js';
-import './index-7df689c8.js';
-import { T as Text } from './index-00c53d29.js';
-import { B as Button } from './index-1cebed66.js';
-import './index-8321e658.js';
-import './index.styles-be71dd60.js';
-import { u as useTranslations } from './index-95be7399.js';
+import './index-5b99c353.js';
+import './index-805c2478.js';
+import './index-fc4c0bc8.js';
+import './index-571f0eb3.js';
+import { T as Text } from './index-7be94e11.js';
+import { B as Button } from './index-9f6bc48a.js';
+import './index-c8bd0222.js';
+import './index.styles-d312817d.js';
+import { u as useTranslations } from './index-d8e770df.js';
 import '@mantine/hooks';
-import './utils-02025286.js';
-import './index-72c301e2.js';
-import { C as CardWrapperContext } from './context-ae78d033.js';
-import { H as HealthToolFormWrapper } from './index-66191b5c.js';
+import './utils-62e23dd0.js';
+import './index-fb4b1a55.js';
+import { C as CardWrapperContext } from './context-459267e7.js';
+import { H as HealthToolFormWrapper } from './index-00d2678d.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-ef10b4d4.js → index-43930feb.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-57d9b6a7.js';
+import { a as __awaiter } from './tslib.es6-765cd1ab.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-0ac38f0e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-a931e837.js';
+import { I as ImageWrap } from './index-3b33844c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-72d1957e.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-66a62572.js';
-import { y as youtubeVidIdGetter } from './post-0590f3ca.js';
-import { L as Loading } from './index-fbe93b04.js';
+import { D as DEFAULT_IMG } from './constants-8d3e90c9.js';
+import { y as youtubeVidIdGetter } from './post-764feffb.js';
+import { L as Loading } from './index-a4dc4512.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-7ac00cc7.js → index-44abe045.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-95be7399.js';
-import { B as Button } from './index-0014761e.js';
+import { u as useTranslations } from './index-d8e770df.js';
+import { B as Button } from './index-453300f8.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-0014761e.js → index-453300f8.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-57d9b6a7.js';
+import { _ as __rest } from './tslib.es6-765cd1ab.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-1cebed66.js';
+import { B as Button$1 } from './index-9f6bc48a.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-c299255e.js → index-45476a71.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-57d9b6a7.js';
+import { _ as __rest } from './tslib.es6-765cd1ab.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-02025286.js';
+import { M as MediaQueries } from './utils-62e23dd0.js';
 
 const StyledInput = styled.div `
   position: relative;