@hhgtech/hhg-components 1.29.65 → 1.29.67

package/build/esm/{getDynamicHealthTool-3752a706.js → getDynamicHealthTool-3e8e7ebd.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-80416041.js';
-import { n as normalizeLinkSlash } from './normalizeLink-ded284d3.js';
-import { c as getDiscoverApiDomain } from './routing-93ea3ca1.js';
-import { g as getDataWithCache } from './core-4abad839.js';
+import { a as __awaiter } from './tslib.es6-1b77b994.js';
+import { n as normalizeLinkSlash } from './normalizeLink-061322b9.js';
+import { c as getDiscoverApiDomain } from './routing-3b5ea5da.js';
+import { g as getDataWithCache } from './core-0f046585.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-f40dd93e.js → getSocialList-44b5241f.js}

@@ -1,9 +1,9 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-80416041.js';
-import { I as Instagram } from './Instagram-0aa18333.js';
-import { W as WhatsApp } from './WhatsApp-d1b7b5de.js';
-import { S as SocialType, L as LOCALE } from './index-3d5126a7.js';
-import { C as CommonGAssets } from './index-6995783b.js';
+import { _ as __rest } from './tslib.es6-1b77b994.js';
+import { I as Instagram } from './Instagram-f5b58dd0.js';
+import { W as WhatsApp } from './WhatsApp-f16bc44b.js';
+import { S as SocialType, L as LOCALE } from './index-d34c83d7.js';
+import { C as CommonGAssets } from './index-1a983c29.js';
 
 const Facebook = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-161e2dcb.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-0a1df41c.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-4e2a7b89.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-cb1026c2.js';
-export { u as useIsInit } from './useIsInit-bfecd6c3.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-5b480859.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-c437acfc.js';
+export { u as useTranslations } from './useTranslations-49d8f4a3.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-12e3a596.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-5bb42824.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-f639e7b3.js';
+export { u as useIsInit } from './useIsInit-a27cc438.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-f79a54d8.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-cbc2cfef.js';
 import 'react';
-import './translationsContext-61629be6.js';
+import './translationsContext-350a9439.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-80416041.js';
-import './cookieHelper-2ced5146.js';
-import './index-3d5126a7.js';
-import './getDynamicHealthTool-3752a706.js';
-import './normalizeLink-ded284d3.js';
-import './routing-93ea3ca1.js';
-import './index-4abddc7d.js';
+import './tslib.es6-1b77b994.js';
+import './cookieHelper-bf1818b7.js';
+import './index-d34c83d7.js';
+import './getDynamicHealthTool-3e8e7ebd.js';
+import './normalizeLink-061322b9.js';
+import './routing-3b5ea5da.js';
+import './index-92ada46f.js';
 import 'date-fns/locale';
-import './isProduction-41bf699a.js';
-import './core-4abad839.js';
+import './isProduction-93747cd0.js';
+import './core-0f046585.js';

package/build/esm/i18n.js

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

package/build/esm/{index-dfcc9df9.js → index-09482a86.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-27eeeafd.js';
-import { u as useTranslations } from './useTranslations-161e2dcb.js';
+import { I as Icon } from './index-f61f71de.js';
+import { u as useTranslations } from './useTranslations-49d8f4a3.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-bf3eb06b.js';
+import { t as theme } from './theme-98928760.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-2efac2eb.js → index-0bdb55ea.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-3d5126a7.js';
-import { C as CommonGAssets } from './index-6995783b.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-e9e54475.js';
-import { I as ImageWrap } from './index-add6cb57.js';
+import { L as LOCALE } from './index-d34c83d7.js';
+import { C as CommonGAssets } from './index-1a983c29.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-a4604949.js';
+import { I as ImageWrap } from './index-89ee6b10.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-a0ed8768.js → index-0cd67f28.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-ed732def.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-b1d4d284.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-3826128d.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-add6cb57.js';
-import { T as Text$1 } from './index-d1b7362d.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-80416041.js';
+import { T as Text } from './index-78e8f1f6.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-d09f6913.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-af7319a6.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-89ee6b10.js';
+import { T as Text$1 } from './index-964347d6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1b77b994.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-6995783b.js';
-import { H as Heading } from './index-2a91a49b.js';
-import { t as theme } from './theme-bf3eb06b.js';
+import { C as CommonGAssets } from './index-1a983c29.js';
+import { H as Heading } from './index-bc311ea7.js';
+import { t as theme } from './theme-98928760.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-4abddc7d.js';
-import { L as LOCALE } from './index-3d5126a7.js';
-import './useMantineLocale-c85aa74d.js';
-import './translationsContext-61629be6.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-92ada46f.js';
+import { L as LOCALE } from './index-d34c83d7.js';
+import './useMantineLocale-36f2152b.js';
+import './translationsContext-350a9439.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-75b35fcf.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-9f991003.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-2efac2eb.js';
-import { B as Button } from './index-70a1cad0.js';
-import { I as Input } from './index-cf297755.js';
+import { L as Logo } from './index-0bdb55ea.js';
+import { B as Button } from './index-52bc84f2.js';
+import { I as Input } from './index-32513137.js';
 import { keyframes } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-41bf699a.js';
-import { u as useTranslations } from './useTranslations-161e2dcb.js';
+import { i as isProduction } from './isProduction-93747cd0.js';
+import { u as useTranslations } from './useTranslations-49d8f4a3.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-36c16d8b.js';
-import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-bf7d7527.js';
-import { f as formatUserProfileUrl } from './index-4e22095b.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-cb1026c2.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-1452c361.js';
+import { D as DatePicker } from './index-58a73203.js';
+import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-298bd9b1.js';
+import { f as formatUserProfileUrl } from './index-81ea482b.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-f639e7b3.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-9b86a062.js';
 import { Controller, useForm as useForm$1 } from 'react-hook-form';
-import './constants-923ed834.js';
-import './utils-e9e54475.js';
-import './WhatsApp-d1b7b5de.js';
-import './index.styled-ae2fc154.js';
-import './index-d966ec2e.js';
-import { a as useOutsideClick } from './useOutsideClick-5b480859.js';
+import './constants-bf1cfbb0.js';
+import './utils-a4604949.js';
+import './WhatsApp-f16bc44b.js';
+import './index.styled-2f21b3de.js';
+import './index-09051397.js';
+import { a as useOutsideClick } from './useOutsideClick-f79a54d8.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-aaa3e006.js';
-import { g as getSocialList } from './getSocialList-f40dd93e.js';
+import { D as Dropdown } from './index-fe9df159.js';
+import { g as getSocialList } from './getSocialList-44b5241f.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-93ea3ca1.js';
-import { I as Icon } from './index-27eeeafd.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-3b5ea5da.js';
+import { I as Icon } from './index-f61f71de.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-0fa09b9b.js';
+import { M as Modal } from './index-d3dcc07b.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-2ced5146.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-ded284d3.js';
+import { g as getCookie } from './cookieHelper-bf1818b7.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-061322b9.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 

package/build/esm/{index-6995783b.js → index-1a983c29.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-4abddc7d.js';
-import { i as isProduction } from './isProduction-41bf699a.js';
+import { d as domainLocales } from './index-92ada46f.js';
+import { i as isProduction } from './isProduction-93747cd0.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-90399aaa.js → index-28d5e885.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-80416041.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-1b77b994.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-add6cb57.js';
+import { c as Input, S as Select } from './index-89ee6b10.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-4abddc7d.js';
-import { L as LOCALE } from './index-3d5126a7.js';
-import './index-6995783b.js';
-import './useMantineLocale-c85aa74d.js';
-import './index-ed732def.js';
-import './theme-bf3eb06b.js';
-import { u as useTranslations } from './useTranslations-161e2dcb.js';
+import { c as CDN_ADDRESS } from './index-92ada46f.js';
+import { L as LOCALE } from './index-d34c83d7.js';
+import './index-1a983c29.js';
+import './useMantineLocale-36f2152b.js';
+import './index-78e8f1f6.js';
+import './theme-98928760.js';
+import { u as useTranslations } from './useTranslations-49d8f4a3.js';
 import '@mantine/hooks';
-import './utils-3826128d.js';
-import { M as MAPPED_LOCALE } from './utils-2ef57482.js';
+import './utils-af7319a6.js';
+import { M as MAPPED_LOCALE } from './utils-4713d873.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-bf7d7527.js → index-298bd9b1.js}

@@ -1,30 +1,30 @@
 import React__default, { useRef, useEffect, useState, useMemo, createContext, useContext } from 'react';
 import { Portal, Box, Flex, rem, createStyles, Input, Chip, useMantineTheme, Switch } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-3826128d.js';
-import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-b1d4d284.js';
-import { T as Text } from './index-ed732def.js';
-import { t as theme } from './theme-bf3eb06b.js';
-import { M as MarryBabyText } from './index-05594b4e.js';
-import { T as Text$1 } from './index-d1b7362d.js';
-import { u as useScrollbarSize } from './useScrollbarSize-0a1df41c.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-af7319a6.js';
+import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-d09f6913.js';
+import { T as Text } from './index-78e8f1f6.js';
+import { t as theme } from './theme-98928760.js';
+import { M as MarryBabyText } from './index-f46bc7bd.js';
+import { T as Text$1 } from './index-964347d6.js';
+import { u as useScrollbarSize } from './useScrollbarSize-12e3a596.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-1452c361.js';
-import { _ as __rest } from './tslib.es6-80416041.js';
+import { s as setDefaultClass } from './utils-9b86a062.js';
+import { _ as __rest } from './tslib.es6-1b77b994.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { R as Radio, B as Button, c as Input$1 } from './index-add6cb57.js';
-import { C as CommonGAssets } from './index-6995783b.js';
-import './constants-923ed834.js';
-import './index-3d5126a7.js';
-import './utils-e9e54475.js';
-import { D as DatePicker } from './index-36c16d8b.js';
-import { u as useTranslations } from './useTranslations-161e2dcb.js';
+import { R as Radio, B as Button, c as Input$1 } from './index-89ee6b10.js';
+import { C as CommonGAssets } from './index-1a983c29.js';
+import './constants-bf1cfbb0.js';
+import './index-d34c83d7.js';
+import './utils-a4604949.js';
+import { D as DatePicker } from './index-58a73203.js';
+import { u as useTranslations } from './useTranslations-49d8f4a3.js';
 import '@mantine/hooks';
-import './useMantineLocale-c85aa74d.js';
-import './index-4abddc7d.js';
-import './WhatsApp-d1b7b5de.js';
-import './index.styled-ae2fc154.js';
-import './index-d966ec2e.js';
+import './useMantineLocale-36f2152b.js';
+import './index-92ada46f.js';
+import './WhatsApp-f16bc44b.js';
+import './index.styled-2f21b3de.js';
+import './index-09051397.js';
 import { BabyBoyMB, BabyGirlMB, CalendarMB } from '@hhgtech/icons/other';
 import '@mantine/dates';
 import flattenChildren from 'react-keyed-flatten-children';
@@ -838,8 +838,8 @@ const DefaultForm = (_a) => {
                     "(",
                     t('babyGrowth.cm'),
                     ")")) }, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, onChange: (v) => {
-                v && form.validateField('checkMesureVal');
-                form.getInputProps('height').onChange(v);
+                form.setFieldValue('height', v);
+                form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
             } })),
         React__default.createElement(Input$1.Number, Object.assign({ label: React__default.createElement(React__default.Fragment, null,
                 t('babyGrowth.weight'),
@@ -847,8 +847,8 @@ const DefaultForm = (_a) => {
                     "(",
                     t('babyGrowth.kg'),
                     ")")) }, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, onChange: (v) => {
-                v && form.validateField('checkMesureVal');
-                form.getInputProps('weight').onChange(v);
+                form.setFieldValue('weight', v);
+                form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
             } })),
         React__default.createElement(Input$1.Number, Object.assign({ label: React__default.createElement(React__default.Fragment, null,
                 t('babyGrowth.head'),
@@ -856,10 +856,10 @@ const DefaultForm = (_a) => {
                     "(",
                     t('babyGrowth.cm'),
                     ")")) }, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
-                v && form.validateField('checkMesureVal');
-                form.getInputProps('head').onChange(v);
+                form.setFieldValue('head', v);
+                form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
             } })),
-        form.errors.checkMesureVal && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        form.isDirty('checkMesureVal') && form.errors.checkMesureVal && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(Input$1.Wrapper, { label: t('babyGrowth.input.measurementDate') },
                 React__default.createElement(DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), error: null }))),
@@ -963,19 +963,19 @@ const InlineForm = (_a) => {
                     t('babyGrowth.kg.m2'),
                     ")"),
                 React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, onChange: (v) => {
-                        v && form.validateField('checkMesureVal');
-                        form.getInputProps('height').onChange(v);
+                        form.setFieldValue('height', v);
+                        form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                     }, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
                 React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, onChange: (v) => {
-                        v && form.validateField('checkMesureVal');
-                        form.getInputProps('weight').onChange(v);
+                        form.setFieldValue('weight', v);
+                        form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                     }, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
             React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.head') },
                 React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
-                        v && form.validateField('checkMesureVal');
-                        form.getInputProps('head').onChange(v);
+                        form.setFieldValue('head', v);
+                        form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                     }, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) }))),
-            form.errors.checkMesureVal && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
+            form.isDirty('checkMesureVal') && form.errors.checkMesureVal && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.checkMesureVal))),
         React__default.createElement(HealthToolFormWrapper.FormRow, null,
             React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
                 React__default.createElement(DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('measurementDate'), { error: null }))),
@@ -1011,26 +1011,26 @@ const MbLayout = (_a) => {
             React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('height'), { placeholder: t('tools.inputPlaceholder', {
                     content: '160',
                 }), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, onChange: (v) => {
-                    v && form.validateField('checkMesureVal');
-                    form.getInputProps('height').onChange(v);
+                    form.setFieldValue('height', v);
+                    form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
         form.errors.height && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.height)),
         React__default.createElement(HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.weight'), rightSection: t('babyGrowth.kg') },
             React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('weight'), { placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, onChange: (v) => {
-                    v && form.validateField('checkMesureVal');
-                    form.getInputProps('weight').onChange(v);
+                    form.setFieldValue('weight', v);
+                    form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
         form.errors.weight && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.weight)),
         React__default.createElement(HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.head'), rightSection: t('babyGrowth.cm') },
             React__default.createElement(Input$1.Number, Object.assign({}, form.getInputProps('head'), { placeholder: t('tools.inputPlaceholder', {
                     content: '50',
                 }), onChange: (v) => {
-                    v && form.validateField('checkMesureVal');
-                    form.getInputProps('head').onChange(v);
+                    form.setFieldValue('head', v);
+                    form.setFieldValue('checkMesureVal', !form.values.checkMesureVal);
                 } }))),
-        form.errors.checkMesureVal && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
+        form.isDirty('checkMesureVal') && form.errors.checkMesureVal && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.checkMesureVal)),
         React__default.createElement(HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.measurementDate'), rightSection: React__default.createElement(CalendarMB, null) },
             React__default.createElement(Input$1.Wrapper, null,
                 React__default.createElement(DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date() }, form.getInputProps('measurementDate'), { maxDate: new Date(), rightSection: null, error: null })))),
@@ -1066,6 +1066,7 @@ const BabyGrowthForm = (_a) => {
                     : t('babyGrowth.error.atLeastOneOf');
             },
         },
+        validateInputOnChange: ['checkMesureVal'],
     });
     const commonProps = Object.assign({ onSubmit: form.onSubmit((v) => onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(Object.assign(Object.assign({}, v), { bmi: bmiCalculate(Number(form.getInputProps('height').value), Number(form.getInputProps('weight').value)).toString() }))) }, rest);
     return (React__default.createElement(BabyGrowthFormContext.Provider, { value: {

package/build/esm/{index-cf297755.js → index-32513137.js}

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

package/build/esm/{index-cc5b9ab9.js → index-3c0e1fa5.js}

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

package/build/esm/{index-70a1cad0.js → index-52bc84f2.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-80416041.js';
+import { _ as __rest } from './tslib.es6-1b77b994.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-add6cb57.js';
+import { B as Button$1 } from './index-89ee6b10.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-36c16d8b.js → index-58a73203.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-80416041.js';
+import { _ as __rest } from './tslib.es6-1b77b994.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-4abddc7d.js';
-import { L as LOCALE } from './index-3d5126a7.js';
-import { C as CommonGAssets } from './index-6995783b.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-c85aa74d.js';
+import { I as ISO_FORMAT } from './index-92ada46f.js';
+import { L as LOCALE } from './index-d34c83d7.js';
+import { C as CommonGAssets } from './index-1a983c29.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-36f2152b.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-ed732def.js → index-78e8f1f6.js}

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

package/build/esm/{index-4e22095b.js → index-81ea482b.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-3826128d.js';
-import { t as theme } from './theme-bf3eb06b.js';
-import { _ as __rest } from './tslib.es6-80416041.js';
-import { T as TogetherComponentGlobalContext } from './utils-1452c361.js';
+import { M as MediaQueries } from './utils-af7319a6.js';
+import { t as theme } from './theme-98928760.js';
+import { _ as __rest } from './tslib.es6-1b77b994.js';
+import { T as TogetherComponentGlobalContext } from './utils-9b86a062.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-add6cb57.js → index-89ee6b10.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-80416041.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1b77b994.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-6995783b.js';
-import { B as Breakpoints } from './utils-3826128d.js';
+import { C as CommonGAssets } from './index-1a983c29.js';
+import { B as Breakpoints } from './utils-af7319a6.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-ed732def.js';
-import { L as LOCALE } from './index-3d5126a7.js';
-import { t as theme } from './theme-bf3eb06b.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-c85aa74d.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-4abddc7d.js';
+import { T as Text } from './index-78e8f1f6.js';
+import { L as LOCALE } from './index-d34c83d7.js';
+import { t as theme } from './theme-98928760.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-36f2152b.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-92ada46f.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-c437acfc.js';
+import { a as useUniqueId } from './useUniqueId-cbc2cfef.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-4abddc7d.js → index-92ada46f.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-3d5126a7.js';
-import { i as isProduction } from './isProduction-41bf699a.js';
+import { L as LOCALE } from './index-d34c83d7.js';
+import { i as isProduction } from './isProduction-93747cd0.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-6697060e.js → index-95c1c808.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-80416041.js';
+import { _ as __rest } from './tslib.es6-1b77b994.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-3d5126a7.js';
+import { L as LOCALE } from './index-d34c83d7.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-6995783b.js';
-import { t as theme } from './theme-bf3eb06b.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-add6cb57.js';
-import { T as Text } from './index-d1b7362d.js';
+import { C as CommonGAssets } from './index-1a983c29.js';
+import { t as theme } from './theme-98928760.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-89ee6b10.js';
+import { T as Text } from './index-964347d6.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-e417446b.js → index-95e7da6a.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-2ee2ca9f.js';
+import { C as Container } from './index-624da18c.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-4abddc7d.js';
-import { u as useScreenSize } from './index-add6cb57.js';
+import { d as domainLocales } from './index-92ada46f.js';
+import { u as useScreenSize } from './index-89ee6b10.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-3d5126a7.js';
-import './index-6995783b.js';
-import './useMantineLocale-c85aa74d.js';
-import { T as Text } from './index-ed732def.js';
-import { t as theme } from './theme-bf3eb06b.js';
-import './translationsContext-61629be6.js';
+import './index-d34c83d7.js';
+import './index-1a983c29.js';
+import './useMantineLocale-36f2152b.js';
+import { T as Text } from './index-78e8f1f6.js';
+import { t as theme } from './theme-98928760.js';
+import './translationsContext-350a9439.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-3826128d.js';
+import { M as MediaQueries } from './utils-af7319a6.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-2efac2eb.js';
-import { M as MarryBabyText } from './index-05594b4e.js';
+import { L as Logo } from './index-0bdb55ea.js';
+import { M as MarryBabyText } from './index-f46bc7bd.js';
 
 const StyledFooter = styled.footer `
   background-color: #1b3250;