@hhgtech/hhg-components 1.29.22 → 1.29.23

package/build/esm/{getDynamicHealthTool-e9090067.js → getDynamicHealthTool-0947c4a4.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-5e072d43.js';
-import { n as normalizeLinkSlash } from './normalizeLink-454a931f.js';
-import { c as getDiscoverApiDomain } from './routing-df74a482.js';
-import { g as getDataWithCache } from './core-18546511.js';
+import { a as __awaiter } from './tslib.es6-dc38c9a9.js';
+import { n as normalizeLinkSlash } from './normalizeLink-31981aa3.js';
+import { c as getDiscoverApiDomain } from './routing-0e8fa6d3.js';
+import { g as getDataWithCache } from './core-6d345f96.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-1cb8115d.js → getSocialList-8544d1d6.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { L as LOCALE } from './Subot-7e808777.js';
-import { C as CommonGAssets } from './index-43ffb919.js';
+import { L as LOCALE } from './Subot-361740d6.js';
+import { C as CommonGAssets } from './index-574efe4b.js';
 
 const getSocialList = (shareUrl) => [
     {

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-f7e3d5a2.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7a46931b.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-9b03b9ef.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-1a3fedb4.js';
-export { u as useIsInit } from './useIsInit-64d6e1b8.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-5b45fa4d.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-6882f9ff.js';
+export { u as useTranslations } from './useTranslations-8b84971d.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-55567401.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-fe269ece.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-c97960a0.js';
+export { u as useIsInit } from './useIsInit-1d8f34c6.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-b218f74e.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-79649657.js';
 import 'react';
-import './translationsContext-e92ab77d.js';
+import './translationsContext-cb471015.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-5e072d43.js';
-import './cookieHelper-b9a72dae.js';
-import './Subot-7e808777.js';
-import './getDynamicHealthTool-e9090067.js';
-import './normalizeLink-454a931f.js';
-import './routing-df74a482.js';
-import './index-9cbc65ef.js';
+import './tslib.es6-dc38c9a9.js';
+import './cookieHelper-21637032.js';
+import './Subot-361740d6.js';
+import './getDynamicHealthTool-0947c4a4.js';
+import './normalizeLink-31981aa3.js';
+import './routing-0e8fa6d3.js';
+import './index-a8f17123.js';
 import 'date-fns/locale';
-import './isProduction-e9e8cd6f.js';
-import './core-18546511.js';
+import './isProduction-7604877f.js';
+import './core-6d345f96.js';

package/build/esm/i18n.js

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

package/build/esm/{index-440b05c6.js → index-132a6178.js}

@@ -1,69 +1,69 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-d5528612.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$6, T as TextArea, P as PureInput } from './index.styles-f8ee1c6b.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-1c2f2ac7.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-d450b0f1.js';
-import { T as Text$1 } from './index-1a273e37.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-5e072d43.js';
+import { T as Text } from './index-a9367999.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$6, T as TextArea, P as PureInput } from './index.styles-842e6e70.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-81ef6fd0.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-dcab64b1.js';
+import { T as Text$1 } from './index-92cdb389.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-dc38c9a9.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-43ffb919.js';
-import { H as Heading } from './index-ceb67c7d.js';
-import { t as theme } from './theme-ab711f57.js';
+import { C as CommonGAssets } from './index-574efe4b.js';
+import { H as Heading } from './index-6ece991f.js';
+import { t as theme } from './theme-5885ed2a.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-9cbc65ef.js';
-import { G as Gender, L as LOCALE } from './Subot-7e808777.js';
-import './useMantineLocale-16cb8832.js';
-import './translationsContext-e92ab77d.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-a8f17123.js';
+import { G as Gender, L as LOCALE } from './Subot-361740d6.js';
+import './useMantineLocale-40210236.js';
+import './translationsContext-cb471015.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-003d687e.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-8ed0a3d3.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-2a70c537.js';
-import { B as Button } from './index-4d57fa8d.js';
-import { I as Input } from './index-658ea0e0.js';
+import { L as Logo } from './index-e761c348.js';
+import { B as Button } from './index-b40f826b.js';
+import { I as Input } from './index-d153a02d.js';
 import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-e9e8cd6f.js';
-import { u as useTranslations } from './useTranslations-f7e3d5a2.js';
+import { i as isProduction } from './isProduction-7604877f.js';
+import { u as useTranslations } from './useTranslations-8b84971d.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-43841173.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-b5040537.js';
-import { D as DatePicker } from './index-7c76de6d.js';
-import { M as MarryBabyText } from './index-8748890f.js';
-import { S as Slider } from './index-889d3bdd.js';
-import { D as Dropdown } from './index-34604388.js';
-import { C as Container } from './index-5652f90e.js';
+import { D as DATE_FORMAT } from './types-bbdb4b5a.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-36f3b48d.js';
+import { D as DatePicker } from './index-eae69ef8.js';
+import { M as MarryBabyText } from './index-680e27d9.js';
+import { S as Slider } from './index-63e22f43.js';
+import { D as Dropdown } from './index-e121bfa0.js';
+import { C as Container } from './index-d8148b19.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-1a3fedb4.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-c97960a0.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { D as DatePicker$1 } from './index-30d7b6f5.js';
-import { B as BabyGrowthGender, D as Drawer } from './index-a3f99703.js';
-import { L as Label } from './constants-f54e0601.js';
-import { f as formatUserProfileUrl } from './index-9c618753.js';
-import './utils-693fe38e.js';
-import './index.styled-f61f0f33.js';
-import './index-d38089d9.js';
-import { a as useOutsideClick } from './useOutsideClick-5b45fa4d.js';
+import { D as DatePicker$1 } from './index-d4d744b5.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-a575349a.js';
+import { L as Label } from './constants-fcc67674.js';
+import { f as formatUserProfileUrl } from './index-6a9d62f7.js';
+import './utils-4c1be496.js';
+import './index.styled-fb5ef56b.js';
+import './index-36d68721.js';
+import { a as useOutsideClick } from './useOutsideClick-b218f74e.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-1cb8115d.js';
+import { g as getSocialList } from './getSocialList-8544d1d6.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-df74a482.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-0e8fa6d3.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-6a9a990e.js';
+import { I as Icon } from './index-5c54e7b1.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-77345b65.js';
+import { M as Modal } from './index-b95e1821.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-b9a72dae.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-454a931f.js';
+import { g as getCookie } from './cookieHelper-21637032.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-31981aa3.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -3231,7 +3231,8 @@ const StyledDropDown = styled(Dropdown) `
 `;
 
 styled(PureInput) `
-  & input {
+  & input,
+  .mantine-Input-input {
     border-color: ${theme.mbColors.lightGray};
     background-color: ${theme.colors.white};
     border-radius: 16px;
@@ -3270,7 +3271,8 @@ const StyledTextField = styled(Input) `
       max-width: 220px;
     }
   }
-  & input {
+  & input,
+  .mantine-Input-input {
     ::placeholder {
       color: ${theme.mbColors.gray};
       font-size: 14px;
@@ -3296,13 +3298,13 @@ const StyledTextField = styled(Input) `
       color: ${theme.mbColors.gray};
       font-size: 14px;
     }
-    height: ${(props) => (props.size === 'sm' ? 48 : 72)}px;
-    padding-top: 27px;
-    border-color: ${theme.mbColors.lightGray};
+    height: ${(props) => (props.size === 'sm' ? 48 : 72)}px !important;
+    padding-top: 27px !important;
+    border-color: ${theme.mbColors.lightGray} !important;
     background-color: ${theme.colors.white};
-    border-radius: 16px;
+    border-radius: 16px !important;
     transition: all 0.2s ease;
-    padding-top: ${(props) => (props.value ? '38px' : '27px')};
+    padding-top: ${(props) => (props.value ? '38px' : '27px')} !important;
 
     &:focus,
     &:hover {
@@ -3310,11 +3312,17 @@ const StyledTextField = styled(Input) `
       box-shadow: none;
     }
   }
+  .mantine-Input-rightSection,
+  .mantine-Input-leftSection {
+    padding-top: 20px;
+  }
 
   &[data-has-action-icon] {
-    input {
-      padding-top: ${(props) => (props.value ? '38px' : '27px')};
-      padding-bottom: ${(props) => (props.value ? '16px' : '27px')};
+    input,
+    .mantine-Input-input {
+      padding-top: ${(props) => (props.value ? '38px' : '27px')} !important;
+      padding-bottom: ${(props) => (props.value ? '16px' : '27px')} !important;
+      height: unset !important;
     }
 
     label {
@@ -4491,7 +4499,7 @@ const VerticalForm = () => {
         React__default.createElement(Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default.createElement(BabyGrowthGender, { onChange: onChange, value: value, siteType: siteType })) }),
         siteType === 'marryBaby' ? (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
-                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.birthday'), name: "birthday", size: "md", value: String(value), CustomInput: React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })), actionIcon: React__default.createElement(CalendarMB, { size: 32 }) }))) }),
+                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.birthday'), name: "birthday", size: "md", value: String(value), CustomInput: React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '', rightSection: React__default.createElement(CalendarMB, { size: 32 }) })) }))) }),
             React__default.createElement(StyledRow$2, null,
                 React__default.createElement(Controller, { control: control, name: "height", render: ({ field: { onChange, value }, fieldState: { error }, }) => (React__default.createElement(StyledFormControl, null,
                         React__default.createElement(StyledTextField, { label: `${t('babyGrowth.height')} ${t('babyGrowth.cm')}`, name: "height", size: "md", value: String(value), CustomInput: React__default.createElement(Input, { className: isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message)
@@ -4512,7 +4520,7 @@ const VerticalForm = () => {
                 React__default.createElement(Controller, { control: control, name: "bmi", render: ({ field: { value } }) => (React__default.createElement(StyledFormControl, null,
                         React__default.createElement(StyledTextField, { label: `${t('babyGrowth.input.bmi')} ${t('babyGrowth.kg.m2')}`, name: "date", size: "md", value: String(value), CustomInput: React__default.createElement(Input, { name: "bmi", size: "md", type: "number", value: String(value), isDisabled: true, style: { color: '#9495A0' } }) }))) })),
             React__default.createElement(Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
-                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.measurementDate'), name: "date", size: "md", value: DateToInputValue(value), CustomInput: React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { defaultValue: new Date(), maxDate: new Date(), onChange: onChange, className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })), actionIcon: React__default.createElement(CalendarMB, { size: 32 }) }))) }),
+                    React__default.createElement(StyledTextField, { label: t('babyGrowth.input.measurementDate'), name: "date", size: "md", value: DateToInputValue(value), CustomInput: React__default.createElement(DatePicker$1, Object.assign({}, commonDateProps, { defaultValue: new Date(), maxDate: new Date(), onChange: onChange, className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '', rightSection: React__default.createElement(CalendarMB, { size: 32 }) })) }))) }),
             React__default.createElement(Button$1, { size: "lg", type: "submit", variant: isMarryBaby ? 'secondary' : 'primary', "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, t('babyGrowth.input.submit')))) : (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Controller, { control: control, name: "birthday", render: ({ field: { onChange }, fieldState: { error } }) => (React__default.createElement(StyledFormControl, null,
                     React__default.createElement(StyledInlineLabel, { size: "label1", htmlFor: "birthday" },

package/build/esm/{index-d1c64a25.js → index-3cdf5d9b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5e072d43.js';
+import { _ as __rest } from './tslib.es6-dc38c9a9.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-ab711f57.js';
+import { t as theme } from './theme-5885ed2a.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-43ffb919.js → index-574efe4b.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-9cbc65ef.js';
-import { i as isProduction } from './isProduction-e9e8cd6f.js';
+import { d as domainLocales } from './index-a8f17123.js';
+import { i as isProduction } from './isProduction-7604877f.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-6a9a990e.js → index-5c54e7b1.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5e072d43.js';
+import { _ as __rest } from './tslib.es6-dc38c9a9.js';
 import React__default from 'react';
-import { t as theme } from './theme-ab711f57.js';
-import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-b5040537.js';
+import { t as theme } from './theme-5885ed2a.js';
+import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-36f3b48d.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-889d3bdd.js → index-63e22f43.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5e072d43.js';
+import { _ as __rest } from './tslib.es6-dc38c9a9.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-d450b0f1.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-dcab64b1.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-8748890f.js → index-680e27d9.js}

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

package/build/esm/{index-9c618753.js → index-6a9d62f7.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-1c2f2ac7.js';
-import { t as theme } from './theme-ab711f57.js';
-import { _ as __rest } from './tslib.es6-5e072d43.js';
-import { T as TogetherComponentGlobalContext } from './utils-b5040537.js';
+import { M as MediaQueries } from './utils-81ef6fd0.js';
+import { t as theme } from './theme-5885ed2a.js';
+import { _ as __rest } from './tslib.es6-dc38c9a9.js';
+import { T as TogetherComponentGlobalContext } from './utils-36f3b48d.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-ceb67c7d.js → index-6ece991f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5e072d43.js';
+import { _ as __rest } from './tslib.es6-dc38c9a9.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-d5528612.js';
+import { T as Text } from './index-a9367999.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-5c5ac078.js → index-7afb8e30.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-5652f90e.js';
+import { C as Container } from './index-d8148b19.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-9cbc65ef.js';
-import { u as useScreenSize } from './index-d450b0f1.js';
+import { d as domainLocales } from './index-a8f17123.js';
+import { u as useScreenSize } from './index-dcab64b1.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './Subot-7e808777.js';
-import './index-43ffb919.js';
-import './useMantineLocale-16cb8832.js';
-import { T as Text } from './index-d5528612.js';
-import { t as theme } from './theme-ab711f57.js';
-import './translationsContext-e92ab77d.js';
+import './Subot-361740d6.js';
+import './index-574efe4b.js';
+import './useMantineLocale-40210236.js';
+import { T as Text } from './index-a9367999.js';
+import { t as theme } from './theme-5885ed2a.js';
+import './translationsContext-cb471015.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1c2f2ac7.js';
+import { M as MediaQueries } from './utils-81ef6fd0.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-2a70c537.js';
-import { M as MarryBabyText } from './index-8748890f.js';
+import { L as Logo } from './index-e761c348.js';
+import { M as MarryBabyText } from './index-680e27d9.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-3b01c338.js → index-8ec83835.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-5e072d43.js';
+import { _ as __rest } from './tslib.es6-dc38c9a9.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-7e808777.js';
+import { L as LOCALE } from './Subot-361740d6.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-43ffb919.js';
-import { t as theme } from './theme-ab711f57.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-d450b0f1.js';
-import { T as Text } from './index-1a273e37.js';
+import { C as CommonGAssets } from './index-574efe4b.js';
+import { t as theme } from './theme-5885ed2a.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-dcab64b1.js';
+import { T as Text } from './index-92cdb389.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-003d687e.js → index-8ed0a3d3.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5e072d43.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-dc38c9a9.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-d450b0f1.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-dcab64b1.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-ab711f57.js';
-import { T as Text } from './index-d5528612.js';
-import { C as CommonGAssets } from './index-43ffb919.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-9cbc65ef.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-454a931f.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-df74a482.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-9c618753.js';
-import { L as Logo } from './index-2a70c537.js';
-import { u as useTranslations } from './useTranslations-f7e3d5a2.js';
+import { t as theme } from './theme-5885ed2a.js';
+import { T as Text } from './index-a9367999.js';
+import { C as CommonGAssets } from './index-574efe4b.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-a8f17123.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-31981aa3.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-0e8fa6d3.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-6a9d62f7.js';
+import { L as Logo } from './index-e761c348.js';
+import { u as useTranslations } from './useTranslations-8b84971d.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-7e808777.js';
-import './useMantineLocale-16cb8832.js';
-import './translationsContext-e92ab77d.js';
+import { L as LOCALE } from './Subot-361740d6.js';
+import './useMantineLocale-40210236.js';
+import './translationsContext-cb471015.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1c2f2ac7.js';
-import { L as LOCALISED_SLUGS } from './constants-db8f5512.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-81ef6fd0.js';
+import { L as LOCALISED_SLUGS } from './constants-548f4588.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-b5040537.js';
-import { C as ChevronDown } from './ChevronDown-79988073.js';
+import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-36f3b48d.js';
+import { C as ChevronDown } from './ChevronDown-d5afb91b.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-4d57fa8d.js';
-import { a as LOCALIZED_SLUGS } from './constants-f54e0601.js';
-import { H as Heading } from './index-ceb67c7d.js';
-import { I as Indicator$1 } from './index-d1c64a25.js';
-import { u as useIsInit } from './useIsInit-64d6e1b8.js';
-import './index.styles-f8ee1c6b.js';
-import './utils-693fe38e.js';
-import './index.styled-f61f0f33.js';
-import './index-d38089d9.js';
+import { B as Button } from './index-b40f826b.js';
+import { a as LOCALIZED_SLUGS } from './constants-fcc67674.js';
+import { H as Heading } from './index-6ece991f.js';
+import { I as Indicator$1 } from './index-3cdf5d9b.js';
+import { u as useIsInit } from './useIsInit-1d8f34c6.js';
+import './index.styles-842e6e70.js';
+import './utils-4c1be496.js';
+import './index.styled-fb5ef56b.js';
+import './index-36d68721.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-5652f90e.js';
+import { C as Container } from './index-d8148b19.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-18546511.js';
+import { g as getDataWithCache } from './core-6d345f96.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -2932,13 +2932,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-51a59d87.js').then((data) => {
+                import('./doctor-69db91e9.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-e4f70310.js').then((data) => {
+                import('./cart-41d81648.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-1a273e37.js → index-92cdb389.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-5e072d43.js';
+import { _ as __rest } from './tslib.es6-dc38c9a9.js';
 import React__default from 'react';
-import './index-d450b0f1.js';
+import './index-dcab64b1.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-9cbc65ef.js';
-import './Subot-7e808777.js';
-import './index-43ffb919.js';
-import './useMantineLocale-16cb8832.js';
-import { T as Text$1 } from './index-d5528612.js';
-import './theme-ab711f57.js';
-import './translationsContext-e92ab77d.js';
+import './index-a8f17123.js';
+import './Subot-361740d6.js';
+import './index-574efe4b.js';
+import './useMantineLocale-40210236.js';
+import { T as Text$1 } from './index-a9367999.js';
+import './theme-5885ed2a.js';
+import './translationsContext-cb471015.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-1c2f2ac7.js';
+import './utils-81ef6fd0.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-f18a4136.js → index-943061a4.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-f8ee1c6b.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-5e072d43.js';
-import { u as useTranslations } from './useTranslations-f7e3d5a2.js';
-import { B as Button } from './index-d450b0f1.js';
-import { P as PATHS } from './paths-7f8c17e5.js';
-import { a as LOCALIZED_SLUGS } from './constants-f54e0601.js';
-import { d as domainLocales } from './index-9cbc65ef.js';
-import { i as callApi, j as getCarePath } from './utils-b5040537.js';
-import { i as isProduction } from './isProduction-e9e8cd6f.js';
+import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-842e6e70.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-dc38c9a9.js';
+import { u as useTranslations } from './useTranslations-8b84971d.js';
+import { B as Button } from './index-dcab64b1.js';
+import { P as PATHS } from './paths-d0064310.js';
+import { a as LOCALIZED_SLUGS } from './constants-fcc67674.js';
+import { d as domainLocales } from './index-a8f17123.js';
+import { i as callApi, j as getCarePath } from './utils-36f3b48d.js';
+import { i as isProduction } from './isProduction-7604877f.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-a3f99703.js → index-a575349a.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-1c2f2ac7.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-f8ee1c6b.js';
-import { T as Text } from './index-d5528612.js';
-import { u as useScrollbarSize } from './useScrollbarSize-7a46931b.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-81ef6fd0.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-842e6e70.js';
+import { T as Text } from './index-a9367999.js';
+import { u as useScrollbarSize } from './useScrollbarSize-55567401.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-b5040537.js';
-import { t as theme } from './theme-ab711f57.js';
+import { s as setDefaultClass } from './utils-36f3b48d.js';
+import { t as theme } from './theme-5885ed2a.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-f7e3d5a2.js';
-import { G as Gender } from './Subot-7e808777.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-8748890f.js';
-import { T as Text$1 } from './index-1a273e37.js';
+import { u as useTranslations } from './useTranslations-8b84971d.js';
+import { G as Gender } from './Subot-361740d6.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-680e27d9.js';
+import { T as Text$1 } from './index-92cdb389.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-9cbc65ef.js → index-a8f17123.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-7e808777.js';
-import { i as isProduction } from './isProduction-e9e8cd6f.js';
+import { L as LOCALE } from './Subot-361740d6.js';
+import { i as isProduction } from './isProduction-7604877f.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-d5528612.js → index-a9367999.js}

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