@hhgtech/hhg-components 1.29.345 → 1.29.346-beta-2

package/build/esm/{index-38173ac9.js → index-997f232d.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-de94385c.js';
-import { u as useTranslations } from './index-4acecd12.js';
+import { I as Icon } from './index-2b8997f0.js';
+import { u as useTranslations } from './index-2dddaf92.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-8cf8239e.js → index-9a1d3a0d.js}

@@ -1,40 +1,40 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-9b570a07.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-ef117b9f.js';
-import { G as GA_TOKEN_COOKIE } from './index-51e32761.js';
+import { C as CommonGAssets } from './index-348906ff.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-ae90dfc4.js';
+import { G as GA_TOKEN_COOKIE } from './index-5bfa31d4.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-516f5760.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-fee6277f.js';
-import { I as ImageWrap } from './useScreenSize-6d68c3f8.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-98ac2673.js';
-import { u as useTranslations } from './index-4acecd12.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ea33a74e.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8e7f4233.js';
+import { I as ImageWrap } from './useScreenSize-6c3bb932.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-004aed75.js';
+import { u as useTranslations } from './index-2dddaf92.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-c0382996.js';
+import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-28bfe110.js';
 import '@mantine/dates';
-import './index-0119793c.js';
-import './useMantineLocale-6de8b76b.js';
-import { T as Text } from './index-83f70f19.js';
-import { B as Button } from './index-9a73f0a5.js';
-import './index.styles-354a3125.js';
+import './index-fe61d64d.js';
+import './useMantineLocale-32d5d73b.js';
+import { T as Text } from './index-e720ccf7.js';
+import { B as Button } from './index-4dc83b13.js';
+import './index.styles-3c27f26b.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-714ce52b.js';
-import './other-141e6f72.js';
-import './index-4033ff0d.js';
+import './utils-d1e77b71.js';
+import './other-4c9e0a80.js';
+import './index-1edb8df9.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-95dd5e93.js';
-import { H as Heading } from './index-c7599e73.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-6144154c.js';
-import { I as Icon } from './index-de94385c.js';
+import './translationsContext-88113697.js';
+import { H as Heading } from './index-48783d74.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-fd3edfc3.js';
+import { I as Icon } from './index-2b8997f0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-b4bfb74b.js';
-import { M as Modal } from './index-20a382f9.js';
+import { i as isVideo } from './index-1a245519.js';
+import { M as Modal } from './index-0546275b.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-65183dbc.js';
+import { L as LOCALE } from './Locale-76412adf.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-49f7f752.js → index-a9ee26eb.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-516f5760.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ea33a74e.js';
 import React__default, { useState, useImperativeHandle, useRef, useEffect, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-c0382996.js';
+import { R as Radio } from './index-28bfe110.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-51e32761.js';
-import './index-0119793c.js';
-import { C as CommonGAssets } from './index-9b570a07.js';
-import './useMantineLocale-6de8b76b.js';
-import { T as Text } from './index-83f70f19.js';
-import { B as Button$1 } from './index-9a73f0a5.js';
-import './index.styles-354a3125.js';
-import './translationsContext-95dd5e93.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-5bfa31d4.js';
+import './index-fe61d64d.js';
+import { C as CommonGAssets } from './index-348906ff.js';
+import './useMantineLocale-32d5d73b.js';
+import { T as Text } from './index-e720ccf7.js';
+import { B as Button$1 } from './index-4dc83b13.js';
+import './index.styles-3c27f26b.js';
+import './translationsContext-88113697.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-714ce52b.js';
-import './other-141e6f72.js';
-import './index-4033ff0d.js';
-import { i as isInternalLink } from './index-f9c86e58.js';
+import { M as MediaQueries } from './utils-d1e77b71.js';
+import './other-4c9e0a80.js';
+import './index-1edb8df9.js';
+import { i as isInternalLink } from './index-1e7c42dd.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-319ea745.js';
-import { L as Logo } from './index-d172d201.js';
+import { C as Checkbox, P as PureInput } from './index-07474322.js';
+import { L as Logo } from './index-ce10599c.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { isBefore, startOfMonth, addMonths, format, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { a as useOutsideClick } from './useOutsideClick-0ca87b4b.js';
+import { a as useOutsideClick } from './useOutsideClick-15171cd7.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-dc763b27.js';
-import { u as useScreenSize } from './useScreenSize-6d68c3f8.js';
-import { u as useTranslations } from './index-4acecd12.js';
-import { D as Dropdown } from './index-64ebf66e.js';
+import { B as Button } from './index-e9697a6e.js';
+import { u as useScreenSize } from './useScreenSize-6c3bb932.js';
+import { u as useTranslations } from './index-2dddaf92.js';
+import { D as Dropdown } from './index-4c83d9f6.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-cd100ccf.js';
-import { D as Drawer } from './index-73e63ca8.js';
+import { I as Input } from './index-c19198f3.js';
+import { D as Drawer } from './index-ff416251.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-65183dbc.js';
+import { L as LOCALE } from './Locale-76412adf.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-4e29775b.js → index-ae18699f.js}

@@ -1,47 +1,47 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-516f5760.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ea33a74e.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-64ebf66e.js';
-import { u as useTranslations } from './index-4acecd12.js';
+import { D as Dropdown } from './index-4c83d9f6.js';
+import { u as useTranslations } from './index-2dddaf92.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-c0382996.js';
+import { I as Input$1 } from './index-28bfe110.js';
 import { useMantineTheme, Switch, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-51e32761.js';
-import './index-0119793c.js';
-import './index-9b570a07.js';
-import './useMantineLocale-6de8b76b.js';
-import { T as Text } from './index-83f70f19.js';
-import { B as Button } from './index-9a73f0a5.js';
-import './index.styles-354a3125.js';
+import './index-5bfa31d4.js';
+import './index-fe61d64d.js';
+import './index-348906ff.js';
+import './useMantineLocale-32d5d73b.js';
+import { T as Text } from './index-e720ccf7.js';
+import { B as Button } from './index-4dc83b13.js';
+import './index.styles-3c27f26b.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-714ce52b.js';
-import './other-141e6f72.js';
-import './index-4033ff0d.js';
-import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-d3c25c3f.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-ef117b9f.js';
+import { M as MediaQueries } from './utils-d1e77b71.js';
+import './other-4c9e0a80.js';
+import './index-1edb8df9.js';
+import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-0e82b088.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-ae90dfc4.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-cbb5a929.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-032d02eb.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-68aff5e1.js';
-import { C as CardAuthor, L as Loading$1 } from './index-dcd520e9.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-67595f39.js';
-import { I as Input } from './index-cd100ccf.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-64deae2a.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-536afba2.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-2280c1fc.js';
+import { C as CardAuthor, L as Loading$1 } from './index-2ce80446.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-f4c36aad.js';
+import { I as Input } from './index-c19198f3.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-38173ac9.js';
-import { C as CardLink } from './index-ad193061.js';
-import { B as BtnChoice } from './index-e4b82ffe.js';
-import { L as LOCALE } from './Locale-65183dbc.js';
+import { L as Loading } from './index-997f232d.js';
+import { C as CardLink } from './index-b46fc479.js';
+import { B as BtnChoice } from './index-2efe7bba.js';
+import { L as LOCALE } from './Locale-76412adf.js';
 import * as ReactDOM from 'react-dom';
-import { b as IconArrowLeft } from './index-425bec20.js';
-import { B as Button$1 } from './index-dc763b27.js';
+import { b as IconArrowLeft } from './index-91613434.js';
+import { B as Button$1 } from './index-e9697a6e.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-0c28bf67.js';
-import { U as UserAvatar } from './index-5e7a53b9.js';
-import { P as PopoverMenu } from './index-92f132ec.js';
+import { a as useUniqueId } from './useUniqueId-6c5099e3.js';
+import { U as UserAvatar } from './index-bae4cd62.js';
+import { P as PopoverMenu } from './index-62eb63a9.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-96fc54fb.js → index-b1c32ca8.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-516f5760.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ea33a74e.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-f9c86e58.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-51e32761.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-98ac2673.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-cbb5a929.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-1e7c42dd.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-5bfa31d4.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-004aed75.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-64deae2a.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-d172d201.js';
-import { u as useTranslations } from './index-4acecd12.js';
+import { L as Logo } from './index-ce10599c.js';
+import { u as useTranslations } from './index-2dddaf92.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-c0382996.js';
+import { I as Input } from './index-28bfe110.js';
 import '@mantine/dates';
-import './index-0119793c.js';
-import { C as CommonGAssets } from './index-9b570a07.js';
-import './useMantineLocale-6de8b76b.js';
-import { T as Text } from './index-83f70f19.js';
-import { B as Button$1 } from './index-9a73f0a5.js';
-import './index.styles-354a3125.js';
-import './translationsContext-95dd5e93.js';
+import './index-fe61d64d.js';
+import { C as CommonGAssets } from './index-348906ff.js';
+import './useMantineLocale-32d5d73b.js';
+import { T as Text } from './index-e720ccf7.js';
+import { B as Button$1 } from './index-4dc83b13.js';
+import './index.styles-3c27f26b.js';
+import './translationsContext-88113697.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-714ce52b.js';
-import './other-141e6f72.js';
-import './index-4033ff0d.js';
-import { L as LOCALISED_SLUGS } from './constants-099599ea.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d1e77b71.js';
+import './other-4c9e0a80.js';
+import './index-1edb8df9.js';
+import { L as LOCALISED_SLUGS } from './constants-df41b07f.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-f1188aa9.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-fee6277f.js';
-import { B as Button } from './index-dc763b27.js';
-import { i as domainLocalesMarryBaby } from './utils-ef117b9f.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-45171e12.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8e7f4233.js';
+import { B as Button } from './index-e9697a6e.js';
+import { i as domainLocalesMarryBaby } from './utils-ae90dfc4.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-a6abc2bb.js';
+import { L as LOCALIZED_SLUGS } from './constants-09745dc4.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-c7599e73.js';
-import { I as Indicator$1 } from './index-f03c7902.js';
-import { u as useIsInit } from './useIsInit-27c0f243.js';
+import { H as Heading } from './index-48783d74.js';
+import { I as Indicator$1 } from './index-4e3e7e92.js';
+import { u as useIsInit } from './useIsInit-68adfd6f.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-5e7a53b9.js';
+import { U as UserAvatar } from './index-bae4cd62.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-b3542d64.js';
-import { L as LOCALE } from './Locale-65183dbc.js';
+import { C as Container } from './index-b105f11b.js';
+import { L as LOCALE } from './Locale-76412adf.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-ea44210b.js';
+import { g as getDataWithCache } from './core-7f0e4a7d.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-3013f102.js').then((data) => {
+                import('./doctor-fb55e813.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-ad193061.js → index-b46fc479.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-516f5760.js';
+import { a as __awaiter } from './tslib.es6-ea33a74e.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-c7599e73.js';
-import { T as Text } from './index-83f70f19.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-ef117b9f.js';
+import { H as Heading } from './index-48783d74.js';
+import { T as Text } from './index-e720ccf7.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-ae90dfc4.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-032d02eb.js';
+import { D as DEFAULT_IMG } from './constants-536afba2.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-5e7a53b9.js → index-bae4cd62.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-516f5760.js';
+import { _ as __rest } from './tslib.es6-ea33a74e.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-ef117b9f.js';
+import { T as TogetherComponentGlobalContext } from './utils-ae90dfc4.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-cd100ccf.js → index-c19198f3.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-516f5760.js';
+import { _ as __rest } from './tslib.es6-ea33a74e.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-714ce52b.js';
+import { M as MediaQueries } from './utils-d1e77b71.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-3ef168f0.js → index-ca095bbd.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-b11314a5.js';
-import { d as BEARER_TOKEN_COOKIE } from './index-51e32761.js';
-import { N as NodeIntentType } from './index-0119793c.js';
+import { c as cookie } from './index-2d7e6875.js';
+import { d as BEARER_TOKEN_COOKIE } from './index-5bfa31d4.js';
+import { N as NodeIntentType } from './index-fe61d64d.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-d172d201.js → index-ce10599c.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-65183dbc.js';
-import { C as CommonGAssets } from './index-9b570a07.js';
+import { L as LOCALE } from './Locale-76412adf.js';
+import { C as CommonGAssets } from './index-348906ff.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-714ce52b.js';
-import { L as LogoIcon } from './logoIcon-2368b868.js';
-import './index-0119793c.js';
-import { I as ImageWrap } from './useScreenSize-6d68c3f8.js';
+import { M as MediaQueries } from './utils-d1e77b71.js';
+import { L as LogoIcon } from './logoIcon-aaaf7b97.js';
+import './index-fe61d64d.js';
+import { I as ImageWrap } from './useScreenSize-6c3bb932.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-2df39bac.js → index-dab0d62d.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-516f5760.js';
+import { _ as __rest } from './tslib.es6-ea33a74e.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-51e32761.js';
-import './index-0119793c.js';
-import { C as CommonGAssets } from './index-9b570a07.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-6de8b76b.js';
-import { L as LOCALE } from './Locale-65183dbc.js';
+import { I as ISO_FORMAT } from './index-5bfa31d4.js';
+import './index-fe61d64d.js';
+import { C as CommonGAssets } from './index-348906ff.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-32d5d73b.js';
+import { L as LOCALE } from './Locale-76412adf.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-83f70f19.js → index-e720ccf7.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-516f5760.js';
+import { _ as __rest } from './tslib.es6-ea33a74e.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-141e6f72.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-4c9e0a80.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-dc763b27.js → index-e9697a6e.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-516f5760.js';
+import { _ as __rest } from './tslib.es6-ea33a74e.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-9a73f0a5.js';
+import { B as Button$1 } from './index-4dc83b13.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-13d4c855.js → index-eccac6f8.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-516f5760.js';
+import { _ as __rest } from './tslib.es6-ea33a74e.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-83f70f19.js';
-import { B as Button } from './index-9a73f0a5.js';
-import { u as useTranslations } from './index-4acecd12.js';
+import { T as Text } from './index-e720ccf7.js';
+import { B as Button } from './index-4dc83b13.js';
+import { u as useTranslations } from './index-2dddaf92.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-1ce9865d.js → index-edbf3a16.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-516f5760.js';
+import { _ as __rest } from './tslib.es6-ea33a74e.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-c0382996.js';
+import { R as Radio } from './index-28bfe110.js';
 import '@mantine/dates';
-import './index-51e32761.js';
-import './index-0119793c.js';
-import { C as CommonGAssets } from './index-9b570a07.js';
-import './useMantineLocale-6de8b76b.js';
-import { T as Text } from './index-83f70f19.js';
-import './index-9a73f0a5.js';
-import './index.styles-354a3125.js';
-import { u as useTranslations } from './index-4acecd12.js';
+import './index-5bfa31d4.js';
+import './index-fe61d64d.js';
+import { C as CommonGAssets } from './index-348906ff.js';
+import './useMantineLocale-32d5d73b.js';
+import { T as Text } from './index-e720ccf7.js';
+import './index-4dc83b13.js';
+import './index.styles-3c27f26b.js';
+import { u as useTranslations } from './index-2dddaf92.js';
 import '@mantine/hooks';
-import './utils-714ce52b.js';
-import './other-141e6f72.js';
-import './index-4033ff0d.js';
+import './utils-d1e77b71.js';
+import './other-4c9e0a80.js';
+import './index-1edb8df9.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';