@hhgtech/hhg-components 1.29.61 → 1.29.62

package/build/esm/{index-3ca3bfd4.js → index-e67ef62d.js}

@@ -1,31 +1,31 @@
 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-b28e77e7.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-52138e14.js';
-import { T as Text } from './index-38222f65.js';
-import { t as theme } from './theme-2cab734a.js';
-import { M as MarryBabyText } from './index-21f69a62.js';
-import { T as Text$1 } from './index-95823e6a.js';
-import { u as useScrollbarSize } from './useScrollbarSize-9a756f42.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-75e5fda9.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-2a161512.js';
+import { T as Text } from './index-d923e380.js';
+import { t as theme } from './theme-de4e5929.js';
+import { M as MarryBabyText } from './index-a356ee67.js';
+import { T as Text$1 } from './index-c1d4e8aa.js';
+import { u as useScrollbarSize } from './useScrollbarSize-7bf5a8eb.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-5fae0186.js';
-import { _ as __rest } from './tslib.es6-5450db07.js';
+import { s as setDefaultClass } from './utils-4a086f15.js';
+import { _ as __rest } from './tslib.es6-88a9e5c2.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { R as Radio, B as Button, c as Input$1 } from './index-51f79a77.js';
-import { C as CommonGAssets } from './index-036bbef6.js';
-import './constants-97326532.js';
-import './index-9f857ac5.js';
-import './utils-73013c02.js';
-import { D as DatePicker } from './index-a0add3e6.js';
-import { u as useTranslations } from './useTranslations-b308515e.js';
+import { R as Radio, B as Button, c as Input$1 } from './index-2976962f.js';
+import { C as CommonGAssets } from './index-1feede96.js';
+import './constants-8898d04d.js';
+import './index-e5a963a3.js';
+import './utils-b54f5c81.js';
+import { D as DatePicker } from './index-16c00591.js';
+import { u as useTranslations } from './useTranslations-cf6fd3e4.js';
 import '@mantine/hooks';
-import './useMantineLocale-9cbb1827.js';
-import './index-f3a492e5.js';
-import './WhatsApp-cec8440d.js';
-import './index.styled-bca18810.js';
-import './index-d0fa15c7.js';
-import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
+import './useMantineLocale-ce44cbda.js';
+import './index-93f7fdcd.js';
+import './WhatsApp-8f50e1bf.js';
+import './index.styled-fabb3b23.js';
+import './index-809cc43a.js';
+import { BabyBoyMB, BabyGirlMB, CalendarMB } from '@hhgtech/icons/other';
 import '@mantine/dates';
 import flattenChildren from 'react-keyed-flatten-children';
 
@@ -596,7 +596,7 @@ var useStyles$5 = createStyles(() => {
             gap: rem(8),
             border: '1px solid #EAEAEC',
             borderRadius: rem(16),
-            padding: '10px 16px',
+            padding: '10px 16px 12px 16px',
             flex: '1 1 0px',
             '.mantine-Input-input': {
                 border: 0,
@@ -612,7 +612,8 @@ var useStyles$5 = createStyles(() => {
         info: {
             display: 'flex',
             flexDirection: 'column',
-            gap: rem(8),
+            gap: 0,
+            flex: '1 1 0px',
         },
         label: {
             color: '#7C7C8F',
@@ -638,12 +639,22 @@ const BorderBoxControl = (_a) => {
     return (React__default.createElement(Box, Object.assign({ className: cx(classes.root, className) }, props),
         React__default.createElement(Box, { className: classes.info },
             label && (React__default.createElement(Text, { size: "n1", as: "label", className: classes.label }, label)),
-            React__default.createElement(Box, { className: classes.content }, children)),
-        rightSection && (React__default.createElement(Box, { className: classes.rightSection }, typeof rightSection === 'string' ? (React__default.createElement(Text, { size: "p4" }, rightSection)) : (rightSection)))));
+            React__default.createElement(Box, { className: classes.content }, React__default.isValidElement(children)
+                ? React__default.cloneElement(children, Object.assign(Object.assign({}, children.props), { size: 'sm', error: null }))
+                : null)),
+        rightSection && (React__default.createElement(Box, { className: classes.rightSection }, typeof rightSection === 'string' ? (React__default.createElement(Text, { size: "p4" }, rightSection)) : React__default.isValidElement(rightSection) ? (React__default.cloneElement(rightSection, {
+            size: 24,
+        })) : null))));
 };
 
 var useStyles$4 = createStyles((theme, { width, direction }) => {
+    const isMarryBaby = theme.other.template === 'mb';
     return {
+        root: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: rem(8),
+        },
         row: {
             display: 'flex',
             flexDirection: direction,
@@ -670,24 +681,33 @@ var useStyles$4 = createStyles((theme, { width, direction }) => {
         control: {
             width: typeof width === 'number' ? rem(width) : width,
             flexShrink: 1,
+            input: Object.assign({}, (isMarryBaby && {
+                borderRadius: rem(12),
+            })),
             '&.error': {
                 'button, input': {
                     borderColor: theme.colors.red[7],
                 },
             },
         },
+        error: {
+            color: 'red',
+            textAlign: 'right',
+        },
     };
 });
 
-const BorderInlineControl = ({ label, children, styles, classNames, direction = 'row', width = 180, }) => {
+const BorderInlineControl = ({ label, children, styles, classNames, direction = 'row', width = 180, errorMess, }) => {
     const { classes } = useStyles$4({ width, direction }, {
         name: 'HealthToolFormWrapper__BorderInlineControl',
         styles,
         classNames,
     });
-    return (React__default.createElement(Box, { className: classes.row },
-        React__default.createElement(Box, { className: classes.labelWrapper }, label && (React__default.createElement("label", { className: classes.label, htmlFor: "gender" }, label))),
-        React__default.createElement(Box, { className: classes.content }, flattenChildren(children).map((i, idx) => (React__default.createElement(Box, { key: idx, className: classes.control }, i))))));
+    return (React__default.createElement(Box, { className: classes.root },
+        React__default.createElement(Box, { className: classes.row },
+            React__default.createElement(Box, { className: classes.labelWrapper }, label && (React__default.createElement("label", { className: classes.label, htmlFor: "gender" }, label))),
+            React__default.createElement(Box, { className: classes.content }, flattenChildren(children).map((i, idx) => (React__default.createElement(Box, { key: idx, className: classes.control }, i))))),
+        errorMess && (React__default.createElement(Text, { size: "p4", className: classes.error }, errorMess))));
 };
 
 const useStyles$3 = createStyles(() => {
@@ -814,19 +834,28 @@ const DefaultForm = (_a) => {
             form.errors.birthday && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.birthday))),
         React__default.createElement(Input$1.Number, Object.assign({ label: React__default.createElement(React__default.Fragment, null,
                 t('babyGrowth.height'),
-                React__default.createElement("span", { className: classes.unit }, t('babyGrowth.cm'))) }, form.getInputProps('height'), { placeholder: t('babyGrowth.height'), min: INPUT_RANGE.height.min, max: INPUT_RANGE.height.max, onChange: (v) => {
+                React__default.createElement("span", { className: classes.unit },
+                    "(",
+                    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);
             } })),
         React__default.createElement(Input$1.Number, Object.assign({ label: React__default.createElement(React__default.Fragment, null,
                 t('babyGrowth.weight'),
-                React__default.createElement("span", { className: classes.unit }, t('babyGrowth.kg'))) }, form.getInputProps('weight'), { placeholder: t('babyGrowth.weight'), min: INPUT_RANGE.weight.min, max: INPUT_RANGE.weight.max, onChange: (v) => {
+                React__default.createElement("span", { className: classes.unit },
+                    "(",
+                    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);
             } })),
         React__default.createElement(Input$1.Number, Object.assign({ label: React__default.createElement(React__default.Fragment, null,
                 t('babyGrowth.head'),
-                React__default.createElement("span", { className: classes.unit }, t('babyGrowth.kg'))) }, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
+                React__default.createElement("span", { className: classes.unit },
+                    "(",
+                    t('babyGrowth.cm'),
+                    ")")) }, form.getInputProps('head'), { placeholder: t('babyGrowth.head'), onChange: (v) => {
                 v && form.validateField('checkMesureVal');
                 form.getInputProps('head').onChange(v);
             } })),
@@ -930,7 +959,9 @@ const InlineForm = (_a) => {
                     React__default.createElement("span", { className: classes.bmiVal }, form.getInputProps('height').value &&
                         form.getInputProps('weight').value &&
                         bmiCalculate(Number(form.getInputProps('height').value), Number(form.getInputProps('weight').value))),
-                    t('babyGrowth.kg.m2')),
+                    "(",
+                    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);
@@ -952,9 +983,65 @@ const InlineForm = (_a) => {
         React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl, className: classes.submitBtn }, submitProps), t('babyGrowth.input.submit'))));
 };
 
+const MbLayout = (_a) => {
+    var props = __rest(_a, []);
+    const { t } = useTranslations();
+    const { form, currentUrl, submitProps } = useContext(BabyGrowthFormContext);
+    const commonDateProps = {
+        placeholder: 'DD/MM/YYYY',
+        popoverProps: {
+            withinPortal: true,
+        },
+    };
+    return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default.createElement(HealthToolFormWrapper.FormRow, null,
+            React__default.createElement(HealthToolFormWrapper.Control, null,
+                React__default.createElement(GenderOptionControl, Object.assign({ isBaby: true, genderValue: {
+                        male: 'boy',
+                        female: 'girl',
+                    } }, form.getInputProps('gender'), { error: null }))),
+            form.errors.gender && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default.createElement(HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.input.birthday'), rightSection: React__default.createElement(CalendarMB, null) },
+            React__default.createElement(DatePicker, Object.assign({}, commonDateProps, { maxDate: new Date() }, form.getInputProps('birthday'), { error: null, rightSection: null, onChange: (v) => {
+                    v && form.validateField('measurementDate');
+                    form.getInputProps('birthday').onChange(v);
+                } }))),
+        form.errors.birthday && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.birthday)),
+        React__default.createElement(HealthToolFormWrapper.BorderBoxControl, { label: t('babyGrowth.height'), rightSection: t('babyGrowth.cm') },
+            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.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.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.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 })))),
+        form.errors.measurementDate && (React__default.createElement(HealthToolFormWrapper.Error, null, form.errors.measurementDate)),
+        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))));
+};
+
 const BabyGrowthForm = (_a) => {
     var { onSubmit, formLayout = 'default', submitProps, currentUrl } = _a, rest = __rest(_a, ["onSubmit", "formLayout", "submitProps", "currentUrl"]);
     const { t } = useTranslations();
+    const theme = useMantineTheme();
     const form = useForm({
         initialValues: {
             measurementDate: new Date(),
@@ -985,7 +1072,7 @@ const BabyGrowthForm = (_a) => {
             submitProps,
             currentUrl,
             form,
-        } }, formLayout === 'default' ? (React__default.createElement(DefaultForm, Object.assign({}, commonProps))) : (React__default.createElement(InlineForm, Object.assign({}, commonProps)))));
+        } }, formLayout === 'default' ? (theme.other.template === 'mb' ? (React__default.createElement(MbLayout, Object.assign({}, commonProps))) : (React__default.createElement(DefaultForm, Object.assign({}, commonProps)))) : (React__default.createElement(InlineForm, Object.assign({}, commonProps)))));
 };
 
 export { BabyGrowthForm as B, Drawer as D, GenderOptionControl as G, HealthToolFormWrapper as H, INPUT_RANGE as I, Modal as M, RadioImageGroup as R };

package/build/esm/{index-2215fe18.js → index-faa709ae.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-5450db07.js';
+import { _ as __rest } from './tslib.es6-88a9e5c2.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-9f857ac5.js';
+import { L as LOCALE } from './index-e5a963a3.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-036bbef6.js';
-import { t as theme } from './theme-2cab734a.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-51f79a77.js';
-import { T as Text } from './index-95823e6a.js';
+import { C as CommonGAssets } from './index-1feede96.js';
+import { t as theme } from './theme-de4e5929.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-2976962f.js';
+import { T as Text } from './index-c1d4e8aa.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-99f5d353.js → index-ffdc32d1.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-5450db07.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-88a9e5c2.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-51f79a77.js';
+import { c as Input, S as Select } from './index-2976962f.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-f3a492e5.js';
-import { L as LOCALE } from './index-9f857ac5.js';
-import './index-036bbef6.js';
-import './useMantineLocale-9cbb1827.js';
-import './index-38222f65.js';
-import './theme-2cab734a.js';
-import { u as useTranslations } from './useTranslations-b308515e.js';
+import { c as CDN_ADDRESS } from './index-93f7fdcd.js';
+import { L as LOCALE } from './index-e5a963a3.js';
+import './index-1feede96.js';
+import './useMantineLocale-ce44cbda.js';
+import './index-d923e380.js';
+import './theme-de4e5929.js';
+import { u as useTranslations } from './useTranslations-cf6fd3e4.js';
 import '@mantine/hooks';
-import './utils-b28e77e7.js';
-import { M as MAPPED_LOCALE } from './utils-6eef912a.js';
+import './utils-75e5fda9.js';
+import { M as MAPPED_LOCALE } from './utils-a7becf5a.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/index.js

@@ -1,100 +1,100 @@
-export { i as Types } from './index-9f857ac5.js';
-export { i as Constants } from './index-f3a492e5.js';
-export { C as CaretDown, F as Flag, I as ImageWrap } from './index-51f79a77.js';
+export { i as Types } from './index-e5a963a3.js';
+export { i as Constants } from './index-93f7fdcd.js';
+export { C as CaretDown, F as Flag, I as ImageWrap } from './index-2976962f.js';
 import * as React from 'react';
-export { C as ChevronDown } from './ChevronDown-df6a3bd5.js';
-export { C as Close } from './Close-36e23ee9.js';
-export { V as Visible } from './Visible-d5989724.js';
-export { $ as AdBlock, A as Alert, e as ArticleCard, f as ArticleCardV2, a as Avatar, x as BMICardEmbed, L as BMRCardEmbed, z as BabyGrowthCardEmbed, E as BabyPoopEmbed, H as BabyPoopForm, U as BabyVaccineCardEmbed, Q as BabyVaccineForm, B as Badge, y as BmiForm, b as BorderHeading, Y as Breadcrumbs, g as CategoryCard, C as Checkbox, h as CheckboxGroup, r as CookieAcceptConfirm, X as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, v as DueDateForm, F as FileDropdown, a0 as FixedBottomAdBlock, q as FloatButtonGroup, G as Grid, I as IconText, a3 as MAPPING_CATEGORY_PREMIUM_API_TYPE, a2 as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, s as MobileBottomNavigationIcon, O as OvulationCardEmbed, N as OvulationForm, V as PWGCardEmbed, W as PWGForm, P as Pagination, i as ProgressBar, R as Radio, j as RadioGroup, d as RateStars, S as ScrollList, t as SeoHead, Z as ShareContainer, _ as ShareDrawer, a4 as SideBannerModal, k as SideMenu, l as StatisticCard, a1 as SurveyOrPremiumBanner, o as SurveyQuestionCard, p as SurveyThankyouCard, J as THRCardEmbed, m as Table, n as Tabs, T as Tag, K as ThrForm, c as Toggle, u as ToolsBannerCard, a5 as UserProfileNavigation, a6 as UserProfileNavigationHeader, a7 as UserProfileNavigationStats } from './index-dbdd8909.js';
-export { B as Button } from './index-8f887d1a.js';
-export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-d35a8ec2.js';
-export { H as Heading } from './index-98b5fc68.js';
-export { I as Input } from './index-e37c07ec.js';
-export { c as CareConstants, L as Label } from './constants-97326532.js';
-export { L as Logo } from './index-595d3775.js';
-export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-52138e14.js';
-export { T as Text } from './index-95823e6a.js';
-export { C as Container } from './index-be1a7a94.js';
-export { I as Icon } from './index-a3d909bc.js';
-export { D as Drawer, G as GenderOptionControl, M as Modal, R as RadioImageGroup } from './index-3ca3bfd4.js';
-export { C as CustomReferenceDot } from './index-d0fa15c7.js';
-export { L as LogoIcon } from './utils-73013c02.js';
-export { D as DatePicker, L as Loading } from './index-5a84e0a9.js';
-export { D as Dropdown } from './index-900ddedd.js';
-export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-9aa58011.js';
-export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-32fdf36b.js';
-export { P as PillCarousel } from './index-2215fe18.js';
-export { A as AddressInput } from './index-99f5d353.js';
-export { F as Footer } from './index-71a385cb.js';
-export { u as useTranslations } from './useTranslations-b308515e.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-9a756f42.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-b6867e72.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-0886d3ab.js';
-export { u as useIsInit } from './useIsInit-dbe8ad2c.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-81cb7e5d.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-7cb0d235.js';
-export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-fe6a2b49.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-5fae0186.js';
-export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-b2d56bfa.js';
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-29c7f4c6.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-fa187b09.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-74d45e32.js';
-export { a as abbreviateNumber } from './number-b439aa3d.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-138b4ebf.js';
-export { M as MBTheme, t as theme } from './theme-2cab734a.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-b28e77e7.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-57ab6d7f.js';
-export { g as getSocialList } from './getSocialList-17e857c1.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-eea38730.js';
+export { C as ChevronDown } from './ChevronDown-f46763d3.js';
+export { C as Close } from './Close-3413278b.js';
+export { V as Visible } from './Visible-8e3f3b2b.js';
+export { $ as AdBlock, A as Alert, e as ArticleCard, f as ArticleCardV2, a as Avatar, x as BMICardEmbed, L as BMRCardEmbed, z as BabyGrowthCardEmbed, E as BabyPoopEmbed, H as BabyPoopForm, U as BabyVaccineCardEmbed, Q as BabyVaccineForm, B as Badge, y as BmiForm, b as BorderHeading, Y as Breadcrumbs, g as CategoryCard, C as Checkbox, h as CheckboxGroup, r as CookieAcceptConfirm, X as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, v as DueDateForm, F as FileDropdown, a0 as FixedBottomAdBlock, q as FloatButtonGroup, G as Grid, I as IconText, a3 as MAPPING_CATEGORY_PREMIUM_API_TYPE, a2 as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, s as MobileBottomNavigationIcon, O as OvulationCardEmbed, N as OvulationForm, V as PWGCardEmbed, W as PWGForm, P as Pagination, i as ProgressBar, R as Radio, j as RadioGroup, d as RateStars, S as ScrollList, t as SeoHead, Z as ShareContainer, _ as ShareDrawer, a4 as SideBannerModal, k as SideMenu, l as StatisticCard, a1 as SurveyOrPremiumBanner, o as SurveyQuestionCard, p as SurveyThankyouCard, J as THRCardEmbed, m as Table, n as Tabs, T as Tag, K as ThrForm, c as Toggle, u as ToolsBannerCard, a5 as UserProfileNavigation, a6 as UserProfileNavigationHeader, a7 as UserProfileNavigationStats } from './index-0a713283.js';
+export { B as Button } from './index-62383856.js';
+export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-aac1eed0.js';
+export { H as Heading } from './index-4dd17fe7.js';
+export { I as Input } from './index-baa2cf87.js';
+export { c as CareConstants, L as Label } from './constants-8898d04d.js';
+export { L as Logo } from './index-531034de.js';
+export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-2a161512.js';
+export { T as Text } from './index-c1d4e8aa.js';
+export { C as Container } from './index-e3a6c8b3.js';
+export { I as Icon } from './index-b7a0f534.js';
+export { D as Drawer, G as GenderOptionControl, M as Modal, R as RadioImageGroup } from './index-e67ef62d.js';
+export { C as CustomReferenceDot } from './index-809cc43a.js';
+export { L as LogoIcon } from './utils-b54f5c81.js';
+export { D as DatePicker, L as Loading } from './index-39726256.js';
+export { D as Dropdown } from './index-320c91f7.js';
+export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-9ea4b5e6.js';
+export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-119e1858.js';
+export { P as PillCarousel } from './index-faa709ae.js';
+export { A as AddressInput } from './index-ffdc32d1.js';
+export { F as Footer } from './index-465a013b.js';
+export { u as useTranslations } from './useTranslations-cf6fd3e4.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7bf5a8eb.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-60c73fbc.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-3e27635b.js';
+export { u as useIsInit } from './useIsInit-388cfd8a.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-0b0fddf4.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-9c6b638c.js';
+export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-83e67d91.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-4a086f15.js';
+export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-d5fb3a13.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-608bd8b8.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-075d530d.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-d4de0565.js';
+export { a as abbreviateNumber } from './number-cb0783fa.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-a8a01f2f.js';
+export { M as MBTheme, t as theme } from './theme-de4e5929.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-75e5fda9.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-1ec56ae5.js';
+export { g as getSocialList } from './getSocialList-05454009.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-6a77d1fc.js';
 import 'date-fns/locale';
-import './isProduction-b95a0408.js';
-import './tslib.es6-5450db07.js';
+import './isProduction-8940d360.js';
+import './tslib.es6-88a9e5c2.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-036bbef6.js';
+import './index-1feede96.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-38222f65.js';
-import './useMantineLocale-9cbb1827.js';
+import './index-d923e380.js';
+import './useMantineLocale-ce44cbda.js';
 import 'dayjs';
 import 'classnames';
 import '@hhgtech/icons/core';
 import 'innertext';
 import '@mantine/dates';
-import './translationsContext-24fa9c1f.js';
+import './translationsContext-a9c64944.js';
 import 'string-format';
 import 'lodash/throttle';
 import '@emotion/react';
 import 'html-react-parser';
 import 'date-fns';
 import '@mantine/form';
-import './index-a0add3e6.js';
+import './index-16c00591.js';
 import 'react-hook-form';
-import './WhatsApp-cec8440d.js';
-import './index.styled-bca18810.js';
+import './WhatsApp-8f50e1bf.js';
+import './index.styled-fabb3b23.js';
 import 'date-fns/locale/en-US';
 import 'date-fns/locale/id';
 import 'date-fns/locale/vi';
 import 'date-fns/locale/zh-TW';
 import 'uuid';
-import './index-834e477b.js';
+import './index-de0eebee.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './normalizeLink-bffe8d19.js';
-import './paths-d0378c1d.js';
+import './normalizeLink-0e772229.js';
+import './paths-7c9f0b69.js';
 import 'react-keyed-flatten-children';
-import './Instagram-1a65c7a7.js';
-import './index-21f69a62.js';
+import './Instagram-ccfb450e.js';
+import './index-a356ee67.js';
 import 'react-dom';
 import 'react-day-picker/DayPickerInput';
-import './constants-a57f31dd.js';
-import './index-d8639939.js';
+import './constants-b9e6440f.js';
+import './index-777e605e.js';
 import 'dayjs/plugin/relativeTime';
 import 'lodash/debounce';
-import './core-22513bd6.js';
-import './utils-6eef912a.js';
+import './core-a346e8ff.js';
+import './utils-a7becf5a.js';
 import 'react-contenteditable';
 import 'slugify';
 import 'lodash/shuffle';

package/build/esm/{index.styled-bca18810.js → index.styled-fabb3b23.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5450db07.js';
+import { _ as __rest } from './tslib.es6-88a9e5c2.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-2cab734a.js';
+import { t as theme } from './theme-de4e5929.js';
 
 const Heading = (_a) => {
     var { type } = _a, elementProps = __rest(_a, ["type"]);

package/build/esm/{index.styles-52138e14.js → index.styles-2a161512.js}

@@ -1,12 +1,12 @@
 import styled from '@emotion/styled';
-import { t as theme } from './theme-2cab734a.js';
-import { M as MediaQueries } from './utils-b28e77e7.js';
-import { _ as __rest } from './tslib.es6-5450db07.js';
+import { t as theme } from './theme-de4e5929.js';
+import { M as MediaQueries } from './utils-75e5fda9.js';
+import { _ as __rest } from './tslib.es6-88a9e5c2.js';
 import React__default, { useState, createContext, useEffect, Fragment } from 'react';
-import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-97326532.js';
-import { s as setDefaultClass } from './utils-5fae0186.js';
+import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-8898d04d.js';
+import { s as setDefaultClass } from './utils-4a086f15.js';
 import { css } from '@emotion/react';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-fa187b09.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-075d530d.js';
 import { createStyles, rem } from '@mantine/core';
 import flattenChildren from 'react-keyed-flatten-children';
 

package/build/esm/lead.js

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5450db07.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-88a9e5c2.js';
 import React__default, { createContext, useMemo, useRef, useState, useEffect, useContext } from 'react';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './useTranslations-b308515e.js';
-import { T as Text } from './index-38222f65.js';
+import { u as useTranslations } from './useTranslations-cf6fd3e4.js';
+import { T as Text } from './index-d923e380.js';
 import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
-import './index.styles-52138e14.js';
-import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-51f79a77.js';
-import { B as Button } from './index-8f887d1a.js';
-import { C as CommonGAssets } from './index-036bbef6.js';
-import './constants-97326532.js';
-import './index-9f857ac5.js';
-import './utils-73013c02.js';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-b28e77e7.js';
-import { D as DatePicker } from './index-a0add3e6.js';
-import { t as theme } from './theme-2cab734a.js';
-import { T as TranslationsContext } from './translationsContext-24fa9c1f.js';
+import './index.styles-2a161512.js';
+import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-2976962f.js';
+import { B as Button } from './index-62383856.js';
+import { C as CommonGAssets } from './index-1feede96.js';
+import './constants-8898d04d.js';
+import './index-e5a963a3.js';
+import './utils-b54f5c81.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-75e5fda9.js';
+import { D as DatePicker } from './index-16c00591.js';
+import { t as theme } from './theme-de4e5929.js';
+import { T as TranslationsContext } from './translationsContext-a9c64944.js';
 import 'string-format';
 import '@mantine/hooks';
-import './useMantineLocale-9cbb1827.js';
-import './index-f3a492e5.js';
-import './utils-5fae0186.js';
-import './WhatsApp-cec8440d.js';
-import './index.styled-bca18810.js';
-import './index-d0fa15c7.js';
+import './useMantineLocale-ce44cbda.js';
+import './index-93f7fdcd.js';
+import './utils-4a086f15.js';
+import './WhatsApp-8f50e1bf.js';
+import './index.styled-fabb3b23.js';
+import './index-809cc43a.js';
 import '@hhgtech/icons/other';
-import { M as MAPPED_LOCALE } from './utils-6eef912a.js';
+import { M as MAPPED_LOCALE } from './utils-a7becf5a.js';
 import '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-6c7c66e8.js';
-import { H as Heading$1 } from './index-98b5fc68.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-55876d5a.js';
+import { H as Heading$1 } from './index-4dd17fe7.js';
 import { v1 } from 'uuid';
 import { createPortal } from 'react-dom';
-import { g as getCookie, s as setCookie } from './cookieHelper-74d45e32.js';
+import { g as getCookie, s as setCookie } from './cookieHelper-d4de0565.js';
 import dayjs from 'dayjs';
-import { C as Close } from './Close-36e23ee9.js';
+import { C as Close } from './Close-3413278b.js';
 import '@emotion/styled';
 import '@emotion/react';
-import './animation-fa187b09.js';
+import './animation-075d530d.js';
 import 'react-keyed-flatten-children';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-7cb0d235.js';
+import './useUniqueId-9c6b638c.js';
 import '@hhgtech/icons/core';
-import './isProduction-b95a0408.js';
+import './isProduction-8940d360.js';
 import 'date-fns/locale';
 import 'slugify';