@hhgtech/hhg-components 1.29.347 → 1.29.348-beta-1

package/build/esm/{index-bcfd0701.js → index-ca87ec03.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-214c9b4b.js';
+import { _ as __rest } from './tslib.es6-14ed1b0c.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-70dc22e7.js';
-import { u as useTranslations } from './index-7df1fe87.js';
-import { C as CommonGAssets } from './index-864e0f99.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-4b819538.js';
-import { G as GenderOptionControl } from './index-0d31f1e2.js';
-import { I as Input, S as Select } from './index-c48a7f58.js';
-import { D as DatePicker } from './index-50391222.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4ef5a8ad.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
+import { C as CommonGAssets } from './index-591c9c84.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-3c63c328.js';
+import { G as GenderOptionControl } from './index-fa2822b4.js';
+import { I as Input, S as Select } from './index-06155d65.js';
+import { D as DatePicker } from './index-218e1d00.js';
 import '@mantine/core';
-import './index-f6ddec57.js';
-import './index-0e62f84a.js';
-import './index.styles-a3ddee43.js';
+import './index-1d4c4d4a.js';
+import './index-5a5f8aee.js';
+import './index.styles-e9078ce3.js';
 import '@mantine/hooks';
-import './useMantineLocale-20085dd4.js';
-import './index-6e9a7f03.js';
-import './utils-9c5abc14.js';
-import './index-5eed4679.js';
-import './other-2a02f4fd.js';
-import './index-ea9dbf1f.js';
-import { H as HealthToolFormWrapper } from './index-87cb7a88.js';
+import './useMantineLocale-21d9ed2e.js';
+import './index-94e147f2.js';
+import './utils-8cb8d1ef.js';
+import './index-8789a745.js';
+import './other-88f771f8.js';
+import './index-1c77fbc8.js';
+import { H as HealthToolFormWrapper } from './index-3d60c980.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-135f1a21.js → index-cbe09ca9.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-f723d65e.js';
-import { H as Heading } from './index-c210886f.js';
-import { T as Text } from './index-f6ddec57.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-9c5abc14.js';
+import { B as Button } from './index-df9c4118.js';
+import { H as Heading } from './index-8a1d7c61.js';
+import { T as Text } from './index-1d4c4d4a.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-8cb8d1ef.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-06858c54.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-b80b5540.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-214c9b4b.js';
-import { I as Input } from './index-c4648c62.js';
-import { u as useTranslations } from './index-7df1fe87.js';
-import { e as formatComment } from './dataTransform-cefc81d9.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-4b819538.js';
+import { a as __awaiter } from './tslib.es6-14ed1b0c.js';
+import { I as Input } from './index-b75a331a.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
+import { e as formatComment } from './dataTransform-bee851ee.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-3c63c328.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-0fe832e5.js';
-import { C as CardLink } from './index-0ece3064.js';
-import { L as Loading } from './index-16626178.js';
-import { U as UserAvatar } from './index-e553e39a.js';
-import { R as RichTextEditor } from './editor-9674b273.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-4a8350c2.js';
+import { C as CardLink } from './index-e2588d4d.js';
+import { L as Loading } from './index-9ebbb015.js';
+import { U as UserAvatar } from './index-398794b4.js';
+import { R as RichTextEditor } from './editor-aa76756d.js';
 import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-6b38c044.js';
-import { C as CloseIcon } from './index-9d9d5ec1.js';
+import { P as Popup } from './index-3f8ed4ed.js';
+import { C as CloseIcon } from './index-8c5aa4fd.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-49ff89f2.js';
+import { I as ImageWrap } from './useScreenSize-ee45b03e.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);

package/build/esm/{index-16fddd66.js → index-cd625101.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-214c9b4b.js';
+import { _ as __rest } from './tslib.es6-14ed1b0c.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-4681fa18.js → index-d650810b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-214c9b4b.js';
+import { _ as __rest } from './tslib.es6-14ed1b0c.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-c48a7f58.js';
+import { t as themeColors } from './index-06155d65.js';
 import '@mantine/dates';
-import './index-5eed4679.js';
-import './index-6e9a7f03.js';
-import './index-864e0f99.js';
-import './useMantineLocale-20085dd4.js';
-import { T as Text } from './index-f6ddec57.js';
-import './index-0e62f84a.js';
-import './index.styles-a3ddee43.js';
-import { u as useTranslations } from './index-7df1fe87.js';
+import './index-8789a745.js';
+import './index-94e147f2.js';
+import './index-591c9c84.js';
+import './useMantineLocale-21d9ed2e.js';
+import { T as Text } from './index-1d4c4d4a.js';
+import './index-5a5f8aee.js';
+import './index.styles-e9078ce3.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-9c5abc14.js';
-import './other-2a02f4fd.js';
-import './index-ea9dbf1f.js';
+import { M as MediaQueries } from './utils-8cb8d1ef.js';
+import './other-88f771f8.js';
+import './index-1c77fbc8.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-9e2235e6.js → index-d75f2d4b.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-214c9b4b.js';
+import { _ as __rest } from './tslib.es6-14ed1b0c.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-f6ddec57.js';
-import { u as useTranslations } from './index-7df1fe87.js';
+import { T as Text } from './index-1d4c4d4a.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-6f5d3e59.js → index-dc4b0a2a.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-214c9b4b.js';
+import { _ as __rest } from './tslib.es6-14ed1b0c.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-70dc22e7.js';
-import { u as useTranslations } from './index-7df1fe87.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-4b819538.js';
-import { I as Input } from './index-c48a7f58.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4ef5a8ad.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-3c63c328.js';
+import { I as Input } from './index-06155d65.js';
 import '@mantine/dates';
-import './index-5eed4679.js';
-import './index-6e9a7f03.js';
-import './index-864e0f99.js';
-import './useMantineLocale-20085dd4.js';
-import './index-f6ddec57.js';
-import './index-0e62f84a.js';
-import './index.styles-a3ddee43.js';
+import './index-8789a745.js';
+import './index-94e147f2.js';
+import './index-591c9c84.js';
+import './useMantineLocale-21d9ed2e.js';
+import './index-1d4c4d4a.js';
+import './index-5a5f8aee.js';
+import './index.styles-e9078ce3.js';
 import '@mantine/hooks';
-import './utils-9c5abc14.js';
-import './other-2a02f4fd.js';
-import './index-ea9dbf1f.js';
-import { H as HealthToolFormWrapper } from './index-87cb7a88.js';
-import { I as INPUT_RANGE } from './constants-6ca2bb9f.js';
+import './utils-8cb8d1ef.js';
+import './other-88f771f8.js';
+import './index-1c77fbc8.js';
+import { H as HealthToolFormWrapper } from './index-3d60c980.js';
+import { I as INPUT_RANGE } from './constants-f0af6ac8.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-f723d65e.js → index-df9c4118.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-214c9b4b.js';
+import { _ as __rest } from './tslib.es6-14ed1b0c.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-0e62f84a.js';
+import { B as Button$1 } from './index-5a5f8aee.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-0ece3064.js → index-e2588d4d.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-214c9b4b.js';
+import { a as __awaiter } from './tslib.es6-14ed1b0c.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-c210886f.js';
-import { T as Text } from './index-f6ddec57.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-06858c54.js';
+import { H as Heading } from './index-8a1d7c61.js';
+import { T as Text } from './index-1d4c4d4a.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b80b5540.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-4b819538.js';
+import { D as DEFAULT_IMG } from './constants-3c63c328.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-e1556ab7.js → index-e55d6418.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-7df1fe87.js';
-import { B as Button } from './index-f723d65e.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
+import { B as Button } from './index-df9c4118.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-ab337d6b.js → index-e60cf8ea.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-214c9b4b.js';
+import { _ as __rest } from './tslib.es6-14ed1b0c.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-c48a7f58.js';
-import { D as DatePicker } from './index-50391222.js';
-import './index-f6ddec57.js';
-import './index-0e62f84a.js';
-import './index.styles-a3ddee43.js';
-import { u as useTranslations } from './index-7df1fe87.js';
+import './index-06155d65.js';
+import { D as DatePicker } from './index-218e1d00.js';
+import './index-1d4c4d4a.js';
+import './index-5a5f8aee.js';
+import './index.styles-e9078ce3.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
 import '@mantine/hooks';
-import './useMantineLocale-20085dd4.js';
-import './index-6e9a7f03.js';
-import './index-864e0f99.js';
-import './utils-9c5abc14.js';
-import './index-5eed4679.js';
-import './other-2a02f4fd.js';
-import './index-ea9dbf1f.js';
-import { H as HealthToolFormWrapper } from './index-87cb7a88.js';
-import { G as GenderOptionControl } from './index-0d31f1e2.js';
+import './useMantineLocale-21d9ed2e.js';
+import './index-94e147f2.js';
+import './index-591c9c84.js';
+import './utils-8cb8d1ef.js';
+import './index-8789a745.js';
+import './other-88f771f8.js';
+import './index-1c77fbc8.js';
+import { H as HealthToolFormWrapper } from './index-3d60c980.js';
+import { G as GenderOptionControl } from './index-fa2822b4.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-8e47ac70.js → index-e6317acb.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-214c9b4b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-14ed1b0c.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-5edc49fc.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-5eed4679.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-ba1197dd.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-cefc81d9.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-5fadf73e.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-8789a745.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-cb2e8055.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-bee851ee.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-61f8773c.js';
-import { u as useTranslations } from './index-7df1fe87.js';
+import { L as Logo } from './index-85fc20ee.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-c48a7f58.js';
+import { I as Input } from './index-06155d65.js';
 import '@mantine/dates';
-import './index-6e9a7f03.js';
-import { C as CommonGAssets } from './index-864e0f99.js';
-import './useMantineLocale-20085dd4.js';
-import { T as Text } from './index-f6ddec57.js';
-import { B as Button$1 } from './index-0e62f84a.js';
-import './index.styles-a3ddee43.js';
-import './translationsContext-20e38302.js';
+import './index-94e147f2.js';
+import { C as CommonGAssets } from './index-591c9c84.js';
+import './useMantineLocale-21d9ed2e.js';
+import { T as Text } from './index-1d4c4d4a.js';
+import { B as Button$1 } from './index-5a5f8aee.js';
+import './index.styles-e9078ce3.js';
+import './translationsContext-ff7fd2fa.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-9c5abc14.js';
-import './other-2a02f4fd.js';
-import './index-ea9dbf1f.js';
-import { L as LOCALISED_SLUGS } from './constants-5af79860.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-8cb8d1ef.js';
+import './other-88f771f8.js';
+import './index-1c77fbc8.js';
+import { L as LOCALISED_SLUGS } from './constants-992e3399.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-71a4a6cb.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-0edab494.js';
-import { B as Button } from './index-f723d65e.js';
-import { i as domainLocalesMarryBaby } from './utils-06858c54.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-983b2dbd.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-16786e89.js';
+import { B as Button } from './index-df9c4118.js';
+import { i as domainLocalesMarryBaby } from './utils-b80b5540.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-f1239f0c.js';
+import { L as LOCALIZED_SLUGS } from './constants-6722a4b7.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-c210886f.js';
-import { I as Indicator$1 } from './index-4e0776e8.js';
-import { u as useIsInit } from './useIsInit-b55673a6.js';
+import { H as Heading } from './index-8a1d7c61.js';
+import { I as Indicator$1 } from './index-1ec0c675.js';
+import { u as useIsInit } from './useIsInit-88e26c9f.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-e553e39a.js';
+import { U as UserAvatar } from './index-398794b4.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-ca9b9a58.js';
-import { L as LOCALE } from './Locale-37db9900.js';
+import { C as Container } from './index-5864934c.js';
+import { L as LOCALE } from './Locale-cac35ac8.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-becd00a6.js';
+import { g as getDataWithCache } from './core-26acf2e1.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -305,6 +305,7 @@ const StyledItem$6 = styled.a `
   .name {
     font-size: 16px;
     font-weight: 400;
+    line-height: 24px;
   }
 
   &[data-theme='marryBaby']:hover,
@@ -326,6 +327,17 @@ 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;
@@ -446,7 +458,8 @@ 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('/')}/`
                 : '/';
-            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) && {
+            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) && {
                 target: '_blank',
             }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                 React__default.createElement("div", { className: "icon" },
@@ -463,7 +476,9 @@ 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: "regular" }, t('home.calcWithApp'))))),
+                        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(StyledIconNav, null,
                     React__default.createElement(Phone, { className: "phone-icon", size: 16 }))),
                 React__default.createElement(StyledIconNav, { className: "arrow-icon" },
@@ -1516,10 +1531,8 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
 };
 
 const HamburgerMenu = ({ menuItems }) => {
-    const { siteType,
-    // configs: { enableSearchBar },
-     } = useContext(NavigationContext);
-    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
+    const { siteType, configs: { enableNavTarotGame }, } = useContext(NavigationContext);
+    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper({ enableNavTarotGame });
     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 },
@@ -1638,7 +1651,7 @@ const StyledHeader = styled.div `
   ${MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background: white;
+    background-color: ${(props) => props.isMarryBaby ? 'transparent' : '#fff'};
     gap: 2px;
   }
 
@@ -2053,7 +2066,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-05fbf49a.js').then((data) => {
+                import('./doctor-6cae985f.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2281,7 +2294,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 },
+        React__default.createElement(StyledHeader, { "data-site-type": siteType, isMarryBaby: siteType === 'marryBaby' },
             React__default.createElement(StyledLeftGroup, { "data-site-type": siteType },
                 isMobile && React__default.createElement(HamburgerMenu, { menuItems: menuItems }),
                 logoComponent || (React__default.createElement("a", { style: {
@@ -2454,7 +2467,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, statics, }, } = useContext(NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavTarotGame, statics, }, } = useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const services = useMemo(() => {
         var _a;
@@ -2506,8 +2519,22 @@ 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.HOME_PAGE_URL + '/xem-bai-tarot-online/'),
+                thumbnail: CommonGAssets.getAssetPath('play-card.svg'),
+                popupType: 'none',
+            });
         return _services;
-    }, [locale, enableNavCare, enableNavTogether, enableNavEcom]);
+    }, [
+        locale,
+        enableNavCare,
+        enableNavTogether,
+        enableNavEcom,
+        enableNavTarotGame,
+    ]);
     return services;
 };
 

package/build/esm/{index-1729fdc1.js → index-e6e86def.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-214c9b4b.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-14ed1b0c.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-f723d65e.js';
-import { H as Heading } from './index-c210886f.js';
-import { u as useTranslations } from './index-7df1fe87.js';
+import { B as Button } from './index-df9c4118.js';
+import { H as Heading } from './index-8a1d7c61.js';
+import { u as useTranslations } from './index-64b6b2a9.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-135f1a21.js';
-import { C as CommonGAssets } from './index-864e0f99.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-4b819538.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-cbe09ca9.js';
+import { C as CommonGAssets } from './index-591c9c84.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-3c63c328.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, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-06858c54.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-7e25c45b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-b80b5540.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-1ec865b8.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-9c5abc14.js';
+import { M as MediaQueries } from './utils-8cb8d1ef.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-cefc81d9.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-bee851ee.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-0ece3064.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-16626178.js';
-import { a as ProfileDetail, P as PostContent } from './index-a67d65cb.js';
-import { a as PostImagePreview } from './index-9d9d5ec1.js';
-import { D as Divider } from './index-d7e5473d.js';
-import './index-5eed4679.js';
+import { C as CardLink } from './index-e2588d4d.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-9ebbb015.js';
+import { a as ProfileDetail, P as PostContent } from './index-04e9b66e.js';
+import { a as PostImagePreview } from './index-8c5aa4fd.js';
+import { D as Divider } from './index-d48687c2.js';
+import './index-8789a745.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-c4648c62.js';
-import { T as Text } from './index-f6ddec57.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-ba1197dd.js';
+import { I as Input } from './index-b75a331a.js';
+import { T as Text } from './index-1d4c4d4a.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-cb2e8055.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-2784d6c9.js → index-ec059359.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-214c9b4b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-14ed1b0c.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-ea9dbf1f.js';
-import { L as Loading } from './index-e1556ab7.js';
-import './index-6e9a7f03.js';
-import { g as formatArticle } from './dataTransform-cefc81d9.js';
+import { T as Tabs } from './index-1c77fbc8.js';
+import { L as Loading } from './index-e55d6418.js';
+import './index-94e147f2.js';
+import { g as formatArticle } from './dataTransform-bee851ee.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-06858c54.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b80b5540.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-16626178.js';
-import { L as LOCALE } from './Locale-37db9900.js';
+import { C as CardAuthor } from './index-9ebbb015.js';
+import { L as LOCALE } from './Locale-cac35ac8.js';
 import '@hhgtech/icons/other';
-import './index-0e62f84a.js';
-import './index-f6ddec57.js';
-import './other-2a02f4fd.js';
-import './index-7df1fe87.js';
-import './translationsContext-20e38302.js';
-import './index-f723d65e.js';
-import './index-ce465712.js';
+import './index-5a5f8aee.js';
+import './index-1d4c4d4a.js';
+import './other-88f771f8.js';
+import './index-64b6b2a9.js';
+import './translationsContext-ff7fd2fa.js';
+import './index-df9c4118.js';
+import './index-0ccab815.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-4b819538.js';
+import './constants-3c63c328.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-9c5abc14.js';
-import './index-2d2a9e4a.js';
-import './paths-2de453cb.js';
-import './constants-f1239f0c.js';
-import './index-5eed4679.js';
+import './utils-8cb8d1ef.js';
+import './index-bcd3f684.js';
+import './paths-fcd50b3e.js';
+import './constants-6722a4b7.js';
+import './index-8789a745.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-dbb608b2.js';
+import './index-a8ca3b1b.js';
 import './miscTheme.js';
-import './WhatsApp-13e4e4d6.js';
-import './Spinner-556154b0.js';
-import './index-e553e39a.js';
+import './WhatsApp-a5e66c7b.js';
+import './Spinner-9539c8ed.js';
+import './index-398794b4.js';
 import '@emotion/styled';
-import './useScreenSize-49ff89f2.js';
-import './index-864e0f99.js';
+import './useScreenSize-ee45b03e.js';
+import './index-591c9c84.js';
 import '@emotion/react';
-import './index-c210886f.js';
-import './index-9fec7b4c.js';
-import './index.styles-a3ddee43.js';
+import './index-8a1d7c61.js';
+import './index-7670caae.js';
+import './index.styles-e9078ce3.js';
 
 const ProfileDetailContext = createContext({});