@hhgtech/hhg-components 1.29.32 → 1.29.34

package/build/esm/{getDynamicHealthTool-374b1768.js → getDynamicHealthTool-ddf2cd40.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-36513b34.js';
-import { n as normalizeLinkSlash } from './normalizeLink-4fd35765.js';
-import { c as getDiscoverApiDomain } from './routing-60df3aeb.js';
-import { g as getDataWithCache } from './core-2514dbf2.js';
+import { a as __awaiter } from './tslib.es6-858d6ea4.js';
+import { n as normalizeLinkSlash } from './normalizeLink-5620f11f.js';
+import { c as getDiscoverApiDomain } from './routing-73597e12.js';
+import { g as getDataWithCache } from './core-8929b82b.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-8d1a202a.js → getSocialList-dc28ff19.js}

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-36513b34.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-9fb09d32.js';
-import { S as SocialType, L as LOCALE } from './index-e913daea.js';
-import { C as CommonGAssets } from './index-301b9f8a.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-eb1be93d.js';
+import { S as SocialType, L as LOCALE } from './index-37497393.js';
+import { C as CommonGAssets } from './index-238eafc4.js';
 
 const Facebook = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-34233afa.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-b2b730d3.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-d3420631.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-06e7f740.js';
-export { u as useIsInit } from './useIsInit-52a84376.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-5e1adf65.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-b8a10c5c.js';
+export { u as useTranslations } from './useTranslations-622f3ebb.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-ce8613e1.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-7b743b7a.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-e99e0968.js';
+export { u as useIsInit } from './useIsInit-3e653335.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-56fe59d5.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-fbb6a56d.js';
 import 'react';
-import './translationsContext-efdc86ee.js';
+import './translationsContext-15211e6d.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-36513b34.js';
-import './cookieHelper-e90856e0.js';
-import './index-e913daea.js';
-import './getDynamicHealthTool-374b1768.js';
-import './normalizeLink-4fd35765.js';
-import './routing-60df3aeb.js';
-import './index-848812d7.js';
+import './tslib.es6-858d6ea4.js';
+import './cookieHelper-f5c13fd4.js';
+import './index-37497393.js';
+import './getDynamicHealthTool-ddf2cd40.js';
+import './normalizeLink-5620f11f.js';
+import './routing-73597e12.js';
+import './index-34b11ff5.js';
 import 'date-fns/locale';
-import './isProduction-396e8d0a.js';
-import './core-2514dbf2.js';
+import './isProduction-4e6c7e3c.js';
+import './core-8929b82b.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-efdc86ee.js';
-export { T as TranslationsContext } from './translationsContext-efdc86ee.js';
+import { T as TranslationsContext } from './translationsContext-15211e6d.js';
+export { T as TranslationsContext } from './translationsContext-15211e6d.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-efdc86ee.js';
-export { T as TranslationsContext } from './translationsContext-efdc86ee.js';
+import { T as TranslationsContext } from './translationsContext-15211e6d.js';
+export { T as TranslationsContext } from './translationsContext-15211e6d.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-ec8d7e37.js → index-042fee82.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-680a234d.js';
+import { t as theme } from './theme-9c8acb37.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-a9989bbe.js → index-05f7ba43.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-36513b34.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-80b839f0.js';
+import { c as Input, S as Select } from './index-710864cb.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-848812d7.js';
-import { L as LOCALE } from './index-e913daea.js';
-import './index-301b9f8a.js';
-import './useMantineLocale-851ebf3e.js';
-import './index-464fa081.js';
-import './theme-680a234d.js';
-import { u as useTranslations } from './useTranslations-34233afa.js';
+import { c as CDN_ADDRESS } from './index-34b11ff5.js';
+import { L as LOCALE } from './index-37497393.js';
+import './index-238eafc4.js';
+import './useMantineLocale-15758855.js';
+import './index-a62e0ea5.js';
+import './theme-9c8acb37.js';
+import { u as useTranslations } from './useTranslations-622f3ebb.js';
 import '@mantine/hooks';
-import './utils-e4afa782.js';
-import { M as MAPPED_LOCALE } from './utils-55a205ba.js';
+import './utils-1cdd48a9.js';
+import { M as MAPPED_LOCALE } from './utils-f8e87f0e.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-d84109f8.js → index-1fe9ac8e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { i as useStyles } from './index-80b839f0.js';
+import { i as useStyles } from './index-710864cb.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-301b9f8a.js → index-238eafc4.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-848812d7.js';
-import { i as isProduction } from './isProduction-396e8d0a.js';
+import { d as domainLocales } from './index-34b11ff5.js';
+import { i as isProduction } from './isProduction-4e6c7e3c.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-dba873ca.js → index-3461192b.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-e913daea.js';
-import { C as CommonGAssets } from './index-301b9f8a.js';
-import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-a840b780.js';
-import { I as ImageWrap } from './index-80b839f0.js';
+import { L as LOCALE } from './index-37497393.js';
+import { C as CommonGAssets } from './index-238eafc4.js';
+import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-15c17149.js';
+import { I as ImageWrap } from './index-710864cb.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-848812d7.js → index-34b11ff5.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-e913daea.js';
-import { i as isProduction } from './isProduction-396e8d0a.js';
+import { L as LOCALE } from './index-37497393.js';
+import { i as isProduction } from './isProduction-4e6c7e3c.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-3690eacf.js → index-4d4f1c15.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e4afa782.js';
-import { t as theme } from './theme-680a234d.js';
-import { _ as __rest } from './tslib.es6-36513b34.js';
-import { T as TogetherComponentGlobalContext } from './utils-bfa26f00.js';
+import { M as MediaQueries } from './utils-1cdd48a9.js';
+import { t as theme } from './theme-9c8acb37.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
+import { T as TogetherComponentGlobalContext } from './utils-dfc50992.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-d451f422.js → index-4fd51236.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default, { useState, useEffect } from 'react';
 import { useDebouncedValue } from '@mantine/hooks';
-import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-80b839f0.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-710864cb.js';
 
 const Slider = (_a) => {
     var { color, withControl, onChange, value, min, max, isStatic, containerClassName, containerStyle } = _a, props = __rest(_a, ["color", "withControl", "onChange", "value", "min", "max", "isStatic", "containerClassName", "containerStyle"]);

package/build/esm/{index-b375598a.js → index-505e641f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-464fa081.js';
+import { T as Text } from './index-a62e0ea5.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-ef45c6a6.js → index-59196f69.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-680a234d.js';
+import { t as theme } from './theme-9c8acb37.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-0558fdcb.js → index-6224662a.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-e913daea.js';
+import { L as LOCALE } from './index-37497393.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-301b9f8a.js';
-import { t as theme } from './theme-680a234d.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-80b839f0.js';
-import { T as Text } from './index-1b68fda9.js';
+import { C as CommonGAssets } from './index-238eafc4.js';
+import { t as theme } from './theme-9c8acb37.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-710864cb.js';
+import { T as Text } from './index-b44a1f5c.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-11aeb056.js → index-646a0aa3.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-88d5a836.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-c0b70dc5.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-80b839f0.js → index-710864cb.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-36513b34.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-858d6ea4.js';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, Component, useCallback, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { em, createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, 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, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-301b9f8a.js';
-import { B as Breakpoints } from './utils-e4afa782.js';
+import { C as CommonGAssets } from './index-238eafc4.js';
+import { B as Breakpoints } from './utils-1cdd48a9.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-464fa081.js';
-import { L as LOCALE } from './index-e913daea.js';
-import { t as theme } from './theme-680a234d.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-851ebf3e.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-848812d7.js';
+import { T as Text } from './index-a62e0ea5.js';
+import { L as LOCALE } from './index-37497393.js';
+import { t as theme } from './theme-9c8acb37.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-15758855.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-34b11ff5.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-b8a10c5c.js';
+import { a as useUniqueId } from './useUniqueId-fbb6a56d.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-f63c032c.js → index-7f7c2cd2.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-32a76b1f.js';
-import { u as useTranslations } from './useTranslations-34233afa.js';
+import { I as Icon } from './index-95f7a9be.js';
+import { u as useTranslations } from './useTranslations-622f3ebb.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-680a234d.js';
+import { t as theme } from './theme-9c8acb37.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-32a76b1f.js → index-95f7a9be.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default from 'react';
-import { t as theme } from './theme-680a234d.js';
-import { S as Share, E as Eye, k as Spinner } from './utils-bfa26f00.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-9fb09d32.js';
+import { t as theme } from './theme-9c8acb37.js';
+import { S as Share, E as Eye, k as Spinner } from './utils-dfc50992.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-eb1be93d.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-8cdc1bcd.js → index-97409bcd.js}

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-36513b34.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-858d6ea4.js';
 import React__default, { useState, useMemo, useRef, Fragment, useEffect, useContext, useCallback } from 'react';
-import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-80b839f0.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-710864cb.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-680a234d.js';
-import { T as Text } from './index-464fa081.js';
-import { C as CommonGAssets } from './index-301b9f8a.js';
-import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-848812d7.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-4fd35765.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-60df3aeb.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-3690eacf.js';
-import { L as Logo } from './index-dba873ca.js';
-import { u as useTranslations } from './useTranslations-34233afa.js';
+import { t as theme } from './theme-9c8acb37.js';
+import { T as Text } from './index-a62e0ea5.js';
+import { C as CommonGAssets } from './index-238eafc4.js';
+import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-34b11ff5.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-5620f11f.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-73597e12.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-4d4f1c15.js';
+import { L as Logo } from './index-3461192b.js';
+import { u as useTranslations } from './useTranslations-622f3ebb.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './index-e913daea.js';
-import './useMantineLocale-851ebf3e.js';
-import './translationsContext-efdc86ee.js';
+import { L as LOCALE } from './index-37497393.js';
+import './useMantineLocale-15758855.js';
+import './translationsContext-15211e6d.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-e4afa782.js';
-import { L as LOCALISED_SLUGS } from './constants-16119ef3.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1cdd48a9.js';
+import { L as LOCALISED_SLUGS } from './constants-6019fbdf.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-bfa26f00.js';
-import { C as ChevronDown } from './ChevronDown-9d99063e.js';
+import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-dfc50992.js';
+import { C as ChevronDown } from './ChevronDown-9c4b3b6b.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-1c7581cc.js';
-import { a as LOCALIZED_SLUGS } from './constants-f09716c3.js';
-import { H as Heading } from './index-b375598a.js';
-import { I as Indicator$1 } from './index-ef45c6a6.js';
-import { u as useIsInit } from './useIsInit-52a84376.js';
-import './index.styles-fff13543.js';
-import './utils-a840b780.js';
-import './WhatsApp-9fb09d32.js';
-import './index.styled-88d5a836.js';
-import './index-268a0278.js';
+import { B as Button } from './index-bc01ea69.js';
+import { a as LOCALIZED_SLUGS } from './constants-79d1ba8c.js';
+import { H as Heading } from './index-505e641f.js';
+import { I as Indicator$1 } from './index-59196f69.js';
+import { u as useIsInit } from './useIsInit-3e653335.js';
+import './index.styles-e897158d.js';
+import './utils-15c17149.js';
+import './WhatsApp-eb1be93d.js';
+import './index.styled-c0b70dc5.js';
+import './index-d4c9e373.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-93ca6545.js';
+import { C as Container } from './index-7fdc0954.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-2514dbf2.js';
+import { g as getDataWithCache } from './core-8929b82b.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -266,7 +266,6 @@ const StyledPopup$1 = setDefaultClass(styled.div `
     right: 0;
     transition: all 0.5s ease-in-out;
     overflow-y: auto;
-    padding-bottom: 70px;
 
     &[data-open='true'] {
       z-index: 200;
@@ -296,6 +295,7 @@ const StyledPopup$1 = setDefaultClass(styled.div `
       position: fixed;
       left: 0;
       width: 100%;
+      padding-bottom: 70px;
     }
   `, 'hhgcomp-navprofilebutton-popup');
 const StyledPopupWrapper = setDefaultClass(styled.div `
@@ -715,14 +715,14 @@ const ProfileNavigation = ({ className, activeItem: forceActiveItem, navMenuItem
                 key: 'userProfile.nav.menu.accountSettings',
                 icon: React__default.createElement(NavSettingsIcon, { width: "24", height: "24" }),
                 subMenu: [
-                    {
-                        key: 'common.profileNavigator.newsletterSubscription',
-                        value: 'subscription',
-                        icon: React__default.createElement(NavDotIcon, { width: "24", height: "24" }),
-                        tracking: { action: 'Subscription Click' },
-                        link: `${SSO_URL}user/subscriptions/`,
-                        disabled: locale !== 'vi-VN',
-                    },
+                    // {
+                    //   key: 'common.profileNavigator.newsletterSubscription',
+                    //   value: 'subscription',
+                    //   icon: <NavDotIcon width="24" height="24" />,
+                    //   tracking: { action: 'Subscription Click' },
+                    //   link: `${SSO_URL}user/subscriptions/`,
+                    //   disabled: locale !== 'vi-VN',
+                    // },
                     {
                         key: 'userProfile.nav.menu.password',
                         value: 'password',
@@ -2933,13 +2933,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-a09a7fe8.js').then((data) => {
+                import('./doctor-482297a4.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-39866c0b.js').then((data) => {
+                import('./cart-964062e7.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-fcbf0719.js → index-981e82ea.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-93ca6545.js';
+import { C as Container } from './index-7fdc0954.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-848812d7.js';
-import { u as useScreenSize } from './index-80b839f0.js';
+import { d as domainLocales } from './index-34b11ff5.js';
+import { u as useScreenSize } from './index-710864cb.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-e913daea.js';
-import './index-301b9f8a.js';
-import './useMantineLocale-851ebf3e.js';
-import { T as Text } from './index-464fa081.js';
-import { t as theme } from './theme-680a234d.js';
-import './translationsContext-efdc86ee.js';
+import './index-37497393.js';
+import './index-238eafc4.js';
+import './useMantineLocale-15758855.js';
+import { T as Text } from './index-a62e0ea5.js';
+import { t as theme } from './theme-9c8acb37.js';
+import './translationsContext-15211e6d.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-e4afa782.js';
+import { M as MediaQueries } from './utils-1cdd48a9.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-dba873ca.js';
-import { M as MarryBabyText } from './index-11aeb056.js';
+import { L as Logo } from './index-3461192b.js';
+import { M as MarryBabyText } from './index-646a0aa3.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-a259f96f.js → index-98788a61.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-f09716c3.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-79d1ba8c.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-464fa081.js → index-a62e0ea5.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.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 './utils-e4afa782.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-1cdd48a9.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-593613c1.js → index-b1fbd731.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-fff13543.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-36513b34.js';
-import { u as useTranslations } from './useTranslations-34233afa.js';
-import { B as Button } from './index-80b839f0.js';
-import { P as PATHS } from './paths-572c7f52.js';
-import { a as LOCALIZED_SLUGS } from './constants-f09716c3.js';
-import { d as domainLocales } from './index-848812d7.js';
-import { i as callApi, j as getCarePath } from './utils-bfa26f00.js';
-import { i as isProduction } from './isProduction-396e8d0a.js';
+import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-e897158d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-858d6ea4.js';
+import { u as useTranslations } from './useTranslations-622f3ebb.js';
+import { B as Button } from './index-710864cb.js';
+import { P as PATHS } from './paths-cde71ea1.js';
+import { a as LOCALIZED_SLUGS } from './constants-79d1ba8c.js';
+import { d as domainLocales } from './index-34b11ff5.js';
+import { i as callApi, j as getCarePath } from './utils-dfc50992.js';
+import { i as isProduction } from './isProduction-4e6c7e3c.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-1b68fda9.js → index-b44a1f5c.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default from 'react';
-import './index-80b839f0.js';
+import './index-710864cb.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-848812d7.js';
-import './index-e913daea.js';
-import './index-301b9f8a.js';
-import './useMantineLocale-851ebf3e.js';
-import { T as Text$1 } from './index-464fa081.js';
-import './theme-680a234d.js';
-import './translationsContext-efdc86ee.js';
+import './index-34b11ff5.js';
+import './index-37497393.js';
+import './index-238eafc4.js';
+import './useMantineLocale-15758855.js';
+import { T as Text$1 } from './index-a62e0ea5.js';
+import './theme-9c8acb37.js';
+import './translationsContext-15211e6d.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-e4afa782.js';
+import './utils-1cdd48a9.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-1c7581cc.js → index-bc01ea69.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-36513b34.js';
+import { _ as __rest } from './tslib.es6-858d6ea4.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-80b839f0.js';
+import { B as Button$1 } from './index-710864cb.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'