@hhgtech/hhg-components 1.29.120 → 1.29.122

package/build/esm/healthToolsForm.js

@@ -1,57 +1,58 @@
-export { D as DueDateForm } from './index-7d7caafb.js';
-export { B as BmiForm } from './index-f132946f.js';
-export { B as BabyPoopForm } from './index-509f440a.js';
-export { T as ThrForm } from './index-96dee347.js';
-export { O as OvulationForm } from './index-bab0bc90.js';
-export { B as BabyVaccineForm } from './index-1212aa5a.js';
-export { P as PWGForm } from './index-2314e657.js';
-import './tslib.es6-53d41328.js';
+export { D as DueDateForm } from './index-6b0c9241.js';
+export { B as BmiForm } from './index-c6591f49.js';
+export { B as BabyPoopForm } from './index-c2011e3b.js';
+export { T as ThrForm } from './index-feab2e50.js';
+export { O as OvulationForm } from './index-4945b00f.js';
+export { B as BabyVaccineForm } from './index-0d29c2af.js';
+export { P as PWGForm } from './index-16d07ab4.js';
+import './tslib.es6-fa284bfb.js';
 import 'react';
-import './LastPeriod-9e90051a.js';
+import './LastPeriod-6291d253.js';
 import 'date-fns';
 import '@mantine/core';
 import '@mantine/form';
 import 'dayjs';
-import './index-a678cd4e.js';
+import './index-b15c11e5.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-4d232cce.js';
+import './index-55a9b23f.js';
 import './constantsDomainLocales.js';
-import './Locale-e8ccc1ec.js';
+import './Locale-32ebc7ad.js';
 import './constantsIsProduction.js';
-import './index.styles-1ff465bc.js';
-import './utils-8ad7f6d5.js';
+import './index.styles-03fe8a0c.js';
+import './utils-5b89da42.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-a6afbd88.js';
-import './other-9660d8c1.js';
-import './index-815cee5f.js';
+import './index-eeb1779c.js';
+import './other-69e961f6.js';
+import './index-d8f17648.js';
 import './miscTheme.js';
-import './useMantineLocale-da7a097f.js';
+import './useMantineLocale-f8a5939a.js';
 import '@mantine/notifications';
-import './index-4381f7f6.js';
+import './index-c16ca1de.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-8a0a2d4f.js';
-import './index-73a9cc63.js';
+import './index-2105b9ee.js';
+import './index-50701172.js';
 import 'classnames';
-import './useUniqueId-63371056.js';
+import './useUniqueId-746684aa.js';
 import '@hhgtech/icons/core';
-import './index-a15853d2.js';
+import './index-016de0e0.js';
 import '@mantine/dates';
-import './useTranslations-5cefd533.js';
-import './translationsContext-8f9dbed4.js';
+import './useTranslations-f3ab0708.js';
+import './translationsContext-4f2e67b4.js';
 import 'string-format';
-import './index-83b7a93e.js';
+import './index-040a8a85.js';
+import './index-00b0d677.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-a9f24d18.js';
+import './useHealthToolCache-7631629d.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-86616068.js';
-import './routing-21272dfa.js';
-import './core-b7f53fe8.js';
-import './constants-8eba6b93.js';
-import './index-5740931e.js';
+import './normalizeLink-0d9e39fa.js';
+import './routing-ab7b3cda.js';
+import './core-863678b4.js';
+import './constants-c3c6f30d.js';
+import './index-8315ac36.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-815bf759.js';
+import './constants-8936466a.js';

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-5cefd533.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-e2033173.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-4ecbaede.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-a9f24d18.js';
-export { u as useIsInit } from './useIsInit-9936d9a1.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-3a0d50e3.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-63371056.js';
+export { u as useTranslations } from './useTranslations-f3ab0708.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-d5f6e750.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-ead5cf51.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-7631629d.js';
+export { u as useIsInit } from './useIsInit-ec498b81.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-6d5609b8.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-746684aa.js';
 import 'react';
-import './translationsContext-8f9dbed4.js';
+import './translationsContext-4f2e67b4.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-53d41328.js';
+import './tslib.es6-fa284bfb.js';
 import './miscCookieHelper.js';
-import './index-815cee5f.js';
-import './Locale-e8ccc1ec.js';
+import './index-d8f17648.js';
+import './Locale-32ebc7ad.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-86616068.js';
-import './routing-21272dfa.js';
+import './normalizeLink-0d9e39fa.js';
+import './routing-ab7b3cda.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-b7f53fe8.js';
+import './core-863678b4.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-8f9dbed4.js';
-export { T as TranslationsContext } from './translationsContext-8f9dbed4.js';
+import { T as TranslationsContext } from './translationsContext-4f2e67b4.js';
+export { T as TranslationsContext } from './translationsContext-4f2e67b4.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-8f9dbed4.js';
-export { T as TranslationsContext } from './translationsContext-8f9dbed4.js';
+import { T as TranslationsContext } from './translationsContext-4f2e67b4.js';
+export { T as TranslationsContext } from './translationsContext-4f2e67b4.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-56009419.js → index-0081960e.js}

@@ -1,34 +1,35 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-53d41328.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
 import { Checkbox, useMantineTheme, Popover } from '@mantine/core';
-import { D as Dropdown } from './index-773beccb.js';
-import { u as useTranslations } from './useTranslations-5cefd533.js';
+import { D as Dropdown } from './index-6ace6943.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import './index-a678cd4e.js';
+import './index-b15c11e5.js';
 import '@mantine/dates';
-import './index-4381f7f6.js';
-import './index-815cee5f.js';
-import { C as CommonGAssets } from './index-4d232cce.js';
-import './useMantineLocale-da7a097f.js';
-import { T as Text } from './index-a6afbd88.js';
-import { B as Button } from './index-8a0a2d4f.js';
-import './index.styles-1ff465bc.js';
+import './index-c16ca1de.js';
+import './index-d8f17648.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
+import './useMantineLocale-f8a5939a.js';
+import { T as Text } from './index-eeb1779c.js';
+import { B as Button } from './index-2105b9ee.js';
+import './index.styles-03fe8a0c.js';
 import '@mantine/hooks';
-import './utils-8ad7f6d5.js';
-import './other-9660d8c1.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-37dc3b98.js';
-import { u as useImagePicker, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-9c7c0eb8.js';
+import './utils-5b89da42.js';
+import './other-69e961f6.js';
+import './index-040a8a85.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-bf7614e2.js';
+import { u as useImagePicker, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-af9c915f.js';
 import styled from '@emotion/styled';
-import { B as BtnChoice } from './index-fd461b98.js';
-import { c as formatTopic, b as formatPost } from './dataTransform-a74f93f0.js';
-import { M as MAX_IMAGE_UPLOADS } from './constants-8eba6b93.js';
-import { h as highlightBadWords, d as decodeMention, a as decodePostUrl } from './post-c99062ca.js';
-import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-fd538600.js';
-import { C as CardLink } from './index-3c49db3b.js';
-import { L as Loading } from './index-2919adaa.js';
-import { I as Input } from './index-6efcfa29.js';
+import { B as BtnChoice } from './index-bae7a32d.js';
+import { c as formatTopic, b as formatPost } from './dataTransform-8849de6a.js';
+import { M as MAX_IMAGE_UPLOADS } from './constants-c3c6f30d.js';
+import { h as highlightBadWords, d as decodeMention, a as decodePostUrl } from './post-5cd465b3.js';
+import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-adea6dd8.js';
+import { C as CardLink } from './index-29f8c2b7.js';
+import { L as Loading } from './index-1e0e6b5b.js';
+import { I as Input } from './index-d61e4eec.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS } from './togetherApiPaths.js';

package/build/esm/{index-83b7a93e.js → index-00b0d677.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.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-a6afbd88.js';
-import { B as Button } from './index-8a0a2d4f.js';
-import { u as useTranslations } from './useTranslations-5cefd533.js';
+import { T as Text } from './index-eeb1779c.js';
+import { B as Button } from './index-2105b9ee.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-a15853d2.js → index-016de0e0.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-4381f7f6.js';
-import './index-815cee5f.js';
-import { C as CommonGAssets } from './index-4d232cce.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-da7a097f.js';
-import { L as LOCALE } from './Locale-e8ccc1ec.js';
+import { I as ISO_FORMAT } from './index-c16ca1de.js';
+import './index-d8f17648.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-f8a5939a.js';
+import { L as LOCALE } from './Locale-32ebc7ad.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-7f2d9a37.js → index-02061ec2.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-8ad7f6d5.js';
+import { M as MediaQueries } from './utils-5b89da42.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-6efcfa29.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-d61e4eec.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-caec718a.js → index-02f65bd5.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-d83bfdd2.js';
-import { S as Spinner } from './Spinner-148771e8.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-b6876d09.js';
+import { S as Spinner } from './Spinner-47814026.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/index-040a8a85.js

@@ -0,0 +1,142 @@
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
+import React__default, { useRef, useState, useEffect } from 'react';
+import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
+import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
+import { B as Button } from './index-2105b9ee.js';
+import { T as Text } from './index-eeb1779c.js';
+
+var useStyles = createStyles((theme, params) => {
+    const { variant } = params;
+    const gradientOverlay = {
+        content: 'none',
+        top: 0,
+        bottom: 0,
+        zIndex: 1,
+        width: rem(56),
+    };
+    return Object.assign({}, (variant === 'inline' && {
+        root: {},
+        tabsList: {
+            gap: rem(24),
+            borderBottom: 'none',
+            flexWrap: 'nowrap',
+        },
+        tab: {
+            padding: `${rem(8)} 0`,
+            color: theme.colors.gray[4],
+            borderColor: 'transparent',
+            borderBottomWidth: rem(2),
+            marginBottom: rem(-1),
+            transition: 'border 0.2s ease',
+            ['&:hover']: {
+                backgroundColor: 'initial',
+                borderColor: 'transparent',
+            },
+            [`&[data-active='true']`]: {
+                color: theme.fn.primaryColor(),
+                borderColor: theme.fn.primaryColor(),
+            },
+        },
+        tabRightSection: {},
+        tabLabel: {},
+        tabIcon: {},
+        panel: {},
+        scrollArea: {
+            position: 'relative',
+            '&.prev-bg': {
+                '&:before': Object.assign(Object.assign({}, gradientOverlay), { content: '""', position: 'absolute', left: 0, background: 'linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)' }),
+            },
+            '&.next-bg': {
+                '&:after': Object.assign(Object.assign({}, gradientOverlay), { content: '""', position: 'absolute', right: 0, background: 'linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)' }),
+            },
+        },
+        list: {
+            borderBottom: `1px solid ${theme.colors.neutral[1]}`,
+        },
+        btn: {
+            position: 'absolute',
+            top: '50%',
+            zIndex: 2,
+            transform: 'translate(0, -50%)',
+            width: rem(28),
+            height: rem(28),
+            padding: 0,
+            background: 'white',
+            borderRadius: '50%',
+            cursor: 'pointer',
+            filter: 'drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))',
+            '.mantine-Button-icon': {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+            },
+            '&.disabled': {
+                opacity: 0,
+                zIndex: 0,
+            },
+        },
+        prevBtn: {
+            left: 0,
+        },
+        nextBtn: {
+            right: 0,
+        },
+    }));
+});
+
+const _Tabs = (_a) => {
+    var _b;
+    var { variant = 'inline', value, styles, children, dataList = [], tabProps, listProps, panelProps, TabComponentDisplay, startPadding = 40, defaultValue } = _a, rest = __rest(_a, ["variant", "value", "styles", "children", "dataList", "tabProps", "listProps", "panelProps", "TabComponentDisplay", "startPadding", "defaultValue"]);
+    const { cx, classes } = useStyles({ variant }, { name: 'Tabs', styles });
+    const listRef = useRef(null);
+    const tabRef = useRef([]);
+    const [activeTab, setActiveTab] = useState(defaultValue || ((_b = dataList === null || dataList === void 0 ? void 0 : dataList[0]) === null || _b === void 0 ? void 0 : _b.value));
+    const [currentSlide, setCurrentSlide] = useState(0);
+    const [disableNext, setDisableNext] = useState(false);
+    const [disablePrevious, setDisablePrevious] = useState(true);
+    const [scrollPosition, onScrollPositionChange] = useState({ x: 0, y: 0 });
+    const viewport = useRef(null);
+    const props = Object.assign({ defaultValue, classNames: classes }, (!children
+        ? {
+            value: activeTab,
+            onTabChange: (v) => setActiveTab(v),
+        }
+        : {
+            value,
+        }));
+    useEffect(() => {
+        setActiveTab(value);
+    }, [value]);
+    useEffect(() => {
+        var _a, _b, _c;
+        (_a = viewport.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+            left: ((_c = (_b = tabRef === null || tabRef === void 0 ? void 0 : tabRef.current) === null || _b === void 0 ? void 0 : _b[currentSlide]) === null || _c === void 0 ? void 0 : _c.offsetLeft) - startPadding,
+            behavior: 'smooth',
+        });
+    }, [currentSlide]);
+    useEffect(() => {
+        setCurrentSlide(dataList.findIndex((i) => i.value == activeTab));
+    }, [activeTab]);
+    useEffect(() => {
+        var _a, _b;
+        setDisablePrevious(scrollPosition.x === 0);
+        setDisableNext(((_a = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _a === void 0 ? void 0 : _a.clientWidth) + scrollPosition.x ===
+            ((_b = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _b === void 0 ? void 0 : _b.scrollWidth));
+    }, [scrollPosition]);
+    const TabTextComponent = ({ text, dataEventCategory, dataEventAction, dataEventLabel, }) => TabComponentDisplay ? (React__default.createElement(TabComponentDisplay, null, text)) : (React__default.createElement(Text, { size: "s3", color: "inherit", weight: "semiBold", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, text));
+    return (React__default.createElement(Tabs$1, Object.assign({}, props, rest), children || (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(ScrollArea, { className: cx(classes.scrollArea, `${!disablePrevious ? 'prev-bg' : ''} ${!disableNext ? 'next-bg' : ''}`), scrollbarSize: 0, viewportRef: viewport, onScrollPositionChange: onScrollPositionChange },
+            React__default.createElement(Tabs$1.List, Object.assign({ className: classes.list, ref: listRef }, listProps), dataList.map((i, idx) => (React__default.createElement(Tabs$1.Tab, Object.assign({ ref: (e) => (tabRef.current[idx] = e), className: classes.tab, key: String(i.value), value: String(i.value) }, tabProps),
+                React__default.createElement(TabTextComponent, Object.assign({}, i)))))),
+            React__default.createElement(Button, { className: cx(classes.btn, classes.prevBtn, disablePrevious ? 'disabled' : ''), unstyled: true, onClick: () => setCurrentSlide(currentSlide - 1 > -1 ? currentSlide - 1 : 0), leftIcon: React__default.createElement(ArrowLeft, { size: 16 }) }),
+            React__default.createElement(Button, { className: cx(classes.btn, classes.nextBtn, disableNext ? 'disabled' : ''), unstyled: true, onClick: () => setCurrentSlide(currentSlide + 1 < dataList.length - 1
+                    ? currentSlide + 1
+                    : dataList.length - 1), leftIcon: React__default.createElement(ArrowRight, { size: 16 }) })),
+        dataList.map((i) => (React__default.createElement(Tabs$1.Panel, Object.assign({ value: String(i.value), key: String(i.value) }, panelProps), i.content)))))));
+};
+const Tabs = _Tabs;
+Tabs.List = Tabs$1.List;
+Tabs.Tab = Tabs$1.Tab;
+Tabs.Panel = Tabs$1.Panel;
+
+export { Tabs as T };

package/build/esm/{index-5ee1b290.js → index-0a54ca5c.js}

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

package/build/esm/{index-1212aa5a.js → index-0d29c2af.js}

@@ -1,22 +1,23 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-a678cd4e.js';
-import { D as DatePicker } from './index-a15853d2.js';
-import './index-a6afbd88.js';
-import './index-8a0a2d4f.js';
-import './index.styles-1ff465bc.js';
-import { u as useTranslations } from './useTranslations-5cefd533.js';
+import './index-b15c11e5.js';
+import { D as DatePicker } from './index-016de0e0.js';
+import './index-eeb1779c.js';
+import './index-2105b9ee.js';
+import './index.styles-03fe8a0c.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
 import '@mantine/hooks';
-import './useMantineLocale-da7a097f.js';
-import './index-815cee5f.js';
-import './index-4d232cce.js';
-import './utils-8ad7f6d5.js';
-import './index-4381f7f6.js';
-import './other-9660d8c1.js';
-import { H as HealthToolFormWrapper } from './index-83b7a93e.js';
-import { G as GenderOptionControl } from './index-5740931e.js';
+import './useMantineLocale-f8a5939a.js';
+import './index-d8f17648.js';
+import './index-55a9b23f.js';
+import './utils-5b89da42.js';
+import './index-c16ca1de.js';
+import './other-69e961f6.js';
+import './index-040a8a85.js';
+import { H as HealthToolFormWrapper } from './index-00b0d677.js';
+import { G as GenderOptionControl } from './index-8315ac36.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-2314e657.js → index-16d07ab4.js}

@@ -1,24 +1,25 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-a9f24d18.js';
-import { u as useTranslations } from './useTranslations-5cefd533.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-8eba6b93.js';
-import { I as Input } from './index-a678cd4e.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-7631629d.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-c3c6f30d.js';
+import { I as Input } from './index-b15c11e5.js';
 import '@mantine/dates';
-import './index-4381f7f6.js';
-import './index-815cee5f.js';
-import './index-4d232cce.js';
-import './useMantineLocale-da7a097f.js';
-import './index-a6afbd88.js';
-import './index-8a0a2d4f.js';
-import './index.styles-1ff465bc.js';
+import './index-c16ca1de.js';
+import './index-d8f17648.js';
+import './index-55a9b23f.js';
+import './useMantineLocale-f8a5939a.js';
+import './index-eeb1779c.js';
+import './index-2105b9ee.js';
+import './index.styles-03fe8a0c.js';
 import '@mantine/hooks';
-import './utils-8ad7f6d5.js';
-import './other-9660d8c1.js';
-import { H as HealthToolFormWrapper } from './index-83b7a93e.js';
-import { I as INPUT_RANGE } from './constants-815bf759.js';
+import './utils-5b89da42.js';
+import './other-69e961f6.js';
+import './index-040a8a85.js';
+import { H as HealthToolFormWrapper } from './index-00b0d677.js';
+import { I as INPUT_RANGE } from './constants-8936466a.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-2919adaa.js → index-1e0e6b5b.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './useTranslations-5cefd533.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-8ad7f6d5.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-ee3c2281.js';
-import { _ as __rest } from './tslib.es6-53d41328.js';
-import { U as UserAvatar } from './index-412c9834.js';
-import { u as useScreenSize } from './index.styles-1ff465bc.js';
-import './index-4381f7f6.js';
-import { C as CommonGAssets } from './index-4d232cce.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-37dc3b98.js';
-import { B as Button } from './index-6319b72c.js';
-import { T as Text } from './index-a6afbd88.js';
+import { u as useTranslations } from './useTranslations-f3ab0708.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-5b89da42.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-3147d2ee.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
+import { U as UserAvatar } from './index-d35e9cce.js';
+import { u as useScreenSize } from './index.styles-03fe8a0c.js';
+import './index-c16ca1de.js';
+import { C as CommonGAssets } from './index-55a9b23f.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-bf7614e2.js';
+import { B as Button } from './index-7cc1849a.js';
+import { T as Text } from './index-eeb1779c.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-73a9cc63.js';
+import { I as ImageWrap } from './index-50701172.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
 import { keyframes } from '@emotion/react';
-import { H as Heading } from './index-1708ffdd.js';
-import { M as Modal } from './index-2bb0c531.js';
+import { H as Heading } from './index-20531316.js';
+import { M as Modal } from './index-3811068d.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -929,7 +929,7 @@ const _CardAuthor = (props) => {
     const { asPath } = router || {};
     const currentUrl = `https://${domainLocales$1[locale]}${asPath}`;
     const onAuthorClick = () => {
-        if (isAnonymous || userType === 'chatbot') {
+        if (isAnonymous) {
             return false;
         }
         if (showDetailPopup) {
@@ -956,11 +956,18 @@ const _CardAuthor = (props) => {
     const [ProfileDetail, setProfileDetail] = useState(null);
     useEffect(() => {
         if (open && !ProfileDetail) {
-            import('./togetherMoleculesProfileDetail.js').then((module) => {
-                setProfileDetail(() => module.ProfileDetail);
-            });
+            if (userType === 'chatbot') {
+                import('./index-41a7c987.js').then((module) => {
+                    setProfileDetail(() => module.ProfileChatbot);
+                });
+            }
+            else {
+                import('./togetherMoleculesProfileDetail.js').then((module) => {
+                    setProfileDetail(() => module.ProfileDetail);
+                });
+            }
         }
-    }, [open]);
+    }, [open, userType]);
     return (React__default.createElement(CardAuthorContext.Provider, { value: {
             displayName,
             title,
@@ -976,7 +983,7 @@ const _CardAuthor = (props) => {
                 onCloseFromPost === null || onCloseFromPost === void 0 ? void 0 : onCloseFromPost();
             } }, profileProps, { authorProps: Object.assign({ userId: props === null || props === void 0 ? void 0 : props.userId, avatar, name: props === null || props === void 0 ? void 0 : props.name, role: props === null || props === void 0 ? void 0 : props.role, title: props === null || props === void 0 ? void 0 : props.title, doctorId,
                 hospitalId,
-                hasQuickBooking }, profileProps === null || profileProps === void 0 ? void 0 : profileProps.authorProps) })))),
+                hasQuickBooking, userType: userType }, profileProps === null || profileProps === void 0 ? void 0 : profileProps.authorProps) })))),
         role === 'expert' && expertId ? (React__default.createElement(PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: expertId })) : null,
         role === 'expert' && doctorId ? (React__default.createElement(PopupDoctor, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), doctorId: doctorId, locale: locale })) : null,
         role === 'expert' && hospitalId ? (React__default.createElement(PopupHospital, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), hospitalId: hospitalId, locale: locale })) : null,

package/build/esm/{index-1708ffdd.js → index-20531316.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-a6afbd88.js';
+import { T as Text } from './index-eeb1779c.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-8a0a2d4f.js → index-2105b9ee.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-53d41328.js';
+import { _ as __rest } from './tslib.es6-fa284bfb.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-3c49db3b.js → index-29f8c2b7.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-53d41328.js';
+import { a as __awaiter } from './tslib.es6-fa284bfb.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-1708ffdd.js';
-import { T as Text } from './index-a6afbd88.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-37dc3b98.js';
+import { H as Heading } from './index-20531316.js';
+import { T as Text } from './index-eeb1779c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-bf7614e2.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-8eba6b93.js';
+import { D as DEFAULT_IMG } from './constants-c3c6f30d.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {