@hhgtech/hhg-components 1.29.448 → 1.29.449-beta-1

package/build/esm/index-f5c604b1.js

@@ -0,0 +1,301 @@
+import { _ as __rest } from './tslib.es6-8570c30c.js';
+import React__default, { useContext } from 'react';
+import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
+import { RedCross } from '@hhgtech/icons/other';
+import './index-d7bd249f.js';
+import '@mantine/dates';
+import './index-39bf919c.js';
+import './index-d18ed0e7.js';
+import './index-f8a949a8.js';
+import './index-5d273446.js';
+import { T as Text } from './index-15687d4c.js';
+import './index-3d2078ab.js';
+import { F as FontWeight } from './index-d0dddda4.js';
+import './index.styles-25051c24.js';
+import { u as useTranslations } from './index-e6601f2c.js';
+import '@mantine/hooks';
+import { M as MediaQueries } from './utils-ff8e88ec.js';
+import './index-0bb898db.js';
+import { C as CardWrapperContext } from './context-98f996bd.js';
+
+const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
+const StyledInnerClass = 'hhgcomp-toolbanner-inner';
+const StyledWrapperClass = 'hhgcomp-toolbanner-wrapper';
+const useStyles$3 = createStyles((theme, { isRevamp, isPregTool, bannerColor, isMarryBaby }) => ({
+    wrapper: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        gap: rem(24),
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: rem(16),
+    },
+    container: {
+        width: '100%',
+        backgroundColor: bannerColor ||
+            (isMarryBaby
+                ? theme.colors.mb[1]
+                : isPregTool
+                    ? theme.colors.pink[1]
+                    : theme.colors.blue[1]),
+        position: 'relative',
+        display: 'flex',
+        gap: 24,
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: rem(16),
+        a: {
+            textDecoration: 'none',
+            color: 'inherit',
+        },
+        '&[data-site="marryBaby"]': {
+            a: {
+                textDecoration: 'underline',
+            },
+            [MediaQueries.mbDown]: {
+                paddingBottom: 0,
+            },
+        },
+        [MediaQueries.tdDown]: {
+            height: 'auto',
+            [`.${StyledWrapperClass}`]: {
+                [`.${StyledInnerClass}`]: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    [MediaQueries.mbDown]: {
+                        justifyContent: 'space-between',
+                    },
+                    [`.${StyledIconContainerClass}`]: {
+                        position: 'relative',
+                        right: rem(-50),
+                        bottom: rem(-20),
+                        width: rem(110),
+                        minWidth: 0,
+                        height: 'auto',
+                        minHeight: 0,
+                        alignSelf: 'flex-end',
+                        marginBottom: rem(-20),
+                        [MediaQueries.mbDown]: {
+                            right: 'unset',
+                        },
+                    },
+                },
+            },
+        },
+        '.embedded-review': {
+            gap: rem(12),
+            display: 'flex',
+            alignItems: 'center',
+        },
+        '.embedded-review__avatar': {
+            position: 'relative',
+            minWidth: rem(32),
+            img: {
+                width: rem(32),
+                height: rem(32),
+                display: 'block',
+                borderRadius: '100%',
+            },
+            svg: {
+                bottom: 0,
+                right: 0,
+                position: 'absolute',
+            },
+        },
+    },
+    headingWrapper: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: isRevamp ? rem(8) : 0,
+    },
+    avatarWrapper: {
+        position: 'relative',
+        img: {
+            maxWidth: rem(48),
+            maxHeight: rem(48),
+        },
+        '.embedded-review__avatar': {
+            position: 'relative',
+        },
+    },
+    reviewText: {
+        a: {
+            textDecoration: 'underline',
+            textUnderlineOffset: '2px',
+        },
+    },
+    iconWrapper: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: rem(80),
+        height: rem(80),
+        borderRadius: '50%',
+        backgroundColor: '#fff',
+        flexShrink: 0,
+        img: {
+            maxWidth: rem(48),
+            maxHeight: rem(48),
+        },
+        [theme.fn.smallerThan('sm')]: {
+            width: rem(64),
+            height: rem(64),
+            img: {
+                maxWidth: rem(40),
+                maxHeight: rem(40),
+            },
+        },
+    },
+    heading: {},
+}));
+
+const ToolsBannerCard = (_a) => {
+    var { className, classNames, heading, bannerColor, medicalReview = { link: '#', reviewer: '', date: '' }, icon, style, isPregTool, isRevamp, styles } = _a, rest = __rest(_a, ["className", "classNames", "heading", "bannerColor", "medicalReview", "icon", "style", "isPregTool", "isRevamp", "styles"]);
+    const { t } = useTranslations();
+    const theme = useMantineTheme();
+    const isMarryBaby = theme.other.template === 'mb';
+    const siteType = isMarryBaby ? 'marryBaby' : 'helloSites';
+    const headingAs = 'h2';
+    const { classes, cx } = useStyles$3({ isRevamp, isPregTool, bannerColor, isMarryBaby }, {
+        name: 'ToolsBannerCard',
+        styles,
+        classNames,
+    });
+    const medicalReviewEle = (medicalReview === null || medicalReview === void 0 ? void 0 : medicalReview.reviewer) ? (React__default.createElement(Text, { size: "label2", as: "div", className: classes.reviewText },
+        medicalReview.avatar && (React__default.createElement("div", { className: "embedded-review__avatar" },
+            React__default.createElement(Box, { className: classes.avatarWrapper },
+                React__default.createElement("img", { src: medicalReview.avatar, alt: medicalReview.reviewer, loading: "lazy" }),
+                React__default.createElement(RedCross, { size: 14 })))),
+        React__default.createElement("div", { dangerouslySetInnerHTML: {
+                __html: t('toolPage.toolReviewer', {
+                    expert_name: `<a href="${medicalReview.link}">${medicalReview.reviewer.trim()}</a>`,
+                    date: medicalReview.date,
+                }),
+            } }))) : null;
+    return (React__default.createElement(Box, Object.assign({ className: cx(className, classes.container), style: style, "data-site": siteType }, rest),
+        React__default.createElement(Flex, { className: classes.headingWrapper },
+            React__default.createElement(Text, { className: cx(classes.heading, 'heading'), size: isMarryBaby ? 'h4' : 'h3', as: headingAs }, heading),
+            medicalReview && React__default.createElement(Text, { size: "n1" }, medicalReviewEle)),
+        React__default.createElement(Flex, { className: classes.iconWrapper }, icon)));
+};
+
+var useStyles$2 = createStyles(() => {
+    return {
+        root: {
+            borderTopLeftRadius: 'inherit',
+            borderTopRightRadius: 'inherit',
+        },
+    };
+});
+
+const Banner = (_a) => {
+    var { className, classNames, styles } = _a, rest = __rest(_a, ["className", "classNames", "styles"]);
+    const { classes: wrapperClasses } = useContext(CardWrapperContext);
+    const { isPregTool } = useContext(CardWrapperContext);
+    const { classes, cx } = useStyles$2(undefined, {
+        name: 'HealthToolCardWrapper__Banner',
+        classNames,
+        styles,
+    });
+    return (React__default.createElement(ToolsBannerCard, Object.assign({ isPregTool: isPregTool, classNames: {
+            container: wrapperClasses.bannerWrapper,
+            heading: wrapperClasses.bannerHeading,
+            reviewText: wrapperClasses.bannerReviewText,
+        }, className: cx(className, classes.root) }, rest)));
+};
+
+var useStyles$1 = createStyles(() => {
+    return {
+        root: {
+            paddingTop: 16,
+            borderRadius: 'inherit',
+        },
+    };
+});
+
+const Body = (_a) => {
+    var { children, className, styles, classNames } = _a, rest = __rest(_a, ["children", "className", "styles", "classNames"]);
+    const { classes: wrapperClasses, hasBodyScroll } = useContext(CardWrapperContext);
+    const { classes, cx } = useStyles$1(undefined, {
+        name: 'HealthToolCardWrapper__Body',
+        styles,
+        classNames,
+    });
+    return (React__default.createElement(Box, Object.assign({ className: cx(className, classes.root, wrapperClasses.bodyWrapper) }, rest), hasBodyScroll ? (React__default.createElement(ScrollArea, { h: "100%", type: "auto", scrollbarSize: 8, className: wrapperClasses.scrollAreaWrapper }, children)) : (children)));
+};
+
+var useStyles = createStyles((theme, { isPregTool, variant }) => {
+    const isMarryBaby = theme.other.template === 'mb';
+    return {
+        root: Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', borderRadius: rem(isMarryBaby ? 16 : 8) }, (variant === 'default' && {
+            backgroundColor: '#fff',
+            border: `1px solid ${isMarryBaby
+                ? theme.colors.mb[2]
+                : isPregTool
+                    ? theme.colors.pink[1]
+                    : theme.colors.blue[2]}`,
+        })), (variant === 'gray' && {
+            backgroundColor: theme.colors.neutral[0],
+        })),
+        submitBtn: {},
+        bodyWrapper: {},
+        scrollAreaWrapper: {},
+        bannerWrapper: Object.assign({}, (variant === 'gray' && {
+            backgroundColor: 'transparent',
+            padding: `${rem(16)} ${rem(16)} 0`,
+        })),
+        bannerHeading: Object.assign({}, (variant === 'gray' && {
+            fontSize: rem(20),
+            lineHeight: rem(28),
+            fontWeight: FontWeight.semiBold,
+            [theme.fn.smallerThan('sm')]: {
+                fontSize: rem(17),
+                lineHeight: rem(24),
+            },
+        })),
+        bannerReviewText: Object.assign({}, (variant === 'gray' && {
+            fontSize: rem(14),
+            lineHeight: rem(22),
+            [theme.fn.smallerThan('sm')]: {
+                fontSize: rem(12),
+                lineHeight: rem(18),
+            },
+        })),
+        submitWrapper: Object.assign({ [theme.fn.smallerThan('sm')]: {
+                button: {
+                    width: '100%',
+                },
+            }, [theme.fn.largerThan('sm')]: {
+                textAlign: 'right',
+            } }, (variant === 'gray' && {
+            backgroundColor: theme.colors.neutral[0],
+            button: {
+                marginTop: 10,
+            },
+        })),
+        newsletterBlock: {},
+    };
+});
+
+const _HealthToolCardWrapper = (_a) => {
+    var { children, styles, classNames, className, isPregTool, variant = 'default', hasBodyScroll } = _a, rest = __rest(_a, ["children", "styles", "classNames", "className", "isPregTool", "variant", "hasBodyScroll"]);
+    const { classes, cx } = useStyles({ isPregTool, variant }, {
+        name: 'HealthToolCardWrapper',
+        styles,
+        classNames,
+    });
+    return (React__default.createElement(CardWrapperContext.Provider, { value: {
+            isPregTool,
+            classes,
+            variant,
+            hasBodyScroll,
+        } },
+        React__default.createElement(Box, Object.assign({ className: cx(className, classes.root) }, rest), children)));
+};
+const HealthToolCardWrapper = _HealthToolCardWrapper;
+HealthToolCardWrapper.Body = Body;
+HealthToolCardWrapper.Banner = Banner;
+
+export { HealthToolCardWrapper as H, ToolsBannerCard as T };

package/build/esm/{index-602c10bf.js → index-fd175154.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-8570c30c.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-c68a533e.js';
+import { T as Text } from './index-15687d4c.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/index.js

@@ -1,145 +1,145 @@
-export { i as Types } from './index-5d09fff6.js';
-export { i as Constants } from './index-43c88049.js';
-export { i as Lead } from './index-d8e2d38e.js';
-export { C as CaretDown, F as Flag } from './index-94204073.js';
+export { i as Types } from './index-d18ed0e7.js';
+export { i as Constants } from './index-39bf919c.js';
+export { i as Lead } from './index-b7e3a127.js';
+export { C as CaretDown, F as Flag } from './index-d7bd249f.js';
 import * as React from 'react';
-export { A as ArticleDetailCard, d as Check, C as ClinicInfo, e as Clock, b as CollectPhoneForm, D as DoctorExpertise, E as EPopupCollectPhoneStep, h as Ellipse, g as HelloZalo, H as HospitalInfo, M as Mobile, i as PhoneInactive, P as PopupCollectPhone, c as ProductInsuranceInfo, U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats, f as formPhoneType } from './index-b47f6205.js';
-export { C as ChevronDown } from './ChevronDown-d71f0d8d.js';
-export { C as Close } from './Close-94e1dd74.js';
-export { F as Facebook, G as Google } from './Google-8b33e0a6.js';
-export { C as Checkbox, P as Pagination, a as PureInput, c as Search2, b as SearchInput, S as StyledSearchIcon } from './index-f0d53ac2.js';
-export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper, S as ShapedArrowDown } from './index-ea0f1051.js';
-export { A as AdBlock, s as AnsweredByDoctor, B as Breadcrumbs, o as CardListItem, C as CategoryCard, p as CertificateItem, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, G as GeneralInfo, H as HPVScreener, I as IconText, L as List, m as ListContext, M as MAX_RATING, Q as QuickFilter, n as QuickFilterWrapLine, R as RadioGroup, q as RatingStars, r as RatingStarsInput, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, t as StarFull, v as StarHalf, b as StatisticCard, l as SummaryInfo, c as Table, T as Tabs, V as VoucherItem, W as WidgetChatbotAi, u as useListContext } from './index-f31f28e1.js';
-export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle, U as Upload } from './index-0a5c217f.js';
-export { V as Visible } from './Visible-9f993273.js';
-export { B as Button } from './index-341ed865.js';
-export { C as Container } from './index-af7af639.js';
-export { D as Divider } from './index-c29fad1a.js';
-export { D as Drawer } from './index-63d2f250.js';
-export { H as Heading } from './index-602c10bf.js';
-export { I as Icon } from './index-fc84a739.js';
-export { I as Input, L as Label } from './index-326ff299.js';
-export { L as Logo } from './index-5179d870.js';
-export { R as RadioImageGroup } from './index-9f47f90d.js';
-export { T as Text } from './index-a45be0c7.js';
-export { T as TextArea } from './index-c3f8797c.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-b4c8b075.js';
-export { B as BtnChoice } from './index-7fedc0ef.js';
-export { C as CustomReferenceDot } from './index-39d9811c.js';
-export { I as ImageWrap } from './index-9a3adb7b.js';
-export { L as LogoIcon } from './logoIcon-c8b46788.js';
-export { G as GenderOptionControl } from './index-bd65bdb6.js';
-export { L as Loading } from './index-bcd359f3.js';
-export { D as DrawerComponent } from './index-14ddbaca.js';
-export { I as InputDate } from './InputDate-1d43c386.js';
+export { A as ArticleDetailCard, d as Check, C as ClinicInfo, e as Clock, b as CollectPhoneForm, D as DoctorExpertise, E as EPopupCollectPhoneStep, h as Ellipse, g as HelloZalo, H as HospitalInfo, M as Mobile, i as PhoneInactive, P as PopupCollectPhone, c as ProductInsuranceInfo, U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats, f as formPhoneType } from './index-8088d1ae.js';
+export { C as ChevronDown } from './ChevronDown-e282064b.js';
+export { C as Close } from './Close-d1ae573f.js';
+export { F as Facebook, G as Google } from './Google-76173e3d.js';
+export { C as Checkbox, P as Pagination, a as PureInput, c as Search2, b as SearchInput, S as StyledSearchIcon } from './index-7ad0855d.js';
+export { A as Avatar, D as DistanceTag, a as DrawerBottom, I as IconWrapper, S as ShapedArrowDown } from './index-84cb5270.js';
+export { A as AdBlock, s as AnsweredByDoctor, B as Breadcrumbs, o as CardListItem, C as CategoryCard, p as CertificateItem, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, G as GeneralInfo, H as HPVScreener, I as IconText, L as List, m as ListContext, M as MAX_RATING, Q as QuickFilter, n as QuickFilterWrapLine, R as RadioGroup, q as RatingStars, r as RatingStarsInput, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, t as StarFull, v as StarHalf, b as StatisticCard, l as SummaryInfo, c as Table, T as Tabs, V as VoucherItem, W as WidgetChatbotAi, u as useListContext } from './index-513aa46f.js';
+export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle, U as Upload } from './index-bdce599f.js';
+export { V as Visible } from './Visible-4dc3e032.js';
+export { B as Button } from './index-b88aba78.js';
+export { C as Container } from './index-89cc39f2.js';
+export { D as Divider } from './index-486fecd7.js';
+export { D as Drawer } from './index-06b7253e.js';
+export { H as Heading } from './index-fd175154.js';
+export { I as Icon } from './index-75b1ae62.js';
+export { I as Input, L as Label } from './index-48639f99.js';
+export { L as Logo } from './index-924e34d7.js';
+export { R as RadioImageGroup } from './index-10f55eb5.js';
+export { T as Text } from './index-ad055c3e.js';
+export { T as TextArea } from './index-19189f5a.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-573469a3.js';
+export { B as BtnChoice } from './index-4be0a9b5.js';
+export { C as CustomReferenceDot } from './index-4ec88fa1.js';
+export { I as ImageWrap } from './index-5e4c4c9c.js';
+export { L as LogoIcon } from './logoIcon-e3179759.js';
+export { G as GenderOptionControl } from './index-481eacef.js';
+export { L as Loading } from './index-989914c3.js';
+export { D as DrawerComponent } from './index-0ea1ee9e.js';
+export { I as InputDate } from './InputDate-351e5b42.js';
 export { ArticleCard } from './moleculesArticleCard.js';
 export { ArticleCard as ArticleCardV2 } from './moleculesArticleCardV2.js';
-export { D as Dropdown } from './index-140dcef4.js';
-export { P as Popup } from './index-48fced9b.js';
-export { M as Modal } from './index-4a66a7c9.js';
+export { D as Dropdown } from './index-38d108b8.js';
+export { P as Popup } from './index-4850574a.js';
+export { M as Modal } from './index-07eda20c.js';
 export { ProgressBar } from './progressBar.js';
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-997410e7.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-23992cbd.js';
 export { MobileBottomNavigation } from './mobileBottomNavigation.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-34510404.js';
-export { T as ToolsBannerCard } from './index-bb7e2e3c.js';
-export { a as DUE_DATE_METHOD, D as DueDateForm } from './index-b5a61389.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-4311a848.js';
+export { T as ToolsBannerCard } from './index-f5c604b1.js';
+export { a as DUE_DATE_METHOD, D as DueDateForm } from './index-3c5a50dd.js';
 export { DueDateCardEmbed } from './embeddedHeathToolCards_dueDate_dueDate.js';
 export { BMICardEmbed } from './embeddedHeathToolCards_bmi_bmi.js';
-export { B as BmiForm } from './index-09024936.js';
+export { B as BmiForm } from './index-6233f58e.js';
 export { BabyGrowthCardEmbed } from './embeddedHeathToolCards_babyGrowth.js';
 export { BabyPoopEmbed } from './embeddedHeathToolCards_babyPoop.js';
-export { B as BabyPoopForm } from './index-033aae54.js';
+export { B as BabyPoopForm } from './index-9b10ee6b.js';
 export { THRCardEmbed } from './embeddedHeathToolCards_targetHeartRate.js';
-export { T as ThrForm } from './index-a18a1879.js';
+export { T as ThrForm } from './index-42cd171c.js';
 export { BMRCardEmbed } from './embeddedHeathToolCards_bmrBmr.js';
 export { OvulationCardEmbed } from './embeddedHeathToolCards_ovulation_ovulation.js';
-export { O as OvulationForm } from './index-d8f13395.js';
-export { B as BabyVaccineForm } from './index-523c76b6.js';
+export { O as OvulationForm } from './index-7c5a09d2.js';
+export { B as BabyVaccineForm } from './index-031d8fd9.js';
 export { BabyVaccineCardEmbed } from './embeddedHeathToolCards_babyVaccine.js';
 export { PWGCardEmbed } from './embeddedHeathToolCards_pwg_pwg.js';
-export { P as PWGForm } from './index-21547f9b.js';
-export { L as LanguageSwitcher, V as VideoItem, a as VideoPlayerModal } from './index-ac6cb3b8.js';
-export { P as PillCarousel } from './index-c8a1a131.js';
-export { A as AddressInput } from './index-53bd2c80.js';
-export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-8f9ff5fc.js';
-export { D as DoctorExpertiseItem, a as DoctorInfoExpertise, I as InsuranceList, P as PaymentList } from './index-ea865493.js';
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-191bb5e3.js';
-export { F as Footer } from './index-0ad840cc.js';
+export { P as PWGForm } from './index-59e7d63b.js';
+export { L as LanguageSwitcher, V as VideoItem, a as VideoPlayerModal } from './index-ded03e50.js';
+export { P as PillCarousel } from './index-cb9adbdc.js';
+export { A as AddressInput } from './index-b56714a4.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-462f2dfb.js';
+export { D as DoctorExpertiseItem, a as DoctorInfoExpertise, I as InsuranceList, P as PaymentList } from './index-97b9b61d.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-ca5ebcfd.js';
+export { F as Footer } from './index-01f29ab0.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-e90acae8.js';
+export { N as NavigationProfileButton } from './index-6d6446c4.js';
 export { ProfileNavigation } from './profileNavigation.js';
-export { u as useTranslations } from './index-64827257.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7bb8c325.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-840edecb.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-b63178ff.js';
-export { u as useIsInit } from './useIsInit-e24533db.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-74eb5151.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-ccd8c09f.js';
+export { u as useTranslations } from './index-e6601f2c.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-918780cb.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-31baf2a3.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-49fd8c46.js';
+export { u as useIsInit } from './useIsInit-6ad6f658.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-c52e60b2.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-bbc9ce62.js';
 export { TogetherAuthConfigContext, TogetherAuthConfigContextProvider, useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-export { d as TogetherDataTransforms } from './dataTransform-eec5e584.js';
-export { t as TogetherTypes } from './types-60c723b6.js';
-export { c as TogetherConstants } from './constants-78e39ac0.js';
-export { U as UserAvatar } from './index-7b4efb28.js';
-export { C as CardLink } from './index-d1e7fa3d.js';
-export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-534afcf8.js';
-export { L as LabelSorting } from './labelSorting-1dfefae2.js';
-export { C as CardAuthor, a as PopupDoctor, P as PopupExpert, b as PopupHospital, c as ProfileDetailModal } from './index-e0ef6db8.js';
-export { C as CreateNewPostContent, a as CreateNewPostContentV2, b as CreatePostDescription, c as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-5165f018.js';
-export { I as InputCommentBar, P as PopupDanger, a as PopupFrame, S as SharePopup, b as SubmitReportForm } from './index-9e0b0aa0.js';
+export { d as TogetherDataTransforms } from './dataTransform-fa959101.js';
+export { t as TogetherTypes } from './types-035adcef.js';
+export { c as TogetherConstants } from './constants-1f90e5f6.js';
+export { U as UserAvatar } from './index-dd14e9a1.js';
+export { C as CardLink } from './index-772d6fb3.js';
+export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-8c07f29a.js';
+export { L as LabelSorting } from './labelSorting-dd5b4eba.js';
+export { C as CardAuthor, a as PopupDoctor, P as PopupExpert, b as PopupHospital, c as ProfileDetailModal } from './index-433f52c6.js';
+export { C as CreateNewPostContent, a as CreateNewPostContentV2, b as CreatePostDescription, c as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-0af20676.js';
+export { I as InputCommentBar, P as PopupDanger, a as PopupFrame, S as SharePopup, b as SubmitReportForm } from './index-ab3cba47.js';
 export { ShareBox } from './togetherShareBox.js';
-export { P as PostContent, a as ProfileDetail, T as TabNameInProfileDetail } from './index-cae97dff.js';
-export { I as ImagePreviewPopup, a as PostImagePreview, P as PostSingleImageViewPopup } from './index-db4a401f.js';
-export { S as SocialLinkPreview } from './index-1f04f5cd.js';
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-63216e2a.js';
-export { P as PopoverMenu } from './index-3fe05a17.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-cd8ba782.js';
+export { P as PostContent, a as ProfileDetail, T as TabNameInProfileDetail } from './index-bf52a414.js';
+export { I as ImagePreviewPopup, a as PostImagePreview, P as PostSingleImageViewPopup } from './index-8d158d43.js';
+export { S as SocialLinkPreview } from './index-27467701.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-1d040d1d.js';
+export { P as PopoverMenu } from './index-ea4d7712.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-3c6f8119.js';
 export { BookingSearchBar } from './careBookingSearchBar.js';
 export { BookingSearchBarV2 } from './careBookingSearchBarV2.js';
-export { T as TextDivider } from './index-296428c2.js';
-export { c as CareConstants } from './constants-bddfc09c.js';
-export { t as CareTypes } from './types-171a9859.js';
-export { a as ageGenerate } from './ageGenerate-5497e5d7.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-ead41901.js';
+export { T as TextDivider } from './index-6fa16935.js';
+export { c as CareConstants } from './constants-43303b1b.js';
+export { t as CareTypes } from './types-3f8c565a.js';
+export { a as ageGenerate } from './ageGenerate-667ed032.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-6d6baf4d.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
-export { a as abbreviateNumber } from './number-a224c433.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-5a2e92c9.js';
+export { a as abbreviateNumber } from './number-634c430b.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-a4d2f4ed.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, d as convertDay, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, e as sleep, s as startCase, t as toggleNoScroll } from './utils-54809471.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, d as convertDay, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, e as sleep, s as startCase, t as toggleNoScroll } from './utils-ff8e88ec.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
-export { c as convertLocalizedStringToNumber, f as formatPhoneNumber, l as localizeNumberFormat } from './localizeNumberFormat-24b8e33f.js';
+export { c as convertLocalizedStringToNumber, f as formatPhoneNumber, l as localizeNumberFormat } from './localizeNumberFormat-3e965c3a.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-5633492b.js';
-import './Locale-bb880082.js';
+export { f as formatPill } from './dataTransform-4ee0b399.js';
+import './Locale-932c7523.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import '@mantine/core';
-import './text-db324baf.js';
-import './tslib.es6-91093dfb.js';
+import './index-d0dddda4.js';
+import './tslib.es6-8570c30c.js';
 import '@mantine/hooks';
 import '@emotion/react';
 import '@emotion/styled';
 import '@hhgtech/icons/other';
-import './index-a35d5bd3.js';
+import './index-f8a949a8.js';
 import '@mantine/carousel';
-import './index-c68a533e.js';
-import './index-2870af04.js';
+import './index-15687d4c.js';
+import './index-5d273446.js';
 import 'dayjs';
 import '@mantine/notifications';
-import './shared-16fcefec.js';
+import './shared-b9f1d3c2.js';
 import 'classnames';
 import 'uuid';
 import '@hhgtech/icons/core';
-import './index-cc305f99.js';
+import './index-3d2078ab.js';
 import '@react-google-maps/api';
 import 'react-phone-number-input';
 import '@mantine/dates';
-import './index.styles-e737cd1b.js';
-import './translationsContext-581baa38.js';
-import './index-92ea8383.js';
+import './index.styles-25051c24.js';
+import './translationsContext-47869a7a.js';
+import './index-0bb898db.js';
 import 'vaul';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
@@ -155,47 +155,48 @@ import 'lodash/get';
 import 'lodash/debounce';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './WhatsApp-f52e7a45.js';
-import './Spinner-8b8558fa.js';
-import './index-20707afb.js';
-import './paths-eaeaed07.js';
+import './WhatsApp-c5e0815b.js';
+import './Spinner-c4dbd709.js';
+import './index-a751bf63.js';
+import './paths-419c8cbd.js';
 import 'innertext';
 import 'react-dom';
-import './LastPeriod-28c890db.js';
+import './context-98f996bd.js';
+import './LastPeriod-bcc7f66e.js';
 import '@mantine/form';
-import './index-7dd06998.js';
-import './index-6c0a8369.js';
+import './index-6d40879d.js';
+import './index-d0b44796.js';
 import 'react-hook-form';
 import './embeddedHeathToolCards_helpers.js';
-import './index-ea6106bd.js';
-import './constants-024f4863.js';
-import './index-9676d497.js';
-import './utils-1ca14c97.js';
-import './healthTools-1431e4b4.js';
-import './store-13ef6e74.js';
+import './index-c7aa5c48.js';
+import './constants-c86fd286.js';
+import './index-2ad629e0.js';
+import './utils-a1564c44.js';
+import './healthTools-9f1f1b0c.js';
+import './store-4778b33a.js';
 import 'zustand';
-import './index-55bfc6f0.js';
+import './index-955b64bf.js';
 import './togetherApiPaths.js';
-import './index-47741b88.js';
+import './index-ef999af4.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './constants-5f6fa0d8.js';
-import './index-1457df3c.js';
+import './constants-4679e9e2.js';
+import './index-f3b18d45.js';
 import 'string-format';
 import 'dayjs/plugin/relativeTime';
-import './core-6275b986.js';
-import './index-4ad33a18.js';
-import './post-14b3b54f.js';
-import './editor-f73afea6.js';
+import './core-adb60697.js';
+import './index-36cec9eb.js';
+import './post-ec40efed.js';
+import './editor-de9c6a96.js';
 import 'react-contenteditable';
-import './index-a4d8dbc0.js';
-import './index-24fb3416.js';
+import './index-17c80719.js';
+import './index-cc4d020b.js';
 import 'slugify';
-import './utils-4fd72289.js';
+import './utils-f697d4f2.js';
 import 'react-loading-skeleton';
 import 'lodash/shuffle';
-import './index-27d4922c.js';
+import './index-66d2473a.js';
 
 /* eslint-disable prettier/prettier */
 const ChatbotBg = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 1600 1024", fill: "none" }, props),