@hhgtech/hhg-components 1.29.506 → 1.29.507-beta-2

package/build/esm/{index-082fecdb.js → index-9bf25fd9.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.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-f53e7366.js';
-import { L as LOCALE } from './Locale-71d8513c.js';
+import { L as LastPeriod } from './LastPeriod-70c4d136.js';
+import { L as LOCALE } from './Locale-97b570a2.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-a8beeaa4.js';
-import { D as DatePicker } from './index-77ba276a.js';
-import { T as Text } from './index-d750be27.js';
-import './index-d7abbc11.js';
-import './index-4e3a6da4.js';
-import './index.styles-25702d0e.js';
-import { u as useTranslations } from './index-50cef9eb.js';
+import { R as Radio, I as Input, S as Select } from './index-9af7ae13.js';
+import { D as DatePicker } from './index-c949ade4.js';
+import { T as Text } from './index-4de6e9a3.js';
+import './index-6c83781d.js';
+import './index-4ef2a3d6.js';
+import './index.styles-67f572ac.js';
+import { u as useTranslations } from './index-75460330.js';
 import '@mantine/hooks';
-import './index-1d917192.js';
-import './utils-6b28d936.js';
-import './index-d9b64979.js';
-import { H as HealthToolFormWrapper } from './index-12361811.js';
+import './index-f3cb6c3c.js';
+import './utils-b9867460.js';
+import './index-2e8c2997.js';
+import { H as HealthToolFormWrapper } from './index-a97f2706.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-9d2faec9.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-2c6bf422.js';
+import { C as CardWrapperContext } from './context-534d14e7.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-021c1657.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-da46f7c2.js → index-9dd4bbf2.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-6b28d936.js';
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { B as Breakpoints } from './utils-b9867460.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-390dbb22.js → index-a47abb71.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-bdac910e.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-6b28d936.js';
-import { u as useTranslations } from './index-50cef9eb.js';
-import { T as TogetherComponentGlobalContext } from './utils-2180b82b.js';
+import { H as Heading } from './index-cdb9614f.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-b9867460.js';
+import { u as useTranslations } from './index-75460330.js';
+import { T as TogetherComponentGlobalContext } from './utils-6e8ebb0a.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-d750be27.js';
+import { T as Text } from './index-4de6e9a3.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-b2888304.js → index-a7e53055.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-39cb5af3.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-c05b5f2d.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-a8beeaa4.js';
+import { I as Input, S as Select } from './index-9af7ae13.js';
 import '@mantine/dates';
-import { f as CDN_ADDRESS } from './index-2c6bf422.js';
-import './index-24e1e78b.js';
-import './index-368b6229.js';
-import './index-1d917192.js';
-import './index-d750be27.js';
-import './index-d7abbc11.js';
-import './index-4e3a6da4.js';
-import './index.styles-25702d0e.js';
-import { u as useTranslations } from './index-50cef9eb.js';
+import { f as CDN_ADDRESS } from './index-021c1657.js';
+import './index-3cb9853c.js';
+import './index-c2cacf36.js';
+import './index-f3cb6c3c.js';
+import './index-4de6e9a3.js';
+import './index-6c83781d.js';
+import './index-4ef2a3d6.js';
+import './index.styles-67f572ac.js';
+import { u as useTranslations } from './index-75460330.js';
 import '@mantine/hooks';
-import './utils-6b28d936.js';
-import './index-d9b64979.js';
-import { M as MAPPED_LOCALE } from './utils-240b5d2b.js';
-import { L as LOCALE } from './Locale-71d8513c.js';
+import './utils-b9867460.js';
+import './index-2e8c2997.js';
+import { M as MAPPED_LOCALE } from './utils-d56978f6.js';
+import { L as LOCALE } from './Locale-97b570a2.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-12361811.js → index-a97f2706.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.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-d750be27.js';
-import { B as Button } from './index-d7abbc11.js';
-import { u as useTranslations } from './index-50cef9eb.js';
+import { T as Text } from './index-4de6e9a3.js';
+import { B as Button } from './index-6c83781d.js';
+import { u as useTranslations } from './index-75460330.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-98febf2e.js → index-ac3c981d.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-39cb5af3.js';
+import { a as __awaiter } from './tslib.es6-c05b5f2d.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-da46f7c2.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-2180b82b.js';
+import { I as ImageWrap } from './index-9dd4bbf2.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-6e8ebb0a.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-3fbe1e36.js';
-import { y as youtubeVidIdGetter } from './post-6a73ea3c.js';
-import { L as Loading } from './index-a8b3d580.js';
+import { D as DEFAULT_IMG } from './constants-17cb9372.js';
+import { y as youtubeVidIdGetter } from './post-61d73484.js';
+import { L as Loading } from './index-2da6b9fb.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-926c72db.js → index-ad5793ed.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-085fa2e6.js';
-import { T as Text } from './index-d750be27.js';
+import { C as Container } from './index-a5e219e7.js';
+import { T as Text } from './index-4de6e9a3.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-91c7f49c.js → index-b586002d.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-a8beeaa4.js';
-import { D as DatePicker } from './index-77ba276a.js';
-import { T as Text } from './index-d750be27.js';
-import './index-d7abbc11.js';
+import { I as Input } from './index-9af7ae13.js';
+import { D as DatePicker } from './index-c949ade4.js';
+import { T as Text } from './index-4de6e9a3.js';
+import './index-6c83781d.js';
 import { theme } from './miscTheme.js';
-import './index-4e3a6da4.js';
-import './index.styles-25702d0e.js';
-import { u as useTranslations } from './index-50cef9eb.js';
+import './index-4ef2a3d6.js';
+import './index.styles-67f572ac.js';
+import { u as useTranslations } from './index-75460330.js';
 import '@mantine/hooks';
-import './index-1d917192.js';
-import './utils-6b28d936.js';
-import './index-d9b64979.js';
-import { C as CardWrapperContext } from './context-9d2faec9.js';
-import { I as INPUT_RANGE } from './constants-6ccab86d.js';
-import { H as HealthToolFormWrapper } from './index-12361811.js';
-import { G as GenderOptionControl } from './index-b78f584a.js';
-import { L as LOCALE } from './Locale-71d8513c.js';
+import './index-f3cb6c3c.js';
+import './utils-b9867460.js';
+import './index-2e8c2997.js';
+import { C as CardWrapperContext } from './context-534d14e7.js';
+import { I as INPUT_RANGE } from './constants-ffb29ef3.js';
+import { H as HealthToolFormWrapper } from './index-a97f2706.js';
+import { G as GenderOptionControl } from './index-d9297a18.js';
+import { L as LOCALE } from './Locale-97b570a2.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-69fa9ab7.js → index-be73fb3f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.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-2c6bf422.js';
+import { Z as ZINDEX_SSO } from './index-021c1657.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-77ba276a.js → index-c949ade4.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-2c6bf422.js';
-import './index-24e1e78b.js';
-import { C as CommonGAssets } from './index-368b6229.js';
-import { M as MAPPED_LOCALE } from './index-1d917192.js';
-import { L as LOCALE } from './Locale-71d8513c.js';
+import { I as ISO_FORMAT } from './index-021c1657.js';
+import './index-3cb9853c.js';
+import { C as CommonGAssets } from './index-c2cacf36.js';
+import { M as MAPPED_LOCALE } from './index-f3cb6c3c.js';
+import { L as LOCALE } from './Locale-97b570a2.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-084db623.js → index-cb1fc751.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-50cef9eb.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-6b28d936.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-dc5a4f4b.js';
-import { I as Icon } from './index-b13a5c0f.js';
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
-import { U as UserAvatar } from './index-2c77a45d.js';
-import { I as ImageWrap, u as useScreenSize } from './index-da46f7c2.js';
-import './index-2c6bf422.js';
-import { C as CommonGAssets } from './index-368b6229.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-2180b82b.js';
-import { B as Button } from './index-e3e3ad1c.js';
-import { T as Text } from './index-d750be27.js';
+import { u as useTranslations } from './index-75460330.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-b9867460.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-13a5e124.js';
+import { I as Icon } from './index-70ee59a0.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
+import { U as UserAvatar } from './index-7865da12.js';
+import { I as ImageWrap, u as useScreenSize } from './index-9dd4bbf2.js';
+import './index-021c1657.js';
+import { C as CommonGAssets } from './index-c2cacf36.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-6e8ebb0a.js';
+import { B as Button } from './index-7ce71509.js';
+import { T as Text } from './index-4de6e9a3.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-a8b3d580.js';
-import { H as Heading } from './index-bdac910e.js';
-import { M as Modal } from './index-cec0c4b9.js';
+import { L as Loading } from './index-2da6b9fb.js';
+import { H as Heading } from './index-cdb9614f.js';
+import { M as Modal } from './index-d57ebb47.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-7f2e0a35.js').then((module) => {
+                import('./index-849e4ccb.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-bdac910e.js → index-cdb9614f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-d750be27.js';
+import { T as Text } from './index-4de6e9a3.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-0179d8e2.js → index-cdde15ba.js}

@@ -1,34 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-50cef9eb.js';
+import { u as useTranslations } from './index-75460330.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-368b6229.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-0d96614d.js';
+import { C as CommonGAssets } from './index-c2cacf36.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-1620a691.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-2504d89f.js';
-import { b as getTogetherUserPostsApiPath } from './index-2d34c111.js';
-import { B as Button } from './index-e3e3ad1c.js';
-import { w as workingDays } from './types-633d4ad4.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-7ec48c92.js';
+import { b as getTogetherUserPostsApiPath } from './index-d8f485d6.js';
+import { B as Button } from './index-7ce71509.js';
+import { w as workingDays } from './types-d6fae1ed.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6b28d936.js';
+import { M as MediaQueries } from './utils-b9867460.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-2c6bf422.js';
-import { L as LOCALISED_SLUGS } from './constants-3fbe1e36.js';
-import { T as Text } from './index-5a39e145.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-ef31de40.js';
-import { a as __awaiter } from './tslib.es6-39cb5af3.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-021c1657.js';
+import { L as LOCALISED_SLUGS } from './constants-17cb9372.js';
+import { T as Text } from './index-07111655.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-778178a9.js';
+import { a as __awaiter } from './tslib.es6-c05b5f2d.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-ff6bce8f.js';
+import { u as useTextStyles, T as TextField } from './index-d3090148.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-a8beeaa4.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-4e3a6da4.js';
-import { B as Button$1 } from './index-d7abbc11.js';
-import { M as MAPPED_LOCALE } from './index-1d917192.js';
-import { T as Text$1 } from './index-d750be27.js';
-import { I as ImageWrap } from './index-da46f7c2.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-7fb18f32.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-9af7ae13.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-4ef2a3d6.js';
+import { B as Button$1 } from './index-6c83781d.js';
+import { M as MAPPED_LOCALE } from './index-f3cb6c3c.js';
+import { T as Text$1 } from './index-4de6e9a3.js';
+import { I as ImageWrap } from './index-9dd4bbf2.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-60a24c6d.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-ff6bce8f.js → index-d3090148.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-4e3a6da4.js';
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-4ef2a3d6.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.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-cec0c4b9.js → index-d57ebb47.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-25702d0e.js';
+import { u as useStyles } from './index.styles-67f572ac.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-2d34c111.js → index-d8f485d6.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-39cb5af3.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c05b5f2d.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-46ad869c.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-2c6bf422.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-0d96614d.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-9dfd8d3b.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-ab0a32ef.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-021c1657.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-1620a691.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-4651bb1e.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-de9f49f5.js';
+import './translationsContext-bf9497f3.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-a8beeaa4.js';
+import { I as Input } from './index-9af7ae13.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-0a9ecd53.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-e7bf6de7.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-82b129db.js';
+import { L as Logo$1 } from './index-7270ab64.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-24e1e78b.js';
-import { C as CommonGAssets } from './index-368b6229.js';
-import './index-1d917192.js';
-import { T as Text } from './index-d750be27.js';
-import { B as Button } from './index-d7abbc11.js';
-import './index-4e3a6da4.js';
-import './index.styles-25702d0e.js';
+import { V as VideoType } from './index-3cb9853c.js';
+import { C as CommonGAssets } from './index-c2cacf36.js';
+import './index-f3cb6c3c.js';
+import { T as Text } from './index-4de6e9a3.js';
+import { B as Button } from './index-6c83781d.js';
+import './index-4ef2a3d6.js';
+import './index.styles-67f572ac.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-6b28d936.js';
-import './index-d9b64979.js';
-import { L as LOCALISED_SLUGS } from './constants-0ae6e8f5.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-cc0de742.js';
-import { I as Indicator$1 } from './index-a04101d8.js';
-import { u as useTranslations } from './index-50cef9eb.js';
-import { u as useIsInit } from './useIsInit-5b1c0f4f.js';
-import { L as LOCALIZED_SLUGS } from './constants-7e61845a.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-b9867460.js';
+import './index-2e8c2997.js';
+import { L as LOCALISED_SLUGS } from './constants-8aaf8c02.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4a5eebce.js';
+import { I as Indicator$1 } from './index-e423fbf5.js';
+import { u as useTranslations } from './index-75460330.js';
+import { u as useIsInit } from './useIsInit-ec4f2181.js';
+import { L as LOCALIZED_SLUGS } from './constants-15a71e4e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-e3e3ad1c.js';
-import { H as Heading } from './index-bdac910e.js';
+import { B as Button$1 } from './index-7ce71509.js';
+import { H as Heading } from './index-cdb9614f.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-085fa2e6.js';
+import { C as Container } from './index-a5e219e7.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-2c77a45d.js';
-import { L as LOCALE } from './Locale-71d8513c.js';
+import { U as UserAvatar } from './index-7865da12.js';
+import { L as LOCALE } from './Locale-97b570a2.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-130d7723.js';
+import { g as getDataWithCache } from './core-5fdc84bc.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" }),
@@ -204,7 +204,6 @@ const DisplayWrapper = ({ forceDisplay, mediaQueryKey, children, className, styl
 var styles$2 = {"menuIconWrapper":"wnUb-dV","menuButton":"cjbOxWe","itemNavButton":"-sx0jrx","scale":"EDlp5Zf"};
 
 const ItemMenu = ({ item, menu }) => {
-    const { isWinCashBackTheme: winCashBackTheme } = useContext(NavigationContext);
     const { containerRef, onButtonMouseDown, onClose } = useCSSFocusPopupHelper({
         allowBgScroll: true,
     });
@@ -215,19 +214,15 @@ const ItemMenu = ({ item, menu }) => {
                 React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$2.menuButton }, item.name))));
     }
     return (React__default.createElement(NewWrapper, { isNew: item.isNew },
-        React__default.createElement("div", { ref: containerRef, className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''}`, tabIndex: 0, key: item.id, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, style: { borderBottom: winCashBackTheme ? 'none' : undefined } },
-            React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$2.menuButton, style: { color: winCashBackTheme ? 'white' : undefined } },
+        React__default.createElement("div", { ref: containerRef, className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''}`, tabIndex: 0, key: item.id, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link },
+            React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$2.menuButton },
                 item.name,
                 item.popupType && (React__default.createElement(React__default.Fragment, null, (item === null || item === void 0 ? void 0 : item.icon) ? (React__default.createElement("div", { className: "wrapper-menu-icon" },
-                    React__default.createElement("div", { className: "origin-icon", style: {
-                            filter: winCashBackTheme
-                                ? 'brightness(0) invert(1)'
-                                : undefined,
-                        } }, item.icon),
+                    React__default.createElement("div", { className: "origin-icon" }, item.icon),
                     React__default.createElement("div", { className: "close-icon", onClick: onClose },
-                        React__default.createElement(Close, { size: 16, color: winCashBackTheme ? 'white' : undefined })))) : (React__default.createElement("div", { className: styles$2.menuIconWrapper },
+                        React__default.createElement(Close, { size: 16 })))) : (React__default.createElement("div", { className: styles$2.menuIconWrapper },
                     React__default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
-                        React__default.createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", stroke: winCashBackTheme ? 'white' : '#202135', strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
+                        React__default.createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
             React__default.isValidElement(menu)
                 ? React__default.cloneElement(menu, {
                     onClose,
@@ -2112,6 +2107,41 @@ const StyledHeaderWrapper = styled.div `
     .search-wrapper {
       padding: 8px 16px;
     }
+
+    .hhgcomp-navigation-itemnav-headeritem {
+      border-bottom: none;
+      color: ${theme.colors.white};
+
+      svg {
+        path {
+          stroke: ${theme.colors.white};
+        }
+      }
+
+      .wrapper-menu-icon {
+        .origin-icon {
+          filter: brightness(0) invert(1);
+        }
+        .close-icon {
+          svg {
+            path {
+              fill: ${theme.colors.white};
+            }
+          }
+        }
+      }
+    }
+
+    .profile-nav-group {
+      .login-btn {
+        border-radius: 28px;
+        border-color: rgba(255, 255, 255, 0.2);
+        &:hover {
+          background-color: rgba(255, 255, 255, 0.1);
+          border-color: rgba(255, 255, 255, 0.2);
+        }
+      }
+    }
   }
 
   &[data-site-type='helloSites'] {
@@ -2201,8 +2231,17 @@ const StyledHeader = styled.div `
   }
 
   &[data-win-cash-back-theme='true'] {
+    height: 60px;
+    width: 100%;
+    margin: 0 auto;
+    padding: 0 16px;
+    max-width: 1160px;
+    margin: 0 auto;
+    width: 100%;
     ${MediaQueries.mbDown} {
+      padding: 0 16px;
       background: ${theme.colors.blue900};
+      height: 56px;
     }
   }
 
@@ -2219,7 +2258,7 @@ const StyledLeftGroup = styled.div `
   display: flex;
   align-items: center;
   height: 100%;
-  gap: 24px;
+  gap: 32px;
   ${MediaQueries.pcDown} {
     flex-shrink: 0;
     gap: 12px;
@@ -2421,7 +2460,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 !isMobile && siteType !== 'marryBaby' && (React__default.createElement(NavigationMenu, { menuItems: menuItems.filter((m) => locale === LOCALE.Vietnam
                         ? m.id !== 'ecom' && m.id !== 'care'
                         : true), originalMenuItems: menuItems, className: customClasses.navMenu })),
-                React__default.createElement(StyledProfileNavGroup, null,
+                React__default.createElement(StyledProfileNavGroup, { className: "profile-nav-group" },
                     languageMenu,
                     enableNavChatbotAi && (React__default.createElement(Box, { component: "a", href: `${getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
                         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 :

package/build/esm/{index-b78f584a.js → index-d9297a18.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-a8beeaa4.js';
+import { R as Radio } from './index-9af7ae13.js';
 import '@mantine/dates';
-import './index-2c6bf422.js';
-import './index-24e1e78b.js';
-import { C as CommonGAssets } from './index-368b6229.js';
-import './index-1d917192.js';
-import { T as Text } from './index-d750be27.js';
-import './index-d7abbc11.js';
-import './index-4e3a6da4.js';
-import './index.styles-25702d0e.js';
-import { u as useTranslations } from './index-50cef9eb.js';
+import './index-021c1657.js';
+import './index-3cb9853c.js';
+import { C as CommonGAssets } from './index-c2cacf36.js';
+import './index-f3cb6c3c.js';
+import { T as Text } from './index-4de6e9a3.js';
+import './index-6c83781d.js';
+import './index-4ef2a3d6.js';
+import './index.styles-67f572ac.js';
+import { u as useTranslations } from './index-75460330.js';
 import '@mantine/hooks';
-import './utils-6b28d936.js';
-import './index-d9b64979.js';
+import './utils-b9867460.js';
+import './index-2e8c2997.js';
 
 const sizeMap = {
     lg: {

package/build/esm/{index-6cfa016c.js → index-dde5e116.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-39cb5af3.js';
+import { _ as __rest } from './tslib.es6-c05b5f2d.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-1d917192.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-4e3a6da4.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-f3cb6c3c.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-4ef2a3d6.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);