@hhgtech/hhg-components 1.29.77 → 1.29.79

package/build/esm/{index-2dfe0c66.js → index-63be4c47.js}

@@ -1,65 +1,13 @@
-import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, u as useStyles, v as StyledContainer } from './index.styles-d670cbe0.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
-import { B as Button } from './index-258af431.js';
-import { P as PATHS } from './paths-50f78662.js';
-import { a as LOCALIZED_SLUGS } from './constants-2eb60c45.js';
-import { d as domainLocales } from './index-3131a682.js';
-import { h as callApi, i as getCarePath } from './utils-e8c78fa7.js';
-import { i as isProduction } from './isProduction-34384c12.js';
-
-/**
- * @deprecated Consider to use mantine
- */
-const Divider = ({ type = 'solid', className, style }) => {
-    return (React__default.createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
-};
-
-const AuthorLabelTextMapping = {
-    admin: 'cardAuthor.admin',
-    moderator: 'cardAuthor.moderator',
-    ambassador: 'cardAuthor.ambassador',
-    expert: 'cardAuthor.expert',
-    sponsor: 'cardAuthor.sponsor',
-    // 'local-admin': 'cardAuthor.localAdmin',
-    guide: 'cardAuthor.guide',
-    influencer: 'cardAuthor.influencer',
-};
-const looselyMatchRole = (role) => {
-    const allRoles = [
-        'admin',
-        'moderator',
-        'ambassador',
-        'expert',
-        'sponsor',
-        'guide',
-        'influencer',
-    ];
-    return allRoles.find((r) => r === role);
-};
-const AuthorBadge = (_a) => {
-    var { siteType, role, title, styles, className } = _a, rest = __rest(_a, ["siteType", "role", "title", "styles", "className"]);
-    const { t } = useTranslations();
-    const matchedRole = role ? looselyMatchRole(role) : '';
-    const { classes, cx } = useStyles(undefined, 
-    // Second argument is responsible for styles api integration
-    { name: 'AuthorBadge', styles });
-    return matchedRole && AuthorLabelTextMapping[matchedRole] ? (React__default.createElement("div", Object.assign({ 
-        // className={styles.authorBadge}
-        className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
-};
-
-const BtnChoice = ({ value: valueInit, choices, onChange }) => {
-    const [value, setValue] = useState(valueInit);
-    useEffect(() => {
-        setValue(valueInit);
-    }, [valueInit]);
-    return (React__default.createElement(StyledContainer, null, choices.map((i, idx) => (React__default.createElement(Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
-            setValue(i.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
-        } }, i.label || '')))));
-};
+import { _ as __rest, a as __awaiter } from './tslib.es6-efad16cf.js';
+import React__default, { useState, useMemo, useCallback, useEffect } from 'react';
+import { P as PATHS } from './paths-8fc18a86.js';
+import { a as LOCALIZED_SLUGS } from './index-122dd8ee.js';
+import { B as Button } from './index-e2d856fc.js';
+import { d as domainLocales } from './index-ef96fd13.js';
+import { h as callApi, i as getCarePath } from './defaultClassWrapper-fcdfc7a3.js';
+import { u as useTranslations } from './useTranslations-b8c49c9b.js';
+import { i as isProduction } from './isProduction-d39b7ab2.js';
+import { u as useStyles, t as StyledContainer, v as StyledDivider } from './index.styles-bff4ac47.js';
 
 const BookingBtn = (_a) => {
     var { label, bookingId, bookingType = 'doctor', locale = 'vi-VN' } = _a, rest = __rest(_a, ["label", "bookingId", "bookingType", "locale"]);
@@ -119,4 +67,56 @@ const BookingBtn = (_a) => {
     return bookingId && bookingType ? (React__default.createElement(Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
 };
 
+const AuthorLabelTextMapping = {
+    admin: 'cardAuthor.admin',
+    moderator: 'cardAuthor.moderator',
+    ambassador: 'cardAuthor.ambassador',
+    expert: 'cardAuthor.expert',
+    sponsor: 'cardAuthor.sponsor',
+    // 'local-admin': 'cardAuthor.localAdmin',
+    guide: 'cardAuthor.guide',
+    influencer: 'cardAuthor.influencer',
+};
+const looselyMatchRole = (role) => {
+    const allRoles = [
+        'admin',
+        'moderator',
+        'ambassador',
+        'expert',
+        'sponsor',
+        'guide',
+        'influencer',
+    ];
+    return allRoles.find((r) => r === role);
+};
+const AuthorBadge = (_a) => {
+    var { siteType, role, title, styles, className } = _a, rest = __rest(_a, ["siteType", "role", "title", "styles", "className"]);
+    const { t } = useTranslations();
+    const matchedRole = role ? looselyMatchRole(role) : '';
+    const { classes, cx } = useStyles(undefined, 
+    // Second argument is responsible for styles api integration
+    { name: 'AuthorBadge', styles });
+    return matchedRole && AuthorLabelTextMapping[matchedRole] ? (React__default.createElement("div", Object.assign({ 
+        // className={styles.authorBadge}
+        className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
+};
+
+const BtnChoice = ({ value: valueInit, choices, onChange }) => {
+    const [value, setValue] = useState(valueInit);
+    useEffect(() => {
+        setValue(valueInit);
+    }, [valueInit]);
+    return (React__default.createElement(StyledContainer, null, choices.map((i, idx) => (React__default.createElement(Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
+            setValue(i.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
+        } }, i.label || '')))));
+};
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Divider = ({ type = 'solid', className, style }) => {
+    return (React__default.createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
+};
+
 export { AuthorBadge as A, BtnChoice as B, Divider as D, BookingBtn as a };

package/build/esm/{index-26a17cf1.js → index-670d21ca.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-a3f9e8d3.js';
+import { C as Container } from './index-931414db.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-3131a682.js';
-import { u as useScreenSize } from './index-258af431.js';
+import { d as domainLocales } from './index-ef96fd13.js';
+import { u as useScreenSize } from './index-e2d856fc.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-a1f5a5c0.js';
-import './index-0fed808d.js';
-import './useMantineLocale-4a5da5bb.js';
-import { T as Text } from './index-c6d9afaf.js';
-import { t as theme } from './theme-f9fa9f7d.js';
-import './translationsContext-af680337.js';
+import './index-877eed06.js';
+import './index-92fd8661.js';
+import './useMantineLocale-bcfdeb0c.js';
+import { T as Text } from './index-b2eed677.js';
+import { t as theme } from './theme-eb1b39f6.js';
+import './translationsContext-dfb42bf8.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1997593f.js';
+import { M as MediaQueries } from './utils-0d590d5e.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-c8e55b19.js';
-import { M as MarryBabyText } from './index-95029090.js';
+import { L as Logo } from './index-687f9ee4.js';
+import { M as MarryBabyText } from './index-47d01c08.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-c8e55b19.js → index-687f9ee4.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import { C as CommonGAssets } from './index-0fed808d.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-9a265ccf.js';
-import { I as ImageWrap } from './index-258af431.js';
+import { L as LOCALE } from './index-877eed06.js';
+import { C as CommonGAssets } from './index-92fd8661.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-45e55363.js';
+import { I as ImageWrap } from './index-e2d856fc.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-bffe0e7b.js → index-741ce3ab.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-f9fa9f7d.js';
+import { t as theme } from './theme-eb1b39f6.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-8450b670.js → index-7c6316a6.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-efad16cf.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-c6d9afaf.js';
+import { T as Text } from './index-b2eed677.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-a1f5a5c0.js → index-877eed06.js}

@@ -246,4 +246,4 @@ var index = /*#__PURE__*/Object.freeze({
   SubotType: SubotType
 });
 
-export { BabyGrowthChartType as B, ELEMENT_CONTROL_INPUT_TYPE as E, FULL_KEY_ADDRESS as F, Gender as G, LOCALE as L, NodePosition as N, OnboardingStep as O, SocialType as S, BabyGrowthChartDuration as a, BabyGrowthResultTab as b, NodeType as c, NodeFinalTypes as d, NodeIntentType as e, NodeActionType as f, NodeMultipleOptions as g, SubotType as h, index as i };
+export { BabyGrowthChartType as B, ELEMENT_CONTROL_INPUT_TYPE as E, FULL_KEY_ADDRESS as F, Gender as G, LOCALE as L, NodeIntentType as N, OnboardingStep as O, SocialType as S, BabyGrowthChartDuration as a, BabyGrowthResultTab as b, NodePosition as c, NodeType as d, NodeFinalTypes as e, NodeActionType as f, NodeMultipleOptions as g, SubotType as h, index as i };

package/build/esm/{index-0fed808d.js → index-92fd8661.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-3131a682.js';
-import { i as isProduction } from './isProduction-34384c12.js';
+import { d as domainLocales } from './index-ef96fd13.js';
+import { i as isProduction } from './isProduction-d39b7ab2.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-de28335d.js → index-9b3bf9da.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8f144c22.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-efad16cf.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-258af431.js';
+import { c as Input, S as Select } from './index-e2d856fc.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-3131a682.js';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './index-0fed808d.js';
-import './useMantineLocale-4a5da5bb.js';
-import './index-c6d9afaf.js';
-import './theme-f9fa9f7d.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { c as CDN_ADDRESS } from './index-ef96fd13.js';
+import { L as LOCALE } from './index-877eed06.js';
+import './index-92fd8661.js';
+import './useMantineLocale-bcfdeb0c.js';
+import './index-b2eed677.js';
+import './theme-eb1b39f6.js';
+import { u as useTranslations } from './useTranslations-b8c49c9b.js';
 import '@mantine/hooks';
-import './utils-1997593f.js';
-import { M as MAPPED_LOCALE } from './utils-0a07daac.js';
+import './utils-0d590d5e.js';
+import { M as MAPPED_LOCALE } from './utils-86ef2283.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-3d150702.js → index-ad5c69c9.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-efad16cf.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { g as useStyles } from './index-258af431.js';
+import { g as useStyles } from './index-e2d856fc.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-62a8b174.js → index-aeb4ceda.js}

@@ -1,64 +1,64 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-c6d9afaf.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, T as TextArea, P as PureInput } from './index.styles-d670cbe0.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-1997593f.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-258af431.js';
-import { T as Text$1 } from './index-16af59c8.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { T as Text } from './index-b2eed677.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, T as TextArea, P as PureInput } from './index.styles-bff4ac47.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-0d590d5e.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-e2d856fc.js';
+import { T as Text$1 } from './index-5265867b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-efad16cf.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-0fed808d.js';
-import { H as Heading } from './index-8450b670.js';
-import { t as theme } from './theme-f9fa9f7d.js';
+import { C as CommonGAssets } from './index-92fd8661.js';
+import { H as Heading } from './index-7c6316a6.js';
+import { t as theme } from './theme-eb1b39f6.js';
 import { Card, Group, Box, Flex, createStyles, Stack, getStylesRef, useMantineTheme, rem, Container, AspectRatio as AspectRatio$1, ScrollArea, Chip, Badge as Badge$1, MultiSelect, Stepper } from '@mantine/core';
 import innertext from 'innertext';
 import '@mantine/dates';
-import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-3131a682.js';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './useMantineLocale-4a5da5bb.js';
-import './translationsContext-af680337.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-ef96fd13.js';
+import { L as LOCALE } from './index-877eed06.js';
+import './useMantineLocale-bcfdeb0c.js';
+import './translationsContext-dfb42bf8.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-36e18ffd.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-c5b3a3ba.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-c8e55b19.js';
-import { B as Button } from './index-10f8055c.js';
-import { I as Input } from './index-ae717003.js';
+import { L as Logo } from './index-687f9ee4.js';
+import { B as Button } from './index-2a4e676a.js';
+import { I as Input } from './index-18a80466.js';
 import { keyframes } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-34384c12.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { i as isProduction } from './isProduction-d39b7ab2.js';
+import { u as useTranslations } from './useTranslations-b8c49c9b.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-8ac7b919.js';
-import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-d6a9a175.js';
-import { f as formatUserProfileUrl } from './index-95b9fc82.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-606d76d5.js';
-import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './utils-e8c78fa7.js';
+import { D as DatePicker } from './index-47a90477.js';
+import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-1f6890ad.js';
+import { f as formatUserProfileUrl } from './index-f672661d.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-28115f15.js';
+import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './defaultClassWrapper-fcdfc7a3.js';
 import { Controller, useForm as useForm$1 } from 'react-hook-form';
-import './constants-2eb60c45.js';
-import './utils-9a265ccf.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
-import { a as useOutsideClick } from './useOutsideClick-43bfe834.js';
+import './index-122dd8ee.js';
+import './utils-45e55363.js';
+import './index-40fc06d9.js';
+import './index.styled-eb1001c3.js';
+import './index-4687d5f8.js';
+import { a as useOutsideClick } from './useOutsideClick-e10b28ce.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 { D as Dropdown } from './index-bffe0e7b.js';
-import { g as getSocialList } from './getSocialList-d49f96d5.js';
+import { D as Dropdown } from './index-741ce3ab.js';
+import { g as getSocialList } from './getSocialList-c8edb201.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-878abd29.js';
-import { I as Icon } from './index-9e37013f.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-e7ff0e08.js';
+import { I as Icon } from './index-ecb46439.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-3d150702.js';
+import { M as Modal } from './index-ad5c69c9.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-dc30b23e.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-8ab2c8da.js';
+import { g as getCookie } from './cookieHelper-9c963e09.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-65565106.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-c6d9afaf.js → index-b2eed677.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-efad16cf.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-1997593f.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-0d590d5e.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-36e18ffd.js → index-c5b3a3ba.js}

@@ -1,46 +1,46 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-efad16cf.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-258af431.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-e2d856fc.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f9fa9f7d.js';
-import { T as Text } from './index-c6d9afaf.js';
-import { C as CommonGAssets } from './index-0fed808d.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-3131a682.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-8ab2c8da.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-878abd29.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-95b9fc82.js';
-import { L as Logo } from './index-c8e55b19.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { t as theme } from './theme-eb1b39f6.js';
+import { T as Text } from './index-b2eed677.js';
+import { C as CommonGAssets } from './index-92fd8661.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-ef96fd13.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-65565106.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-e7ff0e08.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-f672661d.js';
+import { L as Logo } from './index-687f9ee4.js';
+import { u as useTranslations } from './useTranslations-b8c49c9b.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './useMantineLocale-4a5da5bb.js';
-import './translationsContext-af680337.js';
+import { L as LOCALE } from './index-877eed06.js';
+import './useMantineLocale-bcfdeb0c.js';
+import './translationsContext-dfb42bf8.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1997593f.js';
-import { L as LOCALISED_SLUGS } from './constants-1cc39551.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-0d590d5e.js';
+import { L as LOCALISED_SLUGS } from './constants-78d473b4.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-e8c78fa7.js';
-import { C as ChevronDown } from './ChevronDown-c0329f44.js';
+import { s as setDefaultClass, j as domainLocalesMarryBaby } from './defaultClassWrapper-fcdfc7a3.js';
+import { C as ChevronDown } from './ChevronDown-5f18ca6b.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-10f8055c.js';
-import { a as LOCALIZED_SLUGS } from './constants-2eb60c45.js';
-import { H as Heading } from './index-8450b670.js';
-import { I as Indicator$1 } from './index-d62e3f04.js';
-import { u as useIsInit } from './useIsInit-8490d361.js';
-import './index.styles-d670cbe0.js';
-import './utils-9a265ccf.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
+import { B as Button } from './index-2a4e676a.js';
+import { a as LOCALIZED_SLUGS } from './index-122dd8ee.js';
+import { H as Heading } from './index-7c6316a6.js';
+import { I as Indicator$1 } from './index-ec38e886.js';
+import { u as useIsInit } from './useIsInit-f341c0e8.js';
+import './index.styles-bff4ac47.js';
+import './utils-45e55363.js';
+import './index-40fc06d9.js';
+import './index.styled-eb1001c3.js';
+import './index-4687d5f8.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-a3f9e8d3.js';
+import { C as Container } from './index-931414db.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-adbcbe2f.js';
+import { g as getDataWithCache } from './core-2715a7c7.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -2969,18 +2969,18 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
     useEffect(() => {
         setTimeout(() => {
             if (item.id === 'care' || item.id === 'ecom') {
-                import('react-lottie').then((lottie) => {
+                import('lottie-light-react').then((lottie) => {
                     setLottie(() => lottie.default);
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-407e7c56.js').then((data) => {
+                import('./doctor-1d62f054.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-24fe471a.js').then((data) => {
+                import('./cart-5f758c33.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -3000,16 +3000,14 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
             background: '#E3F2FF',
         };
     return (React__default.createElement(Tag, { tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.itemNavButton, ref: containerRef },
-        React__default.createElement(Button$1, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default.createElement(Lottie, { options: {
-                    loop: true,
-                    autoplay: true,
-                    animationData: iconJson,
-                }, height: 28, width: 28 })) : (React__default.createElement("a", { href: normalizeLinkSlash(item.link + '/') },
-                React__default.createElement(Lottie, { options: {
-                        loop: true,
-                        autoplay: true,
-                        animationData: iconJson,
-                    }, height: 28, width: 28 })))) : hasIcon ? (React__default.createElement("div", { style: {
+        React__default.createElement(Button$1, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default.createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
+                    width: 28,
+                    height: 28,
+                } })) : (React__default.createElement("a", { href: normalizeLinkSlash(item.link + '/') },
+                React__default.createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
+                        width: 28,
+                        height: 28,
+                    } })))) : hasIcon ? (React__default.createElement("div", { style: {
                     width: 28,
                     height: 28,
                 } }, item.id === 'care' ? (React__default.createElement(InitialDoctor, null)) : item.id === 'ecom' ? (React__default.createElement(InitialCart, null)) : null)) : null, styles: {
@@ -3029,7 +3027,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
         item.popupType === 'categories' ? (React__default.createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights, onClose: onClose })) : item.popupType === 'tools' ? (React__default.createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, onClose: onClose })) : item.popupType === 'together' ? (React__default.createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights, onClose: onClose })) : item.popupType === 'care' ? (React__default.createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights, onClose: onClose })) : null));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, }) => {
     var _a;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -3136,7 +3134,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     locale,
                     isMobile,
                 })
-            : null));
+            : null,
+        subHead && subHead));
 };
 const NavigtionSearch = ({ siteType }) => (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: siteType === 'marryBaby' ? 'marry-baby' : '' },
     React__default.createElement(SearchInput, { id: "desktop" })));
@@ -3330,7 +3329,7 @@ const StyledContainer = styled.div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -3348,7 +3347,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default.createElement("section", { ref: headerRef },
-            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
+            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);