@hhgtech/hhg-components 1.29.73 → 1.29.75

package/build/esm/footer.js

@@ -1,30 +1,30 @@
-export { F as Footer } from './index-080ac418.js';
+export { F as Footer } from './index-f077e925.js';
 import 'react';
-import './index-481dab4d.js';
+import './index-0e8a6537.js';
 import 'dayjs';
-import './index-c675bc81.js';
+import './index-1e87ffee.js';
 import 'date-fns/locale';
-import './index-d4ab26e1.js';
-import './isProduction-5adfd290.js';
-import './index-aec52984.js';
-import './tslib.es6-45871bbc.js';
+import './index-463c98c4.js';
+import './isProduction-3d314487.js';
+import './index-0244dac6.js';
+import './tslib.es6-07864d1c.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-69f55d11.js';
-import './utils-e5a41857.js';
+import './index-a1e67e5b.js';
+import './utils-39607580.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-48aa11fa.js';
-import './theme-cafb1b7e.js';
-import './useMantineLocale-d5a490a7.js';
+import './index-cff6fa8a.js';
+import './theme-60650a33.js';
+import './useMantineLocale-93212fdc.js';
 import 'classnames';
-import './useUniqueId-d479badd.js';
+import './useUniqueId-39db3b54.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-5a7e49ea.js';
+import './translationsContext-4a1a2e74.js';
 import 'string-format';
-import './index-f222dc31.js';
-import './utils-a0db2bff.js';
-import './index-286446de.js';
-import './index.styled-686c3f9e.js';
+import './index-bc08b3bb.js';
+import './utils-c4e01467.js';
+import './index-2251cbd7.js';
+import './index.styled-ce08a9e0.js';

package/build/esm/gAssets.js

@@ -1,5 +1,5 @@
-export { C as CommonGAssets, G as GAssets } from './index-69f55d11.js';
-import './index-c675bc81.js';
+export { C as CommonGAssets, G as GAssets } from './index-a1e67e5b.js';
+import './index-1e87ffee.js';
 import 'date-fns/locale';
-import './index-d4ab26e1.js';
-import './isProduction-5adfd290.js';
+import './index-463c98c4.js';
+import './isProduction-3d314487.js';

package/build/esm/{getDynamicHealthTool-d646fde4.js → getDynamicHealthTool-99430b63.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-45871bbc.js';
-import { n as normalizeLinkSlash } from './normalizeLink-2aba1307.js';
-import { c as getDiscoverApiDomain } from './routing-66547ea3.js';
-import { g as getDataWithCache } from './core-4876e365.js';
+import { a as __awaiter } from './tslib.es6-07864d1c.js';
+import { n as normalizeLinkSlash } from './normalizeLink-dab0abfe.js';
+import { c as getDiscoverApiDomain } from './routing-8b2f38b4.js';
+import { g as getDataWithCache } from './core-b90cb5db.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-d58152a1.js → getSocialList-61e35698.js}

@@ -1,9 +1,9 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-45871bbc.js';
-import { I as Instagram } from './Instagram-e371b349.js';
-import { W as WhatsApp } from './WhatsApp-23f1608f.js';
-import { S as SocialType, L as LOCALE } from './index-d4ab26e1.js';
-import { C as CommonGAssets } from './index-69f55d11.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
+import { I as Instagram } from './Instagram-7eebb0ad.js';
+import { W as WhatsApp } from './WhatsApp-dd2041da.js';
+import { S as SocialType, L as LOCALE } from './index-463c98c4.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
 
 const Facebook = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);
@@ -51,9 +51,8 @@ const TikTok = (_a) => {
 
 const Twitter = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);
-    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
-        React__default.createElement("rect", { width: "32", height: "32", rx: "4", fill: "#1FA1F3" }),
-        React__default.createElement("path", { d: "m15.73 13.235.04.634-.674-.078c-2.454-.298-4.599-1.307-6.42-3.003l-.89-.842-.23.622c-.485 1.385-.175 2.848.837 3.832.54.543.418.621-.513.297-.323-.103-.607-.18-.634-.142-.094.09.23 1.269.486 1.735.35.647 1.066 1.282 1.848 1.657l.66.298-.782.013c-.755 0-.782.013-.7.285.269.841 1.334 1.734 2.521 2.123l.837.272-.729.414a7.9 7.9 0 0 1-3.615.958c-.606.013-1.106.065-1.106.104 0 .129 1.646.854 2.604 1.139 2.873.841 6.285.479 8.848-.958 1.82-1.023 3.641-3.055 4.49-5.023.46-1.05.918-2.965.918-3.884 0-.596.04-.674.796-1.386.445-.414.863-.867.944-.996.135-.246.121-.246-.566-.026-1.147.388-1.309.336-.742-.246.418-.415.917-1.166.917-1.386 0-.038-.203.026-.432.143-.242.13-.782.323-1.187.44l-.728.22-.66-.427c-.365-.233-.878-.492-1.147-.57-.688-.181-1.74-.155-2.36.052-1.687.583-2.752 2.084-2.63 3.729", fill: "#fff" })));
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M21.407 0H2.593A2.593 2.593 0 0 0 0 2.593v18.814A2.593 2.593 0 0 0 2.593 24h18.814A2.593 2.593 0 0 0 24 21.407V2.593A2.593 2.593 0 0 0 21.407 0m-6.099 20.353-4.46-6.491-5.584 6.49H3.821l6.386-7.422-6.386-9.295h4.871l4.223 6.147 5.288-6.147h1.443l-6.09 7.079 6.623 9.638z", fill: "#000" })));
 };
 Twitter.defaultProps = {
     size: 24,
@@ -126,12 +125,16 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
                             ? 'https://www.instagram.com/hellokrupetofficial/'
                             : locale === LOCALE.Vietnam
                                 ? 'https://www.instagram.com/hellobacsi/'
-                                : '',
+                                : locale === LOCALE.Indonesia
+                                    ? 'https://www.instagram.com/hellosehat/'
+                                    : '',
         allowedLocales: [
             LOCALE.Taiwan,
             LOCALE.Malaysia,
             LOCALE.Myanmar,
             LOCALE.Cambodia,
+            LOCALE.Vietnam,
+            LOCALE.Indonesia,
         ],
     },
     {
@@ -147,14 +150,18 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
                     : locale === LOCALE.Vietnam
                         ? 'https://www.tiktok.com/@hellobacsi'
                         : '',
-        allowedLocales: [LOCALE.Malaysia, LOCALE.Cambodia],
+        allowedLocales: [LOCALE.Malaysia, LOCALE.Cambodia, LOCALE.Vietnam],
     },
     {
         icon: React__default.createElement(Telegram, { size: size }),
         name: 'Telegram',
         type: SocialType.Telegram,
-        href: locale === LOCALE.Cambodia ? 'http://t.me/hellokrupetofficial' : '',
-        allowedLocales: [LOCALE.Cambodia],
+        href: locale === LOCALE.Cambodia
+            ? 'http://t.me/hellokrupetofficial'
+            : locale === LOCALE.Indonesia
+                ? 'https://www.instagram.com/hellosehat/'
+                : '',
+        allowedLocales: [LOCALE.Cambodia, LOCALE.Indonesia],
     },
     {
         icon: React__default.createElement(Viber, { size: size }),

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-e1ff30a8.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-988455e0.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-9d82b521.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-8bb6324d.js';
-export { u as useIsInit } from './useIsInit-7c47cf92.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-9fb70faa.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d479badd.js';
+export { u as useTranslations } from './useTranslations-a239c5f4.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-aa67a4c7.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-36123c16.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-4d2faff2.js';
+export { u as useIsInit } from './useIsInit-f821f275.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-2403a1d8.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-39db3b54.js';
 import 'react';
-import './translationsContext-5a7e49ea.js';
+import './translationsContext-4a1a2e74.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-45871bbc.js';
-import './cookieHelper-9f2a561d.js';
-import './index-d4ab26e1.js';
-import './getDynamicHealthTool-d646fde4.js';
-import './normalizeLink-2aba1307.js';
-import './routing-66547ea3.js';
-import './index-c675bc81.js';
+import './tslib.es6-07864d1c.js';
+import './cookieHelper-d22415fc.js';
+import './index-463c98c4.js';
+import './getDynamicHealthTool-99430b63.js';
+import './normalizeLink-dab0abfe.js';
+import './routing-8b2f38b4.js';
+import './index-1e87ffee.js';
 import 'date-fns/locale';
-import './isProduction-5adfd290.js';
-import './core-4876e365.js';
+import './isProduction-3d314487.js';
+import './core-b90cb5db.js';

package/build/esm/i18n.js

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

package/build/esm/{index-aec52984.js → index-0244dac6.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-45871bbc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07864d1c.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-69f55d11.js';
-import { B as Breakpoints } from './utils-e5a41857.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
+import { B as Breakpoints } from './utils-39607580.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-48aa11fa.js';
-import { L as LOCALE } from './index-d4ab26e1.js';
-import { t as theme } from './theme-cafb1b7e.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-d5a490a7.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-c675bc81.js';
+import { T as Text } from './index-cff6fa8a.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import { t as theme } from './theme-60650a33.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-93212fdc.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-1e87ffee.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-d479badd.js';
+import { a as useUniqueId } from './useUniqueId-39db3b54.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-e6e1abd1.js → index-0724f0af.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-45871bbc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-07864d1c.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-aec52984.js';
+import { c as Input, S as Select } from './index-0244dac6.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-c675bc81.js';
-import { L as LOCALE } from './index-d4ab26e1.js';
-import './index-69f55d11.js';
-import './useMantineLocale-d5a490a7.js';
-import './index-48aa11fa.js';
-import './theme-cafb1b7e.js';
-import { u as useTranslations } from './useTranslations-e1ff30a8.js';
+import { c as CDN_ADDRESS } from './index-1e87ffee.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import './index-a1e67e5b.js';
+import './useMantineLocale-93212fdc.js';
+import './index-cff6fa8a.js';
+import './theme-60650a33.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import '@mantine/hooks';
-import './utils-e5a41857.js';
-import { M as MAPPED_LOCALE } from './utils-6800e7c0.js';
+import './utils-39607580.js';
+import { M as MAPPED_LOCALE } from './utils-89f1cb27.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-f543f46b.js → index-113a64e8.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-cafb1b7e.js';
+import { t as theme } from './theme-60650a33.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-a7e2fe0d.js → index-1775f479.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-8ecb0fe1.js';
-import { u as useTranslations } from './useTranslations-e1ff30a8.js';
+import { I as Icon } from './index-96077739.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-cafb1b7e.js';
+import { t as theme } from './theme-60650a33.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-c675bc81.js → index-1e87ffee.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-d4ab26e1.js';
-import { i as isProduction } from './isProduction-5adfd290.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import { i as isProduction } from './isProduction-3d314487.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-286446de.js → index-2251cbd7.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-686c3f9e.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-ce08a9e0.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-745a699e.js → index-2dc21509.js}

@@ -1,46 +1,46 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-45871bbc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07864d1c.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-aec52984.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-0244dac6.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-cafb1b7e.js';
-import { T as Text } from './index-48aa11fa.js';
-import { C as CommonGAssets } from './index-69f55d11.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-c675bc81.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-2aba1307.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-66547ea3.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-2b0241b5.js';
-import { L as Logo } from './index-f222dc31.js';
-import { u as useTranslations } from './useTranslations-e1ff30a8.js';
+import { t as theme } from './theme-60650a33.js';
+import { T as Text } from './index-cff6fa8a.js';
+import { C as CommonGAssets } from './index-a1e67e5b.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-1e87ffee.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-dab0abfe.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-8b2f38b4.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-a9e1b3fc.js';
+import { L as Logo } from './index-bc08b3bb.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './index-d4ab26e1.js';
-import './useMantineLocale-d5a490a7.js';
-import './translationsContext-5a7e49ea.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import './useMantineLocale-93212fdc.js';
+import './translationsContext-4a1a2e74.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-e5a41857.js';
-import { L as LOCALISED_SLUGS } from './constants-42a231f6.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-39607580.js';
+import { L as LOCALISED_SLUGS } from './constants-13614975.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-9508cee2.js';
-import { C as ChevronDown } from './ChevronDown-fd73b002.js';
+import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-1679a39c.js';
+import { C as ChevronDown } from './ChevronDown-80f9a746.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-2b27c88d.js';
-import { a as LOCALIZED_SLUGS } from './constants-175ce529.js';
-import { H as Heading } from './index-46b1d834.js';
-import { I as Indicator$1 } from './index-2d608170.js';
-import { u as useIsInit } from './useIsInit-7c47cf92.js';
-import './index.styles-24632d00.js';
-import './utils-a0db2bff.js';
-import './WhatsApp-23f1608f.js';
-import './index.styled-686c3f9e.js';
-import './index-a73cfedb.js';
+import { B as Button } from './index-4cccc095.js';
+import { a as LOCALIZED_SLUGS } from './constants-70c9eef4.js';
+import { H as Heading } from './index-53a6fd2c.js';
+import { I as Indicator$1 } from './index-ec01f492.js';
+import { u as useIsInit } from './useIsInit-f821f275.js';
+import './index.styles-744229d2.js';
+import './utils-c4e01467.js';
+import './WhatsApp-dd2041da.js';
+import './index.styled-ce08a9e0.js';
+import './index-94d6a1dd.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-481dab4d.js';
+import { C as Container } from './index-0e8a6537.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-4876e365.js';
+import { g as getDataWithCache } from './core-b90cb5db.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -966,7 +966,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
                 yield onLogout();
             }) }))) : (React__default.createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, href: !init
             ? normalizeLinkSlash(`${SSO_URL}?returnUrl=${currentUrl}`)
-            : undefined, "data-site-type": siteType }, isMinifyLogin ? (React__default.createElement(StyledAvatar, { onClick: onLoginClick },
+            : undefined, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default.createElement(StyledAvatar, null,
         React__default.createElement("img", { src: CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
@@ -979,15 +979,15 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                }, onClick: onLoginClick })) : (React__default.createElement(Button$1, { className: "mobile-only", size: "sm", onClick: onLoginClick, leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } })) : (React__default.createElement(Button$1, { className: "mobile-only", size: "sm", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 } }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' && (React__default.createElement("div", { className: "mobile-only", onClick: onLoginClick, style: {
+        siteType === 'marryBaby' && (React__default.createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
             React__default.createElement(Text, { size: "p3", color: theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default.createElement(Button$1, { className: "login-btn", size: "md", onClick: onLoginClick, leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button$1, { className: "login-btn", size: "md", onClick: onLoginClick, leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+        siteType === 'marryBaby' ? (React__default.createElement(Button$1, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button$1, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
 var styles$3 = {"bookingButton":"spdlGfq","bookingButtonAnchor":"vgS16jX"};
@@ -1288,9 +1288,6 @@ const StyledItemAll = styled.div `
   line-height: 24px;
   font-size: 14px;
   font-weight: 600;
-  &[data-event-category] * {
-    pointer-events: none;
-  }
   &[data-theme='marryBaby'] {
     color: ${theme.mbColors.pink};
   }
@@ -2884,7 +2881,7 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, }) => {
     return (React__default.createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__default.createElement(Container, null,
+        React__default.createElement(Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
             !hideCloseBtn && (React__default.createElement("div", { className: styles.container },
                 React__default.createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
             React__default.createElement(Container, { className: styles.gridContainer }, children))));
@@ -2977,13 +2974,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-337c8dd7.js').then((data) => {
+                import('./doctor-58bf1504.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-5ed677e7.js').then((data) => {
+                import('./cart-82fb335f.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-ef13f9d7.js → index-327855b3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.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-175ce529.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-70c9eef4.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-fbb41471.js → index-35a36563.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { g as useStyles } from './index-aec52984.js';
+import { g as useStyles } from './index-0244dac6.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);