@hhgtech/hhg-components 1.29.443 → 1.29.445-beta-1

package/build/esm/{index-31d7ffe4.js → index-c79b49bd.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-b2909e06.js';
+import { T as Text } from './index-293ec37b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-4d50bb17.js';
+import { M as MediaQueries } from './utils-f36fa042.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-d5808571.js';
-import { R as Radio$1 } from './index-b7963478.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-70388e67.js';
-import { T as Text$1 } from './index-2a0d76c6.js';
+import { S as ShapedArrowDown } from './index-dc5d312c.js';
+import { R as Radio$1 } from './index-ce03529f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d5179e54.js';
+import { T as Text$1 } from './index-a6f6038a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-0d02beb3.js';
-import { C as Close } from './Close-d3114def.js';
-import { u as useTranslations } from './index-8e14508c.js';
+import { H as Heading } from './index-b604dea2.js';
+import { C as Close } from './Close-259aab71.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -228,23 +228,23 @@ const StyledCardCollapse = styled.div `
     line-height: 1.5rem;
     flex-grow: 1;
   }
-`;
-const StyledBox = styled.div `
-  display: flex;
-  padding: 1.5rem 1rem 1rem 1rem;
-  gap: 0.75rem;
-  align-items: center;
+  .box-collapse {
+    display: flex;
+    padding: 1.5rem 1rem 1rem 1rem;
+    gap: 0.75rem;
+    align-items: center;
+  }
 `;
 
-function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, }) {
+function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, }) {
     const [opened, { toggle }] = useDisclosure(defaultOpened);
     const handleClick = () => {
         if (haveCollapse) {
             toggle();
         }
     };
-    return (React__default.createElement(StyledCardCollapse, { id: id },
-        React__default.createElement(StyledBox, { onClick: handleClick },
+    return (React__default.createElement(StyledCardCollapse, { id: id, className: className },
+        React__default.createElement("div", { className: "box-collapse", onClick: handleClick },
             haveCollapse && icon,
             React__default.createElement("div", { className: "title-collapse" }, title),
             haveCollapse && React__default.createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),

package/build/esm/{index-b7963478.js → index-ce03529f.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-70388e67.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d5179e54.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-6fe5cac1.js';
-import { C as CustomStylesType, G as GlobalTextStyleNew, F as FontWeight } from './text-46145b2b.js';
-import { u as useScreenSize, I as ImageWrap } from './index-223b00ac.js';
+import { C as CommonGAssets } from './index-e3c92679.js';
+import { C as CustomStylesType, G as GlobalTextStyleNew, F as FontWeight } from './text-f541f977.js';
+import { u as useScreenSize, I as ImageWrap } from './index-f72887c2.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-b2909e06.js';
-import { t as themeColors } from './index-c021ae28.js';
+import { T as Text } from './index-293ec37b.js';
+import { t as themeColors } from './index-3a5ffb88.js';
 import { theme } from './miscTheme.js';
 import cn from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-122e1225.js';
+import { a as useUniqueId } from './useUniqueId-9d90c206.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-df990390.js';
+import { B as Button } from './index-3150f5f4.js';
 
 var useStyles$4 = createStyles((theme) => {
     const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;

package/build/esm/{index-63773e7e.js → index-ce37f700.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-6bbcad01.js';
-import { I as Input } from './index-b7963478.js';
-import { D as DatePicker } from './index-9bf319ba.js';
-import { T as Text } from './index-b2909e06.js';
-import './index-df990390.js';
-import './index.styles-bb1addec.js';
-import { u as useTranslations } from './index-8e14508c.js';
+import { L as LastPeriod } from './LastPeriod-d40a5e91.js';
+import { I as Input } from './index-ce03529f.js';
+import { D as DatePicker } from './index-3ce9e2df.js';
+import { T as Text } from './index-293ec37b.js';
+import './index-3150f5f4.js';
+import './index.styles-1321a351.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import '@mantine/hooks';
-import './index-c021ae28.js';
-import './text-46145b2b.js';
-import './utils-4d50bb17.js';
-import './index-f4c5ca62.js';
-import { H as HealthToolFormWrapper } from './index-707b8e44.js';
+import './index-3a5ffb88.js';
+import './text-f541f977.js';
+import './utils-f36fa042.js';
+import './index-381f1b80.js';
+import { H as HealthToolFormWrapper } from './index-eed24120.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-3a889a8b.js → index-d20ac0d1.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-8e14508c.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-6fe5cac1.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-8abed5b0.js';
+import { C as CommonGAssets } from './index-e3c92679.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-9d4b1561.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-d5808571.js';
-import { b as getTogetherUserPostsApiPath } from './index-e7bf1ab8.js';
-import { B as Button } from './index-da18e3ea.js';
-import { w as workingDays } from './types-87bfc2e0.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-dc5d312c.js';
+import { b as getTogetherUserPostsApiPath } from './index-39d7aa57.js';
+import { B as Button } from './index-c4bb6d3a.js';
+import { w as workingDays } from './types-7191f777.js';
 import styled from '@emotion/styled';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-49da3b43.js';
-import { L as LOCALISED_SLUGS } from './constants-5948e7da.js';
-import { T as Text } from './index-2a0d76c6.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-70d2ae92.js';
-import { a as __awaiter } from './tslib.es6-70388e67.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-0a9f6ae8.js';
+import { L as LOCALISED_SLUGS } from './constants-8b325bc1.js';
+import { T as Text } from './index-a6f6038a.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-ececad53.js';
+import { a as __awaiter } from './tslib.es6-d5179e54.js';
 import { useDisclosure } from '@mantine/hooks';
-import { clsx, Flex, Box } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-67c49afe.js';
+import { clsx, Flex, Box, rem } from '@mantine/core';
+import { u as useTextStyles, T as TextField } from './index-3c4ca7a1.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-b7963478.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-46145b2b.js';
-import { B as Button$1 } from './index-df990390.js';
-import { M as MAPPED_LOCALE } from './index-c021ae28.js';
-import { T as Text$1 } from './index-b2909e06.js';
-import { I as ImageWrap } from './index-223b00ac.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-add336eb.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-ce03529f.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-f541f977.js';
+import { B as Button$1 } from './index-3150f5f4.js';
+import { M as MAPPED_LOCALE } from './index-3a5ffb88.js';
+import { T as Text$1 } from './index-293ec37b.js';
+import { I as ImageWrap } from './index-f72887c2.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-50ab012a.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -1330,4 +1330,59 @@ DoctorExpertise.OtherHighlights = () => {
     return (React__default.createElement(DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
 };
 
-export { ClinicInfo as C, DoctorExpertise as D, EPopupCollectPhoneStep as E, HospitalInfo as H, Mobile as M, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, CollectPhoneForm as b, ProductInsuranceInfo as c, Check as d, Clock as e, formPhoneType as f, HelloZalo as g, Ellipse as h, PhoneInactive as i };
+const ArticleCardStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${rem(12)};
+`;
+const ArticleCardContentStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${rem(8)};
+`;
+const ArticleCardContentTitleStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${rem(4)};
+`;
+const ArticleDoctorStyled = styled.div `
+  display: flex;
+  gap: ${rem(4)};
+  align-items: center;
+`;
+const TextSpanStyled = styled.span `
+  color: ${theme.colors.gray600};
+`;
+
+const ArticleDetailCard = (props) => {
+    const { article, doctor, className, style, handleClick } = props;
+    const { articleType, articleTitle, articleTypeColor, image, defaultImage } = article || {};
+    const { doctorName, doctorAvatar, defaultDoctorAvatar } = doctor || {};
+    const { t } = useTranslations();
+    return (React__default.createElement(ArticleCardStyled, { className: className, style: style, onClick: handleClick },
+        React__default.createElement(ImageWrap, { alt: 'article-image', src: image || defaultImage, style: {
+                width: '100%',
+                height: rem(143.5),
+                objectFit: 'cover',
+                borderRadius: rem(8),
+            } }),
+        React__default.createElement(ArticleCardContentStyled, null,
+            React__default.createElement(ArticleCardContentTitleStyled, null,
+                React__default.createElement(Text$1, { color: articleTypeColor || theme.colors.green700, size: "c1", weight: "halfBold" }, articleType),
+                React__default.createElement(Text$1, { size: "p2", weight: "semiBold", color: theme.colors.gray800, lineClamp: 2 }, articleTitle)),
+            React__default.createElement(ArticleDoctorStyled, null,
+                React__default.createElement(ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
+                        width: rem(20),
+                        height: rem(20),
+                        borderRadius: '50%',
+                    } }),
+                React__default.createElement("div", null,
+                    React__default.createElement(Text$1, { size: "c1", weight: "regular", color: theme.colors.gray800, lineClamp: 1 },
+                        React__default.createElement(TextSpanStyled, null,
+                            t('common.articleCard.reviewedDoctor'),
+                            ":"),
+                        ' ',
+                        doctorName))))));
+};
+
+export { ArticleDetailCard as A, ClinicInfo as C, DoctorExpertise as D, EPopupCollectPhoneStep as E, HospitalInfo as H, Mobile as M, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, CollectPhoneForm as b, ProductInsuranceInfo as c, Check as d, Clock as e, formPhoneType as f, HelloZalo as g, Ellipse as h, PhoneInactive as i };

package/build/esm/{index-0b9ca2b5.js → index-d7aa1ab2.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-b2909e06.js';
-import { u as useTranslations } from './index-8e14508c.js';
+import { T as Text } from './index-293ec37b.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-612b4a43.js → index-dbde6667.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-5e2d9861.js';
+import { L as LOCALE } from './Locale-0dcd12da.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-d5808571.js → index-dc5d312c.js}

@@ -2,12 +2,12 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-223b00ac.js';
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { I as ImageWrap } from './index-f72887c2.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-7df14a8b.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-1d0568e5.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-49da3b43.js';
+import { Z as ZINDEX_SSO } from './index-0a9f6ae8.js';
 
 /* eslint-disable prettier/prettier */
 const Pin2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),

package/build/esm/{index-ee9dc608.js → index-dcf800da.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-b7963478.js';
+import './index-ce03529f.js';
 import '@mantine/dates';
-import './index-49da3b43.js';
-import './index-612b4a43.js';
-import './index-6fe5cac1.js';
-import './index-c021ae28.js';
-import { T as Text } from './index-b2909e06.js';
-import { B as Button } from './index-df990390.js';
-import './index.styles-bb1addec.js';
-import { u as useTranslations } from './index-8e14508c.js';
+import './index-0a9f6ae8.js';
+import './index-dbde6667.js';
+import './index-e3c92679.js';
+import './index-3a5ffb88.js';
+import { T as Text } from './index-293ec37b.js';
+import { B as Button } from './index-3150f5f4.js';
+import './index.styles-1321a351.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import '@mantine/hooks';
-import './text-46145b2b.js';
-import './utils-4d50bb17.js';
-import './index-f4c5ca62.js';
+import './text-f541f977.js';
+import './utils-f36fa042.js';
+import './index-381f1b80.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-9ef3163e.js → index-dd3a2498.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-4d50bb17.js';
+import { t as toggleNoScroll } from './utils-f36fa042.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.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-ec64f989.js';
-import { T as Text } from './index-b2909e06.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-aea3148f.js';
+import { T as Text } from './index-293ec37b.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-575efe40.js → index-e910a2ac.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-70388e67.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-b7963478.js';
+import { I as Input, S as Select } from './index-ce03529f.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-49da3b43.js';
-import './index-612b4a43.js';
-import './index-6fe5cac1.js';
-import './index-c021ae28.js';
-import './index-b2909e06.js';
-import './index-df990390.js';
-import './index.styles-bb1addec.js';
-import { u as useTranslations } from './index-8e14508c.js';
+import { C as CDN_ADDRESS } from './index-0a9f6ae8.js';
+import './index-dbde6667.js';
+import './index-e3c92679.js';
+import './index-3a5ffb88.js';
+import './index-293ec37b.js';
+import './index-3150f5f4.js';
+import './index.styles-1321a351.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import '@mantine/hooks';
-import './text-46145b2b.js';
-import './utils-4d50bb17.js';
-import './index-f4c5ca62.js';
-import { M as MAPPED_LOCALE } from './utils-c3eff41f.js';
-import { L as LOCALE } from './Locale-5e2d9861.js';
+import './text-f541f977.js';
+import './utils-f36fa042.js';
+import './index-381f1b80.js';
+import { M as MAPPED_LOCALE } from './utils-4c4cd5a8.js';
+import { L as LOCALE } from './Locale-0dcd12da.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-08acf0de.js → index-ebe0f4de.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-70388e67.js';
+import { a as __awaiter } from './tslib.es6-d5179e54.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-0d02beb3.js';
-import { T as Text } from './index-b2909e06.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-6bbdc279.js';
+import { H as Heading } from './index-b604dea2.js';
+import { T as Text } from './index-293ec37b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-702ec230.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-5948e7da.js';
+import { D as DEFAULT_IMG } from './constants-8b325bc1.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-707b8e44.js → index-eed24120.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-b2909e06.js';
-import { B as Button } from './index-df990390.js';
-import { u as useTranslations } from './index-8e14508c.js';
+import { T as Text } from './index-293ec37b.js';
+import { B as Button } from './index-3150f5f4.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-5617e5a0.js → index-f55952f5.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-47ae5c46.js';
-import { u as useTranslations } from './index-8e14508c.js';
-import { C as CommonGAssets } from './index-6fe5cac1.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-5948e7da.js';
-import { G as GenderOptionControl } from './index-3aa48ad6.js';
-import { I as Input, S as Select } from './index-b7963478.js';
-import { D as DatePicker } from './index-9bf319ba.js';
-import './index-b2909e06.js';
-import './index-df990390.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-d84e5547.js';
+import { u as useTranslations } from './index-c68766bb.js';
+import { C as CommonGAssets } from './index-e3c92679.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-8b325bc1.js';
+import { G as GenderOptionControl } from './index-1af4ff77.js';
+import { I as Input, S as Select } from './index-ce03529f.js';
+import { D as DatePicker } from './index-3ce9e2df.js';
+import './index-293ec37b.js';
+import './index-3150f5f4.js';
 import '@mantine/core';
-import './index.styles-bb1addec.js';
+import './index.styles-1321a351.js';
 import '@mantine/hooks';
-import './index-c021ae28.js';
-import './text-46145b2b.js';
-import './utils-4d50bb17.js';
-import './index-f4c5ca62.js';
-import './index-49da3b43.js';
-import { H as HealthToolFormWrapper } from './index-707b8e44.js';
+import './index-3a5ffb88.js';
+import './text-f541f977.js';
+import './utils-f36fa042.js';
+import './index-381f1b80.js';
+import './index-0a9f6ae8.js';
+import { H as HealthToolFormWrapper } from './index-eed24120.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-223b00ac.js → index-f72887c2.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-4d50bb17.js';
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { B as Breakpoints } from './utils-f36fa042.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-645ec643.js → index-f7a92ae0.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-29d0aac7.js → index-f82b0f07.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-0d02beb3.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-4d50bb17.js';
-import { u as useTranslations } from './index-8e14508c.js';
-import { T as TogetherComponentGlobalContext } from './utils-6bbdc279.js';
+import { H as Heading } from './index-b604dea2.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-f36fa042.js';
+import { u as useTranslations } from './index-c68766bb.js';
+import { T as TogetherComponentGlobalContext } from './utils-702ec230.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-b2909e06.js';
+import { T as Text } from './index-293ec37b.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-44b2cd50.js → index-f94ac6a1.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-1b8b2752.js';
-import { S as Spinner } from './Spinner-f23018a0.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-462d1c4c.js';
+import { S as Spinner } from './Spinner-48366b1b.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-8cd6f17e.js → index-fbdcc83f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-70388e67.js';
+import { _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-c021ae28.js';
-import { C as CustomStylesType } from './text-46145b2b.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-3a5ffb88.js';
+import { C as CustomStylesType } from './text-f541f977.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-a9616e33.js → index-fe3a28c6.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-70388e67.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d5179e54.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-da18e3ea.js';
-import { H as Heading } from './index-0d02beb3.js';
-import { u as useTranslations } from './index-8e14508c.js';
+import { B as Button } from './index-c4bb6d3a.js';
+import { H as Heading } from './index-b604dea2.js';
+import { u as useTranslations } from './index-c68766bb.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-0c4d168e.js';
-import { C as CommonGAssets } from './index-6fe5cac1.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-5948e7da.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-20a4d972.js';
+import { C as CommonGAssets } from './index-e3c92679.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-8b325bc1.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-6bbdc279.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-90a2d3d1.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-702ec230.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-0c8a4c1c.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4d50bb17.js';
+import { M as MediaQueries } from './utils-f36fa042.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-261eb5e7.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-0a5f1ae3.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-08acf0de.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-0907d16d.js';
-import { a as ProfileDetail, P as PostContent } from './index-61a30c3f.js';
-import { a as PostImagePreview } from './index-29d0aac7.js';
-import { S as SocialLinkPreview } from './index-12d99488.js';
-import { D as Divider } from './index-7b55fe3d.js';
-import './index-49da3b43.js';
+import { C as CardLink } from './index-ebe0f4de.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-62ebf3fd.js';
+import { a as ProfileDetail, P as PostContent } from './index-36ee82f6.js';
+import { a as PostImagePreview } from './index-f82b0f07.js';
+import { S as SocialLinkPreview } from './index-02e438f5.js';
+import { D as Divider } from './index-0d17fb7e.js';
+import './index-0a9f6ae8.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-7892e207.js';
-import { T as Text } from './index-b2909e06.js';
-import { L as Loading } from './index-d62befc7.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-8abed5b0.js';
+import { I as Input } from './index-4da3f72d.js';
+import { T as Text } from './index-293ec37b.js';
+import { L as Loading } from './index-99299d92.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-9d4b1561.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";