@hhgtech/hhg-components 1.29.350 → 1.29.351-beta-1

package/build/esm/healthToolsForm.js

@@ -1,56 +1,56 @@
-export { D as DueDateForm } from './index-2fc1d07d.js';
-export { B as BmiForm } from './index-7e95d2d7.js';
-export { B as BabyPoopForm } from './index-5eed82b8.js';
-export { T as ThrForm } from './index-1deea983.js';
-export { O as OvulationForm } from './index-8420b22c.js';
-export { B as BabyVaccineForm } from './index-4d082898.js';
-export { P as PWGForm } from './index-f58997c6.js';
-import './tslib.es6-3d0d57aa.js';
+export { D as DueDateForm } from './index-1142e3d3.js';
+export { B as BmiForm } from './index-81804294.js';
+export { B as BabyPoopForm } from './index-6a0c99ff.js';
+export { T as ThrForm } from './index-a3f242de.js';
+export { O as OvulationForm } from './index-8767c2da.js';
+export { B as BabyVaccineForm } from './index-cd8d5fb2.js';
+export { P as PWGForm } from './index-d51287ef.js';
+import './tslib.es6-cfddefe9.js';
 import 'react';
-import './LastPeriod-3c4f0e35.js';
+import './LastPeriod-2875ffc2.js';
 import 'date-fns';
 import '@mantine/core';
 import '@mantine/form';
 import 'dayjs';
-import './index-1ff60d24.js';
+import './index-18cf18ca.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-76eff284.js';
+import './index-8d0259ad.js';
 import './constantsDomainLocales.js';
-import './Locale-fee93066.js';
+import './Locale-9b494286.js';
 import './constantsIsProduction.js';
-import './useScreenSize-11fc92d3.js';
+import './useScreenSize-b689324f.js';
 import '@emotion/styled';
-import './utils-24a5fc0b.js';
+import './utils-339046f6.js';
 import '@mantine/carousel';
-import './index-2e886c27.js';
-import './other-ff97cf3a.js';
-import './index-7c6f1a51.js';
+import './index-4d85e9fa.js';
+import './other-9a23db32.js';
+import './index-6d7f28dd.js';
 import './miscTheme.js';
-import './useMantineLocale-f17968c0.js';
+import './useMantineLocale-2f880379.js';
 import '@mantine/notifications';
-import './index-8a3797fe.js';
+import './index-93dfd4e1.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-749063ff.js';
+import './index-4b466fad.js';
 import 'classnames';
-import './useUniqueId-d85246b9.js';
+import './useUniqueId-edcccf6c.js';
 import '@hhgtech/icons/core';
-import './index-5ce16595.js';
+import './index-d021d300.js';
 import '@mantine/dates';
-import './index.styles-61d70f9e.js';
-import './index-b13ff4b9.js';
-import './translationsContext-d3dcfbcf.js';
-import './index-eec8b1cc.js';
-import './index-8e933797.js';
+import './index.styles-4f9afc01.js';
+import './index-fd5c91de.js';
+import './translationsContext-6915a82a.js';
+import './index-56a0dca0.js';
+import './index-ea222e0d.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-d0dd546a.js';
+import './useHealthToolCache-91bfc4c2.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-a852ea86.js';
-import './core-222a8145.js';
-import './constants-e3bf1dcd.js';
-import './index-fc65cc57.js';
+import './normalizeLink-356a4e59.js';
+import './core-9a48dabc.js';
+import './constants-aeae9501.js';
+import './index-ddd68f2b.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-0c2f7d1b.js';
+import './constants-84344d5e.js';

package/build/esm/hooks/useCSSFocusPopupHelper.d.ts

@@ -1,6 +1,7 @@
 import { MouseEvent } from 'react';
 export declare const useCSSFocusPopupHelper: <T = HTMLDivElement, ButtonType = HTMLDivElement>(configs?: {
     allowBgScroll?: boolean;
+    enableNavTarotGame?: boolean;
 }) => {
     containerRef: import("react").MutableRefObject<T & HTMLElement>;
     onContainerFocus: () => void;

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-b13ff4b9.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-32e71bd5.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-3eadc946.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-d0dd546a.js';
-export { u as useIsInit } from './useIsInit-3a60ce11.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-0af5e699.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d85246b9.js';
+export { u as useTranslations } from './index-fd5c91de.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-d3cb6879.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-7bbc646e.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-91bfc4c2.js';
+export { u as useIsInit } from './useIsInit-7e51de55.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-557246e7.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-edcccf6c.js';
 import 'react';
-import './translationsContext-d3dcfbcf.js';
+import './translationsContext-6915a82a.js';
 import 'lodash/debounce';
-import './tslib.es6-3d0d57aa.js';
+import './tslib.es6-cfddefe9.js';
 import './miscCookieHelper.js';
-import './index-7c6f1a51.js';
-import './Locale-fee93066.js';
+import './index-6d7f28dd.js';
+import './Locale-9b494286.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-a852ea86.js';
+import './normalizeLink-356a4e59.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-222a8145.js';
+import './core-9a48dabc.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-d3dcfbcf.js';
-export { T as TranslationsContext } from './translationsContext-d3dcfbcf.js';
+import { T as TranslationsContext } from './translationsContext-6915a82a.js';
+export { T as TranslationsContext } from './translationsContext-6915a82a.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-d3dcfbcf.js';
-export { T as TranslationsContext } from './translationsContext-d3dcfbcf.js';
+import { T as TranslationsContext } from './translationsContext-6915a82a.js';
+export { T as TranslationsContext } from './translationsContext-6915a82a.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-fd1bc715.js → index-0215aa3a.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest } from './tslib.es6-cfddefe9.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-7c6f1a51.js';
+import './index-6d7f28dd.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-76eff284.js';
+import { C as CommonGAssets } from './index-8d0259ad.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-11fc92d3.js';
-import { T as Text } from './index-ee3bb0fc.js';
-import { L as LOCALE } from './Locale-fee93066.js';
-import { c as CentralCarousel } from './index-1ff60d24.js';
+import { I as ImageWrap } from './useScreenSize-b689324f.js';
+import { T as Text } from './index-be48c27e.js';
+import { L as LOCALE } from './Locale-9b494286.js';
+import { c as CentralCarousel } from './index-18cf18ca.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-c15c044c.js → index-0538915a.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-3d0d57aa.js';
+import { a as __awaiter } from './tslib.es6-cfddefe9.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-86593428.js';
-import { T as Text } from './index-2e886c27.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1af61383.js';
+import { H as Heading } from './index-f7236114.js';
+import { T as Text } from './index-4d85e9fa.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1ef10b87.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-e3bf1dcd.js';
+import { D as DEFAULT_IMG } from './constants-aeae9501.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-894c4097.js → index-075ba1e1.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-cfddefe9.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-1ff60d24.js';
+import { I as Input, S as Select } from './index-18cf18ca.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-8a3797fe.js';
-import './index-7c6f1a51.js';
-import './index-76eff284.js';
-import './useMantineLocale-f17968c0.js';
-import './index-2e886c27.js';
-import './index-749063ff.js';
-import './index.styles-61d70f9e.js';
-import { u as useTranslations } from './index-b13ff4b9.js';
+import { C as CDN_ADDRESS } from './index-93dfd4e1.js';
+import './index-6d7f28dd.js';
+import './index-8d0259ad.js';
+import './useMantineLocale-2f880379.js';
+import './index-4d85e9fa.js';
+import './index-4b466fad.js';
+import './index.styles-4f9afc01.js';
+import { u as useTranslations } from './index-fd5c91de.js';
 import '@mantine/hooks';
-import './utils-24a5fc0b.js';
-import './other-ff97cf3a.js';
-import './index-eec8b1cc.js';
-import { M as MAPPED_LOCALE } from './utils-f14dd095.js';
-import { L as LOCALE } from './Locale-fee93066.js';
+import './utils-339046f6.js';
+import './other-9a23db32.js';
+import './index-56a0dca0.js';
+import { M as MAPPED_LOCALE } from './utils-7cf2e241.js';
+import { L as LOCALE } from './Locale-9b494286.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-e4677ebe.js → index-08a1606a.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-11fc92d3.js';
+import { I as ImageWrap } from './useScreenSize-b689324f.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-2fc1d07d.js → index-1142e3d3.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest } from './tslib.es6-cfddefe9.js';
 import React__default, { createContext, useContext, useState } from 'react';
-import { L as LastPeriod } from './LastPeriod-3c4f0e35.js';
+import { L as LastPeriod } from './LastPeriod-2875ffc2.js';
 import { format } from 'date-fns';
 import { useMantineTheme, Group } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input } from './index-1ff60d24.js';
-import { D as DatePicker } from './index-5ce16595.js';
-import './index-2e886c27.js';
-import './index-749063ff.js';
-import './index.styles-61d70f9e.js';
-import { u as useTranslations } from './index-b13ff4b9.js';
+import { R as Radio, I as Input } from './index-18cf18ca.js';
+import { D as DatePicker } from './index-d021d300.js';
+import './index-4d85e9fa.js';
+import './index-4b466fad.js';
+import './index.styles-4f9afc01.js';
+import { u as useTranslations } from './index-fd5c91de.js';
 import '@mantine/hooks';
-import './useMantineLocale-f17968c0.js';
-import './index-7c6f1a51.js';
-import './index-76eff284.js';
-import './utils-24a5fc0b.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-8a3797fe.js';
-import './other-ff97cf3a.js';
-import './index-eec8b1cc.js';
-import { H as HealthToolFormWrapper } from './index-8e933797.js';
+import './useMantineLocale-2f880379.js';
+import './index-6d7f28dd.js';
+import './index-8d0259ad.js';
+import './utils-339046f6.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-93dfd4e1.js';
+import './other-9a23db32.js';
+import './index-56a0dca0.js';
+import { H as HealthToolFormWrapper } from './index-ea222e0d.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-1ff60d24.js → index-18cf18ca.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-cfddefe9.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-76eff284.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-11fc92d3.js';
+import { C as CommonGAssets } from './index-8d0259ad.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-b689324f.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-2e886c27.js';
-import './index-7c6f1a51.js';
+import { T as Text } from './index-4d85e9fa.js';
+import './index-6d7f28dd.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-24a5fc0b.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-f17968c0.js';
-import { I as ISO_FORMAT } from './index-8a3797fe.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-749063ff.js';
-import { L as LOCALE } from './Locale-fee93066.js';
+import { B as Breakpoints } from './utils-339046f6.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-2f880379.js';
+import { I as ISO_FORMAT } from './index-93dfd4e1.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-4b466fad.js';
+import { L as LOCALE } from './Locale-9b494286.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-d85246b9.js';
+import { a as useUniqueId } from './useUniqueId-edcccf6c.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 

package/build/esm/{index-4be89ef5.js → index-2355bf06.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-cfddefe9.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-7c6f1a51.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-31a5e478.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-8a3797fe.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-a852ea86.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-bda7b271.js';
+import { V as VideoType } from './index-6d7f28dd.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-c34b3b5c.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-93dfd4e1.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-356a4e59.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-23043966.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-64de7793.js';
-import { u as useTranslations } from './index-b13ff4b9.js';
+import { L as Logo } from './index-d6e68b7a.js';
+import { u as useTranslations } from './index-fd5c91de.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-1ff60d24.js';
+import { I as Input } from './index-18cf18ca.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-76eff284.js';
-import './useMantineLocale-f17968c0.js';
-import { T as Text } from './index-2e886c27.js';
-import { B as Button$1 } from './index-749063ff.js';
-import './index.styles-61d70f9e.js';
-import './translationsContext-d3dcfbcf.js';
+import { C as CommonGAssets } from './index-8d0259ad.js';
+import './useMantineLocale-2f880379.js';
+import { T as Text } from './index-4d85e9fa.js';
+import { B as Button$1 } from './index-4b466fad.js';
+import './index.styles-4f9afc01.js';
+import './translationsContext-6915a82a.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-24a5fc0b.js';
-import './other-ff97cf3a.js';
-import './index-eec8b1cc.js';
-import { L as LOCALISED_SLUGS } from './constants-08a665ac.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-339046f6.js';
+import './other-9a23db32.js';
+import './index-56a0dca0.js';
+import { L as LOCALISED_SLUGS } from './constants-25ae899e.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-cd9b1e18.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c0abd1a4.js';
-import { B as Button } from './index-29d67804.js';
-import { i as domainLocalesMarryBaby } from './utils-1af61383.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-8630e312.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-208e5bec.js';
+import { B as Button } from './index-e4fea84c.js';
+import { i as domainLocalesMarryBaby } from './utils-1ef10b87.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-7688da28.js';
+import { L as LOCALIZED_SLUGS } from './constants-9deb1413.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-86593428.js';
-import { I as Indicator$1 } from './index-5dad2bfd.js';
-import { u as useIsInit } from './useIsInit-3a60ce11.js';
+import { H as Heading } from './index-f7236114.js';
+import { I as Indicator$1 } from './index-d4c65e28.js';
+import { u as useIsInit } from './useIsInit-7e51de55.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-8468f319.js';
+import { U as UserAvatar } from './index-63abdccd.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-c4b2f711.js';
-import { L as LOCALE } from './Locale-fee93066.js';
+import { C as Container } from './index-3b2e5262.js';
+import { L as LOCALE } from './Locale-9b494286.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-222a8145.js';
+import { g as getDataWithCache } from './core-9a48dabc.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -154,7 +154,7 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
             enableProfileMySaved,
             statics,
         };
-    }, [locale, projectType]);
+    }, []);
     return config;
 };
 
@@ -311,6 +311,7 @@ const StyledItem$6 = styled.a `
   .name {
     font-size: 16px;
     font-weight: 400;
+    line-height: 24px;
   }
 
   &[data-theme='marryBaby']:hover,
@@ -332,6 +333,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;
@@ -453,7 +465,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" },
@@ -470,7 +483,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" },
@@ -1541,10 +1556,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 },
@@ -1663,7 +1676,7 @@ const StyledHeader = styled.div `
   ${MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background: white;
+    background-color: ${(props) => props.isMarryBaby ? 'transparent' : '#fff'};
     gap: 2px;
   }
 
@@ -2123,7 +2136,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-a8bf8262.js').then((data) => {
+                import('./doctor-d288792c.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2352,7 +2365,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: {
@@ -2525,7 +2538,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, statics, }, } = useContext(NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableNavTarotGame, statics, }, } = useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const services = useMemo(() => {
         var _a;
@@ -2586,8 +2599,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-dcb29363.js → index-351f9a0c.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-b13ff4b9.js';
-import { B as Button } from './index-29d67804.js';
+import { u as useTranslations } from './index-fd5c91de.js';
+import { B as Button } from './index-e4fea84c.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-0ba2e93a.js → index-45d270af.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest } from './tslib.es6-cfddefe9.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-24a5fc0b.js';
+import { M as MediaQueries } from './utils-339046f6.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-72e7fffe.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-a4a09e75.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-749063ff.js → index-4b466fad.js}

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

package/build/esm/{index-2e886c27.js → index-4d85e9fa.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest } from './tslib.es6-cfddefe9.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-ff97cf3a.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-9a23db32.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-cf54a904.js → index-5688184e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest } from './tslib.es6-cfddefe9.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-61d70f9e.js';
+import { u as useStyles } from './index.styles-4f9afc01.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-eec8b1cc.js → index-56a0dca0.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest } from './tslib.es6-cfddefe9.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-749063ff.js';
-import { T as Text } from './index-2e886c27.js';
+import { B as Button } from './index-4b466fad.js';
+import { T as Text } from './index-4d85e9fa.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-109b0adb.js → index-57119a2f.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-86593428.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-24a5fc0b.js';
-import { u as useTranslations } from './index-b13ff4b9.js';
-import { T as TogetherComponentGlobalContext } from './utils-1af61383.js';
+import { H as Heading } from './index-f7236114.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-339046f6.js';
+import { u as useTranslations } from './index-fd5c91de.js';
+import { T as TogetherComponentGlobalContext } from './utils-1ef10b87.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-2e886c27.js';
+import { T as Text } from './index-4d85e9fa.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-3d0d57aa.js';
+import { _ as __rest } from './tslib.es6-cfddefe9.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';