@hhgtech/hhg-components 1.29.6 → 1.29.7

package/build/esm/{getDynamicHealthTool-eaa26baf.js → getDynamicHealthTool-34cd9f7f.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-8e00a7cc.js';
-import { n as normalizeLinkSlash } from './normalizeLink-e440f854.js';
-import { c as getDiscoverApiDomain } from './routing-424b1e54.js';
-import { g as getDataWithCache } from './core-16116c57.js';
+import { a as __awaiter } from './tslib.es6-a3330e56.js';
+import { n as normalizeLinkSlash } from './normalizeLink-88e89c48.js';
+import { c as getDiscoverApiDomain } from './routing-accbb863.js';
+import { g as getDataWithCache } from './core-d6e811be.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-6c919102.js → getSocialList-96fef766.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { L as LOCALE } from './Subot-da7e1e94.js';
-import { C as CommonGAssets } from './index-95135d78.js';
+import { L as LOCALE } from './Subot-6483edfe.js';
+import { C as CommonGAssets } from './index-3e80ca13.js';
 
 const getSocialList = (shareUrl) => [
     {

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-e9f765b2.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-1d291e0d.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-b7125e1c.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-1d41eea8.js';
-export { u as useIsInit } from './useIsInit-03baf933.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-706a93fb.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-1ef16020.js';
+export { u as useTranslations } from './useTranslations-d322de0a.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-c02ff1d4.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-22560734.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-a71f6ee6.js';
+export { u as useIsInit } from './useIsInit-ddcba842.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-19e514e2.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-8874cf8a.js';
 import 'react';
-import './translationsContext-6655e7cb.js';
+import './translationsContext-9504b40c.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-8e00a7cc.js';
-import './cookieHelper-a6b631c1.js';
-import './Subot-da7e1e94.js';
-import './getDynamicHealthTool-eaa26baf.js';
-import './normalizeLink-e440f854.js';
-import './routing-424b1e54.js';
-import './index-a701ba63.js';
+import './tslib.es6-a3330e56.js';
+import './cookieHelper-7994d137.js';
+import './Subot-6483edfe.js';
+import './getDynamicHealthTool-34cd9f7f.js';
+import './normalizeLink-88e89c48.js';
+import './routing-accbb863.js';
+import './index-86df9abd.js';
 import 'date-fns/locale';
-import './isProduction-6222484d.js';
-import './core-16116c57.js';
+import './isProduction-a91898ad.js';
+import './core-d6e811be.js';

package/build/esm/i18n.js

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

package/build/esm/{index-63a536b4.js → index-01107d11.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-da7e1e94.js';
+import { L as LOCALE } from './Subot-6483edfe.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-95135d78.js';
-import { t as theme } from './theme-f323adc1.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-79c01960.js';
-import { T as Text } from './index-268212c4.js';
+import { C as CommonGAssets } from './index-3e80ca13.js';
+import { t as theme } from './theme-ceb73049.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-68b2460f.js';
+import { T as Text } from './index-8ff4a188.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-2d142c13.js → index-12667b0c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-f323adc1.js';
+import { t as theme } from './theme-ceb73049.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-be92ecd0.js → index-19efb5ac.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.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-68244280.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-5b26a9ad.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-fdc2c445.js → index-226d784c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.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-79c01960.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-68b2460f.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-56504b82.js → index-2c315f46.js}

@@ -1,68 +1,68 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-68da5cb6.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$1, 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, u as useStyles$4, T as TextArea, P as PureInput } from './index.styles-f6cf111a.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-39560ed4.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-79c01960.js';
-import { T as Text$1 } from './index-268212c4.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8e00a7cc.js';
-import { C as CommonGAssets } from './index-95135d78.js';
-import { H as Heading } from './index-89235c34.js';
-import { t as theme } from './theme-f323adc1.js';
+import { T as Text } from './index-38e769ab.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$1, 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, u as useStyles$4, T as TextArea, P as PureInput } from './index.styles-1e00b74e.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-72cdcea4.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-68b2460f.js';
+import { T as Text$1 } from './index-8ff4a188.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a3330e56.js';
+import { Bookmark, CalendarMB, Calendar } from '@hhgtech/icons/other';
+import { C as CommonGAssets } from './index-3e80ca13.js';
+import { H as Heading } from './index-6acc2f56.js';
+import { t as theme } from './theme-ceb73049.js';
 import { Box, Radio as Radio$2, Flex, rem, Card, Group, createStyles, Stack, getStylesRef, useMantineTheme, Container as Container$1, 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, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-a701ba63.js';
-import { G as Gender, L as LOCALE } from './Subot-da7e1e94.js';
-import './useMantineLocale-6b09a1b7.js';
-import './translationsContext-6655e7cb.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-86df9abd.js';
+import { G as Gender, L as LOCALE } from './Subot-6483edfe.js';
+import './useMantineLocale-f334285f.js';
+import './translationsContext-9504b40c.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-40713901.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-73c72c43.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-0476c1ec.js';
-import { B as Button } from './index-550816d6.js';
-import { I as Input } from './index-be92ecd0.js';
+import { L as Logo } from './index-eb43f663.js';
+import { B as Button } from './index-6f46d684.js';
+import { I as Input } from './index-19efb5ac.js';
 import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-6222484d.js';
-import { u as useTranslations } from './useTranslations-e9f765b2.js';
-import { CalendarMB, Calendar } from '@hhgtech/icons/other';
+import { i as isProduction } from './isProduction-a91898ad.js';
+import { u as useTranslations } from './useTranslations-d322de0a.js';
 import { format, addDays, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import dayjs from 'dayjs';
-import { D as DATE_FORMAT } from './types-837231a7.js';
-import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-02876d56.js';
-import { D as DatePicker } from './index-8a170656.js';
-import { M as MarryBabyText } from './index-da5fc871.js';
-import { S as Slider } from './index-fdc2c445.js';
-import { D as Dropdown } from './index-e7533376.js';
-import { C as Container } from './index-1725650a.js';
+import { D as DATE_FORMAT } from './types-e1a19383.js';
+import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-a4c61ed2.js';
+import { D as DatePicker } from './index-3e88584d.js';
+import { M as MarryBabyText } from './index-652a7a54.js';
+import { S as Slider } from './index-226d784c.js';
+import { D as Dropdown } from './index-34ce1879.js';
+import { C as Container } from './index-30fcac90.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-1d41eea8.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a71f6ee6.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { B as BabyGrowthGender, D as Drawer } from './index-6cd55309.js';
-import { L as Label } from './constants-68244280.js';
-import { f as formatUserProfileUrl } from './index-b5e4a99e.js';
-import './utils-b9786da5.js';
-import './index.styled-b564d380.js';
-import './index-b1aa9005.js';
-import { a as useOutsideClick } from './useOutsideClick-706a93fb.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-81de3f6e.js';
+import { L as Label } from './constants-5b26a9ad.js';
+import { f as formatUserProfileUrl } from './index-939770eb.js';
+import './utils-4ef4e134.js';
+import './index.styled-b7d5fbf2.js';
+import './index-1792a8c4.js';
+import { a as useOutsideClick } from './useOutsideClick-19e514e2.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 { g as getSocialList } from './getSocialList-6c919102.js';
+import { g as getSocialList } from './getSocialList-96fef766.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-424b1e54.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-accbb863.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-51b2cbeb.js';
+import { I as Icon } from './index-a90aef2f.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-0074b23f.js';
+import { M as Modal } from './index-c0daa419.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-a6b631c1.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e440f854.js';
+import { g as getCookie } from './cookieHelper-7994d137.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-88e89c48.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -404,16 +404,6 @@ const AffiliateIcon = memo(() => {
             React__default.createElement("path", { d: "M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z", fill: "white" }))));
 });
 
-const BookmarkedIcon = memo(({ dataEventCategoryForBookmark, dataEventActionForBookmark, dataEventLabelForBookmark, }) => {
-    return (React__default.createElement("svg", { "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark, width: "14", height: "16", viewBox: "0 0 14 16", fill: "none" },
-        React__default.createElement("path", { d: "m13 15-6-3.889L1 15V2.556c0-.413.18-.809.502-1.1A1.8 1.8 0 0 1 2.714 1h8.572c.454 0 .89.164 1.212.456.321.291.502.687.502 1.1z", fill: "#2ED69E", stroke: "#2ED69E", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
-});
-
-const UnbookmarkedIcon = memo(({ dataEventCategoryForBookmark, dataEventActionForBookmark, dataEventLabelForBookmark, }) => {
-    return (React__default.createElement("svg", { "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark, width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
-        React__default.createElement("path", { d: "M12.75 2.25h-7.5c-.825 0-1.5.675-1.5 1.5v12L9 13.5l5.25 2.25v-12c0-.825-.675-1.5-1.5-1.5", fill: "#D2D6DC" })));
-});
-
 const ArticleCard$1 = ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction = 'horizontal', hasAffiliate, isBookmark = false, isBookmarkDisplayed = true, isMobile = true, onBookmark, onClickCategoryName, section = 'normal', size = 'md', specialty, style, styleBanner, styleLabel, styleTitle, text, title, type = 'author', uploadTime, articleLinkTarget, isPremium, }) => {
     const handleClick = (e) => {
         e.stopPropagation();
@@ -441,7 +431,7 @@ const ArticleCard$1 = ({ articleLink, authorLink, authorName, avatarImg, banner,
             React__default.createElement("div", { className: "inner-content" },
                 React__default.createElement(Text, { style: styleLabel, className: "label", size: categoryLabelTag, weight: "caption" },
                     React__default.createElement("a", { className: styles$6.anchor, "data-event-category": dataEventCategoryForCategory, "data-event-action": dataEventActionForCategory, "data-event-label": dataEventLabelForCategory, href: categoryLink || '#', onClick: onClickCategoryName }, categoryName),
-                    isBookmarkDisplayed && (React__default.createElement("a", { className: "bookmark", onClick: handleClick }, !isBookmark ? (React__default.createElement(UnbookmarkedIcon, { dataEventCategoryForBookmark: dataEventCategoryForBookmark, dataEventActionForBookmark: dataEventActionForBookmark, dataEventLabelForBookmark: dataEventLabelForBookmark })) : (React__default.createElement(BookmarkedIcon, { dataEventCategoryForBookmark: dataEventCategoryForBookmark, dataEventActionForBookmark: dataEventActionForBookmark, dataEventLabelForBookmark: dataEventLabelForBookmark }))))),
+                    isBookmarkDisplayed && (React__default.createElement("a", { className: "bookmark", onClick: handleClick }, !isBookmark ? (React__default.createElement(Bookmark, { size: 18, "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark })) : (React__default.createElement(Bookmark, { size: 18, isActive: true, "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark, activeColor: "#2ED69E" }))))),
                 React__default.createElement(Heading, { tag: headingTag, style: styleTitle, className: "title", as: size === 'lg' ? 'h2' : 'h3' },
                     React__default.createElement("a", { className: styles$6.anchor, "data-event-category": dataEventCategoryForTitle, "data-event-action": dataEventActionForTitle, "data-event-label": dataEventLabelForTitle, href: articleLink || '#', target: articleLinkTarget }, title)),
                 text && (React__default.createElement("a", { href: articleLink || '#', target: articleLinkTarget },

package/build/esm/{index-e7533376.js → index-34ce1879.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-f323adc1.js';
+import { t as theme } from './theme-ceb73049.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-68da5cb6.js → index-38e769ab.js}

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

package/build/esm/{index-95135d78.js → index-3e80ca13.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-a701ba63.js';
-import { i as isProduction } from './isProduction-6222484d.js';
+import { d as domainLocales } from './index-86df9abd.js';
+import { i as isProduction } from './isProduction-a91898ad.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-8a170656.js → index-3e88584d.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-51b2cbeb.js';
-import { u as useTranslations } from './useTranslations-e9f765b2.js';
+import { I as Icon } from './index-a90aef2f.js';
+import { u as useTranslations } from './useTranslations-d322de0a.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f323adc1.js';
+import { t as theme } from './theme-ceb73049.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-da5fc871.js → index-652a7a54.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-b564d380.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-b7d5fbf2.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-79c01960.js → index-68b2460f.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a3330e56.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-95135d78.js';
-import { B as Breakpoints } from './utils-39560ed4.js';
+import { C as CommonGAssets } from './index-3e80ca13.js';
+import { B as Breakpoints } from './utils-72cdcea4.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-68da5cb6.js';
-import { L as LOCALE } from './Subot-da7e1e94.js';
-import { t as theme } from './theme-f323adc1.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-6b09a1b7.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-a701ba63.js';
+import { T as Text } from './index-38e769ab.js';
+import { L as LOCALE } from './Subot-6483edfe.js';
+import { t as theme } from './theme-ceb73049.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-f334285f.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-86df9abd.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-1ef16020.js';
+import { a as useUniqueId } from './useUniqueId-8874cf8a.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-89235c34.js → index-6acc2f56.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-68da5cb6.js';
+import { T as Text } from './index-38e769ab.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-550816d6.js → index-6f46d684.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-79c01960.js';
+import { B as Button$1 } from './index-68b2460f.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-40713901.js → index-73c72c43.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a3330e56.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-79c01960.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-68b2460f.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f323adc1.js';
-import { T as Text } from './index-68da5cb6.js';
-import { C as CommonGAssets } from './index-95135d78.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-a701ba63.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e440f854.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-424b1e54.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-b5e4a99e.js';
-import { L as Logo } from './index-0476c1ec.js';
-import { u as useTranslations } from './useTranslations-e9f765b2.js';
+import { t as theme } from './theme-ceb73049.js';
+import { T as Text } from './index-38e769ab.js';
+import { C as CommonGAssets } from './index-3e80ca13.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-86df9abd.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-88e89c48.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-accbb863.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-939770eb.js';
+import { L as Logo } from './index-eb43f663.js';
+import { u as useTranslations } from './useTranslations-d322de0a.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-da7e1e94.js';
-import './useMantineLocale-6b09a1b7.js';
-import './translationsContext-6655e7cb.js';
+import { L as LOCALE } from './Subot-6483edfe.js';
+import './useMantineLocale-f334285f.js';
+import './translationsContext-9504b40c.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-39560ed4.js';
-import { L as LOCALISED_SLUGS } from './constants-a6f34087.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-72cdcea4.js';
+import { L as LOCALISED_SLUGS } from './constants-91d218c6.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-02876d56.js';
-import { C as ChevronDown } from './ChevronDown-932ac980.js';
+import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-a4c61ed2.js';
+import { C as ChevronDown } from './ChevronDown-1d4f7853.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-550816d6.js';
-import { a as LOCALIZED_SLUGS } from './constants-68244280.js';
-import { H as Heading } from './index-89235c34.js';
-import { I as Indicator$1 } from './index-2d142c13.js';
-import { u as useIsInit } from './useIsInit-03baf933.js';
-import './index.styles-f6cf111a.js';
-import './utils-b9786da5.js';
-import './index.styled-b564d380.js';
-import './index-b1aa9005.js';
+import { B as Button } from './index-6f46d684.js';
+import { a as LOCALIZED_SLUGS } from './constants-5b26a9ad.js';
+import { H as Heading } from './index-6acc2f56.js';
+import { I as Indicator$1 } from './index-12667b0c.js';
+import { u as useIsInit } from './useIsInit-ddcba842.js';
+import './index.styles-1e00b74e.js';
+import './utils-4ef4e134.js';
+import './index.styled-b7d5fbf2.js';
+import './index-1792a8c4.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-1725650a.js';
+import { C as Container } from './index-30fcac90.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-16116c57.js';
+import { g as getDataWithCache } from './core-d6e811be.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -2932,13 +2932,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-b0aba948.js').then((data) => {
+                import('./doctor-81ac937f.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-e53ba6b0.js').then((data) => {
+                import('./cart-68b9d69b.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-6cd55309.js → index-81de3f6e.js}

@@ -1,18 +1,18 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-39560ed4.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-f6cf111a.js';
-import { T as Text } from './index-68da5cb6.js';
-import { u as useScrollbarSize } from './useScrollbarSize-1d291e0d.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-72cdcea4.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-1e00b74e.js';
+import { T as Text } from './index-38e769ab.js';
+import { u as useScrollbarSize } from './useScrollbarSize-c02ff1d4.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-02876d56.js';
-import { t as theme } from './theme-f323adc1.js';
+import { s as setDefaultClass } from './utils-a4c61ed2.js';
+import { t as theme } from './theme-ceb73049.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-e9f765b2.js';
-import { G as Gender } from './Subot-da7e1e94.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-da5fc871.js';
-import { T as Text$1 } from './index-268212c4.js';
+import { u as useTranslations } from './useTranslations-d322de0a.js';
+import { G as Gender } from './Subot-6483edfe.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-652a7a54.js';
+import { T as Text$1 } from './index-8ff4a188.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-a701ba63.js → index-86df9abd.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-da7e1e94.js';
-import { i as isProduction } from './isProduction-6222484d.js';
+import { L as LOCALE } from './Subot-6483edfe.js';
+import { i as isProduction } from './isProduction-a91898ad.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-268212c4.js → index-8ff4a188.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
 import React__default from 'react';
-import './index-79c01960.js';
+import './index-68b2460f.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-a701ba63.js';
-import './Subot-da7e1e94.js';
-import './index-95135d78.js';
-import './useMantineLocale-6b09a1b7.js';
-import { T as Text$1 } from './index-68da5cb6.js';
-import './theme-f323adc1.js';
-import './translationsContext-6655e7cb.js';
+import './index-86df9abd.js';
+import './Subot-6483edfe.js';
+import './index-3e80ca13.js';
+import './useMantineLocale-f334285f.js';
+import { T as Text$1 } from './index-38e769ab.js';
+import './theme-ceb73049.js';
+import './translationsContext-9504b40c.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-39560ed4.js';
+import './utils-72cdcea4.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-b5e4a99e.js → index-939770eb.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-39560ed4.js';
-import { t as theme } from './theme-f323adc1.js';
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
-import { T as TogetherComponentGlobalContext } from './utils-02876d56.js';
+import { M as MediaQueries } from './utils-72cdcea4.js';
+import { t as theme } from './theme-ceb73049.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
+import { T as TogetherComponentGlobalContext } from './utils-a4c61ed2.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-51b2cbeb.js → index-a90aef2f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8e00a7cc.js';
+import { _ as __rest } from './tslib.es6-a3330e56.js';
 import React__default from 'react';
-import { t as theme } from './theme-f323adc1.js';
-import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-02876d56.js';
+import { t as theme } from './theme-ceb73049.js';
+import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-a4c61ed2.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-c5e02916.js → index-abda35a6.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-f6cf111a.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8e00a7cc.js';
-import { u as useTranslations } from './useTranslations-e9f765b2.js';
-import { B as Button } from './index-79c01960.js';
-import { P as PATHS } from './paths-191b9bcb.js';
-import { a as LOCALIZED_SLUGS } from './constants-68244280.js';
-import { d as domainLocales } from './index-a701ba63.js';
-import { i as callApi, j as getCarePath } from './utils-02876d56.js';
-import { i as isProduction } from './isProduction-6222484d.js';
+import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-1e00b74e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a3330e56.js';
+import { u as useTranslations } from './useTranslations-d322de0a.js';
+import { B as Button } from './index-68b2460f.js';
+import { P as PATHS } from './paths-f05c4528.js';
+import { a as LOCALIZED_SLUGS } from './constants-5b26a9ad.js';
+import { d as domainLocales } from './index-86df9abd.js';
+import { i as callApi, j as getCarePath } from './utils-a4c61ed2.js';
+import { i as isProduction } from './isProduction-a91898ad.js';
 
 /**
  * @deprecated Consider to use mantine