@hhgtech/hhg-components 1.29.514 → 1.29.515-beta-1

package/build/esm/icons/ShoppingCartCare.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SVGProps } from 'react';
+declare const ShoppingCartCare: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ShoppingCartCare;

package/build/esm/icons/StarFull.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { SVGProps } from 'react';
-declare const StarFull: ({ color, stroke, ...props }: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const StarFull: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
 export default StarFull;

package/build/esm/icons/index.d.ts

@@ -1,3 +1,4 @@
+import ArrowRightBlue from "./ArrowRightBlue";
 import CaretDown from "./CaretDown";
 import ChatbotBg from "./ChatbotBg";
 import Check from "./Check";
@@ -6,30 +7,39 @@ import ChevronDown from "./ChevronDown";
 import ChevronLeft from "./ChevronLeft";
 import ChevronRight from "./ChevronRight";
 import ChevronUp from "./ChevronUp";
-import Circle from "./Circle";
+import Clinic from "./Clinic";
 import Clock from "./Clock";
 import Close from "./Close";
+import Credential from "./Credential";
 import CurrentLocation from "./CurrentLocation";
-import Ellipse from "./Ellipse";
+import Education from "./Education";
+import Email from "./Email";
 import EmailCheck from "./EmailCheck";
 import EmailFail from "./EmailFail";
 import Facebook from "./Facebook";
 import Google from "./Google";
+import HPV from "./HPV";
 import HamburgerWhite from "./HamburgerWhite";
 import HelloZalo from "./HelloZalo";
+import Highlight from "./Highlight";
 import InVisible from "./InVisible";
 import LoginBlueWhite from "./LoginBlueWhite";
-import Mobile from "./Mobile";
-import PhoneInactive from "./PhoneInactive";
-import Pin2 from "./Pin2";
 import Search from "./Search";
 import Search2 from "./Search2";
-import ShapedArrowDown from "./ShapedArrowDown";
-import Spinning from "./Spinning";
+import ShoppingCartCare from "./ShoppingCartCare";
 import StarFull from "./StarFull";
 import StarHalf from "./StarHalf";
 import StarPair from "./StarPair";
+import StarUpgrade from "./StarUpgrade";
 import Upload from "./Upload";
 import UserPlain from "./UserPlain";
 import Visible from "./Visible";
-export { CaretDown, ChatbotBg, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Close, CurrentLocation, EmailCheck, EmailFail, Facebook, Google, HelloZalo, InVisible, Search, Search2, StarFull, StarHalf, Visible, Circle, Ellipse, Mobile, PhoneInactive, Pin2, ShapedArrowDown, Spinning, Upload, StarPair, LoginBlueWhite, HamburgerWhite, UserPlain, };
+import Circle from "./Circle";
+import Ellipse from "./Ellipse";
+import Mobile from "./Mobile";
+import PhoneInactive from "./PhoneInactive";
+import Pin2 from "./Pin2";
+import Pin3 from "./Pin3";
+import ShapedArrowDown from "./ShapedArrowDown";
+import Spinning from "./Spinning";
+export { ArrowRightBlue, CaretDown, ChatbotBg, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clinic, Clock, Close, Credential, CurrentLocation, Education, Email, EmailCheck, EmailFail, Facebook, Google, HPV, HamburgerWhite, HelloZalo, Highlight, InVisible, LoginBlueWhite, Search, Search2, ShoppingCartCare, StarFull, StarHalf, StarPair, StarUpgrade, Upload, UserPlain, Visible, Circle, Ellipse, Mobile, PhoneInactive, Pin2, Pin3, ShapedArrowDown, Spinning, };

package/build/esm/{index-dd146082.js → index-017432a4.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-16f01fac.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-316d8e13.js';
-import { H as Heading } from './index-c831693a.js';
-import { u as useTranslations } from './index-8c265f04.js';
+import { B as Button } from './index-a89f6f7e.js';
+import { H as Heading } from './index-64fdd254.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-dc58f5a8.js';
-import { C as CommonGAssets } from './index-297608e7.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-d206ec65.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-934fe7b1.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-8fd0133f.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-5d371d7d.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-279c6ac2.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-4024cb48.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-c1e0ddeb.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0a49e28d.js';
+import { M as MediaQueries } from './utils-414217a0.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-ce226808.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-6fe4d348.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-dc6e1961.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-c3406d22.js';
-import { a as ProfileDetail, P as PostContent } from './index-03a52fa4.js';
-import { a as PostImagePreview } from './index-abd07cc5.js';
-import { S as SocialLinkPreview } from './index-6bc47a7d.js';
-import { D as Divider } from './index-36f78cbe.js';
-import './index-a229fca5.js';
+import { C as CardLink } from './index-eb037bf0.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-46cb06d8.js';
+import { a as ProfileDetail, P as PostContent } from './index-0e331efd.js';
+import { a as PostImagePreview } from './index-5f707f79.js';
+import { S as SocialLinkPreview } from './index-ebe9d6c2.js';
+import { D as Divider } from './index-a100e74f.js';
+import './index-d450d434.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-820b556f.js';
-import { T as Text } from './index-7055f29e.js';
-import { L as Loading } from './index-307a5c05.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-4acb9445.js';
+import { I as Input } from './index-f17fbbcc.js';
+import { T as Text } from './index-d7112617.js';
+import { L as Loading } from './index-70af1863.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-415e7329.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-c408e756.js → index-019b686d.js}

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-0a49e28d.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-414217a0.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-16f01fac.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-820b556f.js';
-import { I as Input } from './index-5c2a08a7.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-f17fbbcc.js';
+import { I as Input } from './index-a9ee9469.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-a229fca5.js';
-import './index-4a067ff0.js';
-import './index-297608e7.js';
-import './index-126b7528.js';
-import './index-7055f29e.js';
-import './index-8794bd57.js';
-import './index-3abf0785.js';
-import './index.styles-55449bb8.js';
-import './translationsContext-f47c7a98.js';
+import './index-d450d434.js';
+import './index-5a9c48c8.js';
+import './index-c05a8783.js';
+import './index-da73c66c.js';
+import './index-d7112617.js';
+import './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
+import './translationsContext-6bbd1f0b.js';
 import '@mantine/hooks';
-import './index-41a6bcc7.js';
+import './index-5419b806.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),

package/build/esm/{index-5a5b26ad.js → index-06311fa4.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-16f01fac.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.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-a9bb98b2.js';
-import { L as LOCALE } from './Locale-badbf0b1.js';
+import { L as LastPeriod } from './LastPeriod-f05c4e1f.js';
+import { L as LOCALE } from './Locale-cedb3ca0.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-5c2a08a7.js';
-import { D as DatePicker } from './index-fa38204f.js';
-import { T as Text } from './index-7055f29e.js';
-import './index-8794bd57.js';
-import './index-3abf0785.js';
-import './index.styles-55449bb8.js';
-import { u as useTranslations } from './index-8c265f04.js';
+import { R as Radio, I as Input, S as Select } from './index-a9ee9469.js';
+import { D as DatePicker } from './index-24852072.js';
+import { T as Text } from './index-d7112617.js';
+import './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import '@mantine/hooks';
-import './index-126b7528.js';
-import './utils-0a49e28d.js';
-import './index-41a6bcc7.js';
-import { H as HealthToolFormWrapper } from './index-1bf3b5b1.js';
+import './index-da73c66c.js';
+import './utils-414217a0.js';
+import './index-5419b806.js';
+import { H as HealthToolFormWrapper } from './index-c8b5da2b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-8f6c5cc3.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-a229fca5.js';
+import { C as CardWrapperContext } from './context-a6f1b0c3.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-d450d434.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-3627b164.js → index-0b2daa23.js}

@@ -1,56 +1,60 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-16f01fac.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ddbf91a2.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-a7114d0f.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-a229fca5.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-4acb9445.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-ce226808.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-48a6847e.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-d450d434.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-415e7329.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-6fe4d348.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-f47c7a98.js';
+import './translationsContext-6bbd1f0b.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-5c2a08a7.js';
+import { I as Input } from './index-a9ee9469.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-9a0cd477.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-e395f4d0.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-2ad4786e.js';
+import { L as Logo$1 } from './index-8e09e771.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-4a067ff0.js';
-import { C as CommonGAssets } from './index-297608e7.js';
-import './index-126b7528.js';
-import { T as Text } from './index-7055f29e.js';
-import { B as Button } from './index-8794bd57.js';
-import './index-3abf0785.js';
-import './index.styles-55449bb8.js';
+import { V as VideoType } from './index-5a9c48c8.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
+import './index-da73c66c.js';
+import { T as Text } from './index-d7112617.js';
+import { B as Button } from './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-0a49e28d.js';
-import './index-41a6bcc7.js';
-import { L as LOCALISED_SLUGS } from './constants-1b8ec518.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-04943e2b.js';
-import { I as Indicator$1 } from './index-64e355fc.js';
-import { u as useTranslations } from './index-8c265f04.js';
-import { u as useIsInit } from './useIsInit-15a7f46d.js';
-import { L as LOCALIZED_SLUGS } from './constants-f43e83fe.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-414217a0.js';
+import './index-5419b806.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-d48eafa8.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-bdf38f06.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-8fd0133f.js';
+import { I as Indicator$1 } from './index-2b5c7a24.js';
+import { u as useTranslations } from './index-3e056fd5.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-5f75718e.js';
+import { L as LOCALIZED_SLUGS } from './constants-2ba9ff6e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-316d8e13.js';
-import { H as Heading } from './index-c831693a.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-2b9e0cc4.js';
-import { C as Container } from './index-8c06a8ac.js';
+import { B as Button$1 } from './index-a89f6f7e.js';
+import { H as Heading } from './index-64fdd254.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-269bb805.js';
+import { C as Container } from './index-c3a3d23d.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-5cc25575.js';
-import { L as LOCALE } from './Locale-badbf0b1.js';
+import { U as UserAvatar } from './index-ee197c14.js';
+import { C as CartCareButton } from './index-95d33682.js';
+import { L as LOCALE } from './Locale-cedb3ca0.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-e6b6b37b.js';
+import { g as getDataWithCache } from './core-22c38684.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" })));
 
@@ -1895,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);
@@ -1905,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};
@@ -2143,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, 
@@ -2152,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,
@@ -2169,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();
@@ -2178,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(() => {
@@ -2236,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, 

package/build/esm/{index-fe253aee.js → index-0b73a592.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-8a2035a6.js';
-import { T as Text } from './index-11ebe681.js';
+import { M as MarryBabyText } from './index-14d27b36.js';
+import { T as Text } from './index-9f2df0ea.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-406a637b.js → index-0cdf01d0.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-7055f29e.js';
+import { T as Text } from './index-d7112617.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-0a49e28d.js';
+import { M as MediaQueries } from './utils-414217a0.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-bf0df030.js';
-import { R as Radio$1 } from './index-5c2a08a7.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-16f01fac.js';
-import { T as Text$1 } from './index-11ebe681.js';
+import { S as ShapedArrowDown } from './index-20accc68.js';
+import { R as Radio$1 } from './index-a9ee9469.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ddbf91a2.js';
+import { T as Text$1 } from './index-9f2df0ea.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-c831693a.js';
-import { C as Close } from './Close-8496f201.js';
-import { u as useTranslations } from './index-8c265f04.js';
+import { H as Heading } from './index-64fdd254.js';
+import { C as Close } from './Close-9cfe4de8.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-e8fdd108.js → index-0d09a5a5.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-16f01fac.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-126b7528.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-3abf0785.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-da73c66c.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-feedc71e.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-03a52fa4.js → index-0e331efd.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-16f01fac.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ddbf91a2.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-41a6bcc7.js';
-import { L as Loading } from './index-e9f4ae0c.js';
-import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-ce226808.js';
+import { T as Tabs } from './index-5419b806.js';
+import { L as Loading } from './index-5a47609f.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-6fe4d348.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-5d371d7d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-4024cb48.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-297608e7.js';
-import { I as ImageWrap } from './index-97d43783.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-c3406d22.js';
-import { S as SocialType } from './index-4a067ff0.js';
-import { u as useTranslations } from './index-8c265f04.js';
+import { C as CommonGAssets } from './index-c05a8783.js';
+import { I as ImageWrap } from './index-2ace5bc2.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-46cb06d8.js';
+import { S as SocialType } from './index-5a9c48c8.js';
+import { u as useTranslations } from './index-3e056fd5.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { b as Anchor$1 } from './index-5c2a08a7.js';
+import { b as Anchor$1 } from './index-a9ee9469.js';
 import '@mantine/dates';
-import './index-a229fca5.js';
-import './index-126b7528.js';
-import { T as Text } from './index-7055f29e.js';
-import { B as Button } from './index-8794bd57.js';
-import './index-3abf0785.js';
-import './index.styles-55449bb8.js';
+import './index-d450d434.js';
+import './index-da73c66c.js';
+import { T as Text } from './index-d7112617.js';
+import { B as Button } from './index-c3766a61.js';
+import './index-feedc71e.js';
+import './index.styles-ee2105d3.js';
 import '@mantine/hooks';
-import './utils-0a49e28d.js';
+import './utils-414217a0.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-32be810f.js';
-import { B as Button$1 } from './index-316d8e13.js';
-import './translationsContext-f47c7a98.js';
+import { d as decodeMention, b as decodePostUrl } from './post-df0151ee.js';
+import { B as Button$1 } from './index-a89f6f7e.js';
+import './translationsContext-6bbd1f0b.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-a31e547d.js → index-11026869.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-16f01fac.js';
+import { _ as __rest } from './tslib.es6-ddbf91a2.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-a229fca5.js';
+import { Z as ZINDEX_SSO } from './index-d450d434.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-8a2035a6.js → index-14d27b36.js}

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

package/build/esm/{index-96bcd9e2.js → index-15ef78ff.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-316d8e13.js';
-import { T as TogetherComponentGlobalContext } from './utils-5d371d7d.js';
+import { B as Button } from './index-a89f6f7e.js';
+import { T as TogetherComponentGlobalContext } from './utils-4024cb48.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';