@hhgtech/hhg-components 1.29.344-beta-1 → 1.29.344

package/build/esm/{index-f76edb1e.js → index-a07f0450.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-ed4013e3.js';
-import { u as useTranslations } from './index-17ac735f.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-dc14269d.js';
-import { I as Input } from './index-60383232.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-f2ef4a4f.js';
+import { u as useTranslations } from './index-181ba301.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-0eb3f5d9.js';
+import { I as Input } from './index-22a71643.js';
 import '@mantine/dates';
-import './index-27b94427.js';
-import './index-926b6794.js';
-import './index-830c091f.js';
-import './useMantineLocale-850125d6.js';
-import './index-53acd19b.js';
-import './index-eb828ee9.js';
-import './index.styles-96f9e18e.js';
+import './index-1fe65885.js';
+import './index-c0153376.js';
+import './index-e5e0bfac.js';
+import './useMantineLocale-56e3c884.js';
+import './index-d79a503e.js';
+import './index-cf6a4d8e.js';
+import './index.styles-51544e61.js';
 import '@mantine/hooks';
-import './utils-2ed3ab9a.js';
-import './other-7fd66ceb.js';
-import './index-d8cbd450.js';
-import { H as HealthToolFormWrapper } from './index-1c5a42dc.js';
-import { I as INPUT_RANGE } from './constants-b2b36e80.js';
+import './utils-063dd9dd.js';
+import './other-0cf1862c.js';
+import './index-16535663.js';
+import { H as HealthToolFormWrapper } from './index-5e3d9286.js';
+import { I as INPUT_RANGE } from './constants-9b531976.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-f570ff76.js → index-acff9001.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-5fc19684.js';
-import { S as Spinner } from './Spinner-eb091d9c.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-a3850483.js';
+import { S as Spinner } from './Spinner-e98266f7.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-e6868b4d.js → index-aebb51a7.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-f9976aa8.js';
-import { T as TogetherComponentGlobalContext } from './utils-ca8df74f.js';
+import { B as Button } from './index-91207181.js';
+import { T as TogetherComponentGlobalContext } from './utils-e78e09cc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-d38d6cf1.js → index-b5711004.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-27b94427.js';
-import './index-926b6794.js';
-import { C as CommonGAssets } from './index-830c091f.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-850125d6.js';
-import { L as LOCALE } from './Locale-4b56a605.js';
+import { I as ISO_FORMAT } from './index-1fe65885.js';
+import './index-c0153376.js';
+import { C as CommonGAssets } from './index-e5e0bfac.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-56e3c884.js';
+import { L as LOCALE } from './Locale-a2d3574c.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-30f6be79.js → index-b9f07375.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-17ac735f.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-2ed3ab9a.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-9288f210.js';
-import { I as Icon } from './index-f570ff76.js';
-import { _ as __rest } from './tslib.es6-46bc9308.js';
-import { U as UserAvatar } from './index-501e585d.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-501097b1.js';
-import './index-27b94427.js';
-import { C as CommonGAssets } from './index-830c091f.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-ca8df74f.js';
-import { B as Button } from './index-f9976aa8.js';
-import { T as Text } from './index-53acd19b.js';
+import { u as useTranslations } from './index-181ba301.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-063dd9dd.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-3c4cd5c4.js';
+import { I as Icon } from './index-acff9001.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
+import { U as UserAvatar } from './index-5c251794.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-365a2f86.js';
+import './index-1fe65885.js';
+import { C as CommonGAssets } from './index-e5e0bfac.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-e78e09cc.js';
+import { B as Button } from './index-91207181.js';
+import { T as Text } from './index-d79a503e.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
 import { keyframes } from '@emotion/react';
-import { H as Heading } from './index-7cf499e2.js';
-import { M as Modal } from './index-7f61ef44.js';
+import { H as Heading } from './index-11fe1ee1.js';
+import { M as Modal } from './index-9899804c.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"};
@@ -957,7 +957,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-98d57734.js').then((module) => {
+                import('./index-203b92b9.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-035bc1ec.js → index-beeb64ee.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-46bc9308.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-cccc76e0.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-60383232.js';
+import { I as Input, S as Select } from './index-22a71643.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-27b94427.js';
-import './index-926b6794.js';
-import './index-830c091f.js';
-import './useMantineLocale-850125d6.js';
-import './index-53acd19b.js';
-import './index-eb828ee9.js';
-import './index.styles-96f9e18e.js';
-import { u as useTranslations } from './index-17ac735f.js';
+import { C as CDN_ADDRESS } from './index-1fe65885.js';
+import './index-c0153376.js';
+import './index-e5e0bfac.js';
+import './useMantineLocale-56e3c884.js';
+import './index-d79a503e.js';
+import './index-cf6a4d8e.js';
+import './index.styles-51544e61.js';
+import { u as useTranslations } from './index-181ba301.js';
 import '@mantine/hooks';
-import './utils-2ed3ab9a.js';
-import './other-7fd66ceb.js';
-import './index-d8cbd450.js';
-import { M as MAPPED_LOCALE } from './utils-965d1297.js';
-import { L as LOCALE } from './Locale-4b56a605.js';
+import './utils-063dd9dd.js';
+import './other-0cf1862c.js';
+import './index-16535663.js';
+import { M as MAPPED_LOCALE } from './utils-d801c857.js';
+import { L as LOCALE } from './Locale-a2d3574c.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-926b6794.js → index-c0153376.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-4b56a605.js';
+import { L as LOCALE } from './Locale-a2d3574c.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-3c6d1121.js → index-c1cda381.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-60383232.js';
+import { t as themeColors } from './index-22a71643.js';
 import '@mantine/dates';
-import './index-27b94427.js';
-import './index-926b6794.js';
-import './index-830c091f.js';
-import './useMantineLocale-850125d6.js';
-import { T as Text } from './index-53acd19b.js';
-import './index-eb828ee9.js';
-import './index.styles-96f9e18e.js';
-import { u as useTranslations } from './index-17ac735f.js';
+import './index-1fe65885.js';
+import './index-c0153376.js';
+import './index-e5e0bfac.js';
+import './useMantineLocale-56e3c884.js';
+import { T as Text } from './index-d79a503e.js';
+import './index-cf6a4d8e.js';
+import './index.styles-51544e61.js';
+import { u as useTranslations } from './index-181ba301.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2ed3ab9a.js';
-import './other-7fd66ceb.js';
-import './index-d8cbd450.js';
+import { M as MediaQueries } from './utils-063dd9dd.js';
+import './other-0cf1862c.js';
+import './index-16535663.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-fde759ed.js → index-c4e86881.js}

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

package/build/esm/{index-eb828ee9.js → index-cf6a4d8e.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-720d16b7.js → index-d6f40c2e.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-60383232.js';
+import './index-22a71643.js';
 import '@mantine/dates';
-import './index-27b94427.js';
-import './index-926b6794.js';
-import './index-830c091f.js';
-import './useMantineLocale-850125d6.js';
-import { T as Text } from './index-53acd19b.js';
-import { B as Button } from './index-eb828ee9.js';
-import './index.styles-96f9e18e.js';
-import { u as useTranslations } from './index-17ac735f.js';
+import './index-1fe65885.js';
+import './index-c0153376.js';
+import './index-e5e0bfac.js';
+import './useMantineLocale-56e3c884.js';
+import { T as Text } from './index-d79a503e.js';
+import { B as Button } from './index-cf6a4d8e.js';
+import './index.styles-51544e61.js';
+import { u as useTranslations } from './index-181ba301.js';
 import '@mantine/hooks';
-import './utils-2ed3ab9a.js';
-import './other-7fd66ceb.js';
-import './index-d8cbd450.js';
+import './utils-063dd9dd.js';
+import './other-0cf1862c.js';
+import './index-16535663.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-e6cefe31.js → index-d73a4225.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-2ed3ab9a.js';
+import { M as MediaQueries } from './utils-063dd9dd.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-a57eaf50.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-3171b876.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-53acd19b.js → index-d79a503e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-7fd66ceb.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-0cf1862c.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-9dd393f9.js → index-da444251.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-46bc9308.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-cccc76e0.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-ad9437c2.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-27b94427.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-283fcb7b.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-7f179367.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-f4baee95.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-1fe65885.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-073ec4f2.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-3c0f80e8.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-9cbb9490.js';
-import { u as useTranslations } from './index-17ac735f.js';
+import { L as Logo } from './index-81c1e258.js';
+import { u as useTranslations } from './index-181ba301.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-60383232.js';
+import { I as Input } from './index-22a71643.js';
 import '@mantine/dates';
-import './index-926b6794.js';
-import { C as CommonGAssets } from './index-830c091f.js';
-import './useMantineLocale-850125d6.js';
-import { T as Text } from './index-53acd19b.js';
-import { B as Button$1 } from './index-eb828ee9.js';
-import './index.styles-96f9e18e.js';
-import './translationsContext-a4d5ef98.js';
+import './index-c0153376.js';
+import { C as CommonGAssets } from './index-e5e0bfac.js';
+import './useMantineLocale-56e3c884.js';
+import { T as Text } from './index-d79a503e.js';
+import { B as Button$1 } from './index-cf6a4d8e.js';
+import './index.styles-51544e61.js';
+import './translationsContext-192a1040.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-2ed3ab9a.js';
-import './other-7fd66ceb.js';
-import './index-d8cbd450.js';
-import { L as LOCALISED_SLUGS } from './constants-e6a63c15.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-063dd9dd.js';
+import './other-0cf1862c.js';
+import './index-16535663.js';
+import { L as LOCALISED_SLUGS } from './constants-c7bf83bc.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-a43ed922.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5804ad9a.js';
-import { B as Button } from './index-f9976aa8.js';
-import { i as domainLocalesMarryBaby } from './utils-ca8df74f.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-7aeb275c.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8090ea7d.js';
+import { B as Button } from './index-91207181.js';
+import { i as domainLocalesMarryBaby } from './utils-e78e09cc.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-3ce85bec.js';
+import { L as LOCALIZED_SLUGS } from './constants-b19e5be9.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-7cf499e2.js';
-import { I as Indicator$1 } from './index-fde759ed.js';
-import { u as useIsInit } from './useIsInit-e4818906.js';
+import { H as Heading } from './index-11fe1ee1.js';
+import { I as Indicator$1 } from './index-c4e86881.js';
+import { u as useIsInit } from './useIsInit-e6d93f83.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-501e585d.js';
+import { U as UserAvatar } from './index-5c251794.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-f510a459.js';
-import { L as LOCALE } from './Locale-4b56a605.js';
+import { C as Container } from './index-3d7a6907.js';
+import { L as LOCALE } from './Locale-a2d3574c.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-5d8fdea3.js';
+import { g as getDataWithCache } from './core-e4b10fbc.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -326,17 +326,6 @@ const StyledItem$6 = styled.a `
   }
 
   &[data-theme='marryBaby'] {
-    &.tarot-menu {
-      .icon {
-        background: linear-gradient(148deg, #fc5e9a 16.04%, #fe98bf 94.24%);
-      }
-      .name {
-        background: linear-gradient(91deg, #ea4f8a 1.24%, #fe8eb8 46.02%);
-        background-clip: text;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-      }
-    }
     .icon {
       display: flex;
       align-items: center;
@@ -457,8 +446,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                     ? item === null || item === void 0 ? void 0 : item.link
                     : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                 : '/';
-            const isTarotItem = (item === null || item === void 0 ? void 0 : item.id) === 'game' && siteType === 'marryBaby';
-            return (React__default.createElement(StyledItem$6, Object.assign({ className: `iconMenu ${isTarotItem ? 'tarot-menu' : ''}`, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
+            return (React__default.createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
                 target: '_blank',
             }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                 React__default.createElement("div", { className: "icon" },
@@ -475,9 +463,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                             paddingRight: item.isNew ? 10 : 0,
                         } },
                         React__default.createElement("p", { className: "name" }, item.name),
-                        item.isMobileAppTool && (React__default.createElement(Text, { size: "n1", color: theme.fn.primaryColor(), weight: (item === null || item === void 0 ? void 0 : item.id) && (item === null || item === void 0 ? void 0 : item.id) === activeItem
-                                ? 'semiBold'
-                                : 'regular' }, t('home.calcWithApp'))))),
+                        item.isMobileAppTool && (React__default.createElement(Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
                 item.isMobileAppTool && (React__default.createElement(StyledIconNav, null,
                     React__default.createElement(Phone, { className: "phone-icon", size: 16 }))),
                 React__default.createElement(StyledIconNav, { className: "arrow-icon" },
@@ -1530,8 +1516,10 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
 };
 
 const HamburgerMenu = ({ menuItems }) => {
-    const { siteType, configs: { enableNavTarotGame }, } = useContext(NavigationContext);
-    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper({ enableNavTarotGame });
+    const { siteType,
+    // configs: { enableSearchBar },
+     } = useContext(NavigationContext);
+    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     return (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
         React__default.createElement("header", { className: styles$2.menuContainer },
             React__default.createElement("div", { className: styles$2.menuIcon, ref: containerRef, role: "button", tabIndex: 0, onBlur: onContainerBlur, onFocus: onContainerFocus },
@@ -1650,7 +1638,7 @@ const StyledHeader = styled.div `
   ${MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background-color: ${(props) => props.isMarryBaby ? 'transparent' : '#fff'};
+    background: white;
     gap: 2px;
   }
 
@@ -2065,7 +2053,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-c9957c60.js').then((data) => {
+                import('./doctor-5e918fee.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2293,7 +2281,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const careNavItem = menuItems.find((m) => m.id === 'care');
     return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef },
         sitewideBanner,
-        React__default.createElement(StyledHeader, { "data-site-type": siteType, isMarryBaby: siteType === 'marryBaby' },
+        React__default.createElement(StyledHeader, { "data-site-type": siteType },
             React__default.createElement(StyledLeftGroup, { "data-site-type": siteType },
                 isMobile && React__default.createElement(HamburgerMenu, { menuItems: menuItems }),
                 logoComponent || (React__default.createElement("a", { style: {
@@ -2466,7 +2454,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavTarotGame, statics, }, } = useContext(NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, statics, }, } = useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const services = useMemo(() => {
         var _a;
@@ -2518,22 +2506,8 @@ const useNavServices = () => {
                 thumbnail: CommonGAssets.getAssetPath('nav-icons/care.svg'),
                 popupType: locale === 'id-ID' ? 'care' : null,
             });
-        enableNavTarotGame &&
-            _services.push({
-                name: 'MỚI - Tarot cho mẹ bầu',
-                id: 'game',
-                link: normalizeLinkSlash(statics.TOGETHER_URL_FE + '/tarot'),
-                thumbnail: CommonGAssets.getAssetPath('play-card.svg'),
-                popupType: 'none',
-            });
         return _services;
-    }, [
-        locale,
-        enableNavCare,
-        enableNavTogether,
-        enableNavEcom,
-        enableNavTarotGame,
-    ]);
+    }, [locale, enableNavCare, enableNavTogether, enableNavEcom]);
     return services;
 };
 

package/build/esm/{index-d0e03136.js → index-df97dcd6.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-eb828ee9.js';
+import { B as Button } from './index-cf6a4d8e.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-4e05aff5.js → index-dffb8eeb.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-46bc9308.js';
+import { _ as __rest } from './tslib.es6-cccc76e0.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-ed4013e3.js';
-import { u as useTranslations } from './index-17ac735f.js';
-import { C as CommonGAssets } from './index-830c091f.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-dc14269d.js';
-import { G as GenderOptionControl } from './index-d023c95a.js';
-import { I as Input, S as Select } from './index-60383232.js';
-import { D as DatePicker } from './index-d38d6cf1.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-f2ef4a4f.js';
+import { u as useTranslations } from './index-181ba301.js';
+import { C as CommonGAssets } from './index-e5e0bfac.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-0eb3f5d9.js';
+import { G as GenderOptionControl } from './index-2f679529.js';
+import { I as Input, S as Select } from './index-22a71643.js';
+import { D as DatePicker } from './index-b5711004.js';
 import '@mantine/core';
-import './index-53acd19b.js';
-import './index-eb828ee9.js';
-import './index.styles-96f9e18e.js';
+import './index-d79a503e.js';
+import './index-cf6a4d8e.js';
+import './index.styles-51544e61.js';
 import '@mantine/hooks';
-import './useMantineLocale-850125d6.js';
-import './index-926b6794.js';
-import './utils-2ed3ab9a.js';
-import './index-27b94427.js';
-import './other-7fd66ceb.js';
-import './index-d8cbd450.js';
-import { H as HealthToolFormWrapper } from './index-1c5a42dc.js';
+import './useMantineLocale-56e3c884.js';
+import './index-c0153376.js';
+import './utils-063dd9dd.js';
+import './index-1fe65885.js';
+import './other-0cf1862c.js';
+import './index-16535663.js';
+import { H as HealthToolFormWrapper } from './index-5e3d9286.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-5a78d3a3.js → index-e50e3b96.js}

@@ -1,12 +1,12 @@
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { u as useTranslations } from './index-17ac735f.js';
+import { u as useTranslations } from './index-181ba301.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-830c091f.js';
-import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-283fcb7b.js';
+import { C as CommonGAssets } from './index-e5e0bfac.js';
+import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-073ec4f2.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar } from './index-40e55859.js';
-import { b as getTogetherUserPostsApiPath } from './index-9dd393f9.js';
-import { B as Button } from './index-f9976aa8.js';
+import { A as Avatar } from './index-414cae83.js';
+import { b as getTogetherUserPostsApiPath } from './index-da444251.js';
+import { B as Button } from './index-91207181.js';
 
 const INTERNAL_CARD_URLS = {
     myBooking: 'booking',

package/build/esm/{index-1e62bc1d.js → index-eb3fa6e0.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-2ed3ab9a.js';
+import { t as toggleNoScroll } from './utils-063dd9dd.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-ff53f61f.js';
-import { T as Text } from './index-53acd19b.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-f58883d7.js';
+import { T as Text } from './index-d79a503e.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {