@hhgtech/hhg-components 1.29.445-beta-5 → 1.29.445-beta-6

package/build/esm/{index-b08c5fe5.js → index-83307fa8.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-639f85e2.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-24bec771.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-8105a281.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-d60fb943.js';
-import { G as GenderOptionControl } from './index-fa3b6758.js';
-import { I as Input } from './index-7000f384.js';
-import '@mantine/core';
+import { u as useHealthToolsCache } from './useHealthToolCache-b18f849d.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-5560fce0.js';
+import { Flex, rem, Stack, Box } from '@mantine/core';
+import { G as GenderOptionControl } from './index-714c4b56.js';
+import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-02ad6564.js';
 import '@mantine/dates';
-import './index-5232f427.js';
-import './index-b57295e9.js';
-import './index-29c26618.js';
-import './index-bc855a72.js';
-import { T as Text } from './index-c5e0fb62.js';
-import './index-2e4290e7.js';
+import './index-2a880984.js';
+import './index-767c1ac7.js';
+import './index-503ba82b.js';
+import './index-866aebe6.js';
+import { T as Text } from './index-46d6f6a4.js';
+import './index-93afa7c7.js';
 import { theme } from './miscTheme.js';
-import './index.styles-0f497116.js';
-import { u as useTranslations } from './index-378d09e8.js';
+import './index.styles-fb1e56ad.js';
+import { u as useTranslations } from './index-57856caa.js';
 import '@mantine/hooks';
-import './text-a2ea8595.js';
-import './utils-e0c4f99f.js';
-import './index-f58f839d.js';
-import { H as HealthToolFormWrapper } from './index-e87c0d9d.js';
+import './text-cb1b11d7.js';
+import './utils-6bce839e.js';
+import './index-565b5251.js';
+import { H as HealthToolFormWrapper } from './index-ab7c1021.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 
 const BmiFormContext = createContext({});
 
 const DefaultForm = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { t, locale } = useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps } = useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = useContext(BmiFormContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default.createElement(Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
                 return (React__default.createElement(GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
@@ -58,13 +58,37 @@ const DefaultForm = (props) => {
                         content: '60',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
             } }),
-        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
+                    return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg", error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
+                        React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
+                            React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                            React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                } }),
+            React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                    return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')), error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
+                        React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
+                            React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                            React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                } }),
+            React__default.createElement(Stack, { spacing: 16, sx: (theme) => ({
+                    backgroundColor: theme.colors.neutral[0],
+                    padding: `${rem(16)} ${rem(12)}`,
+                    borderBottomLeftRadius: 'inherit',
+                    borderBottomRightRadius: 'inherit',
+                    margin: `0 ${rem(-16)}  ${rem(-16)}`,
+                }) },
+                React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
+                        var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);
+                        return (React__default.createElement(Checkbox, Object.assign({ size: "sm", label: React__default.createElement(Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
+                    } }),
+                React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
 };
 
 const InlineForm = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { t, locale } = useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps } = useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = useContext(BmiFormContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default.createElement(Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
                 return (React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
@@ -96,13 +120,50 @@ const InlineForm = (props) => {
                             }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', precision: 1, min: 0, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
                     isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
             } }),
-        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
+                    return (React__default.createElement(Box, null,
+                        React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg" },
+                            React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
+                                React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                                React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
+                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
+                } }),
+            React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                    return (React__default.createElement(Box, null,
+                        React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')) },
+                            React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
+                                React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                                React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
+                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
+                } }),
+            React__default.createElement(Stack, { className: "newsletter-block", spacing: 16, sx: (theme) => ({
+                    backgroundColor: theme.colors.neutral[0],
+                    padding: `${rem(16)} ${rem(12)}`,
+                    borderBottomLeftRadius: 'inherit',
+                    borderBottomRightRadius: 'inherit',
+                    margin: `0 ${rem(-16)}  ${rem(-16)}`,
+                    '.bmi-btn': {
+                        marginTop: 0,
+                    },
+                }) },
+                React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
+                        var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);
+                        return (React__default.createElement(Checkbox, Object.assign({ size: "sm", label: React__default.createElement(Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
+                    } }),
+                React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
 };
 
 const BmiForm = (_a) => {
-    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps } = _a, rest = __rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps"]);
+    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps, withAdditionalQuestion } = _a, rest = __rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps", "withAdditionalQuestion"]);
     const [isTouched, setIsTouched] = useState(false);
-    const { control, handleSubmit, setValue, watch } = useForm();
+    const { control, handleSubmit, setValue, watch } = useForm({
+        defaultValues: {
+            question1: undefined,
+            question2: undefined,
+            newsletter: true,
+        },
+    });
     const data = watch();
     const { locale } = useTranslations();
     const { getHealthToolLink } = useHealthToolsCache(locale);
@@ -110,13 +171,8 @@ const BmiForm = (_a) => {
     const onValid = (data) => __awaiter(void 0, void 0, void 0, function* () {
         const height = bmiUnit.heightConvert(data.height);
         const weight = bmiUnit.weightConvert(data.weight);
-        const submitValue = {
-            gender: data.gender,
-            age: data.age,
-            height,
-            weight,
-            bmi: getBmi({ height, weight }),
-        };
+        const submitValue = Object.assign(Object.assign({}, data), { height,
+            weight, bmi: getBmi({ height, weight }) });
         onInValid();
         onSubmitProps && onSubmitProps(submitValue);
     });
@@ -143,6 +199,7 @@ const BmiForm = (_a) => {
             isTouched,
             linkTool,
             submitProps,
+            withAdditionalQuestion,
         } }, formLayout === 'inline' ? (React__default.createElement(InlineForm, Object.assign({}, commonProps))) : (React__default.createElement(DefaultForm, Object.assign({}, commonProps)))));
 };
 

package/build/esm/{index-bc855a72.js → index-866aebe6.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-639f85e2.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-24bec771.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-b57295e9.js';
-import { L as LOCALE } from './Locale-f6a45f1d.js';
+import './index-767c1ac7.js';
+import { L as LOCALE } from './Locale-04b076d9.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-5232f427.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-2a880984.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-29c26618.js';
+import { C as CommonGAssets } from './index-503ba82b.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-e0c4f99f.js';
-import { C as CustomStylesType, F as FontWeight } from './text-a2ea8595.js';
-import { A as ANIMATION_DURATION } from './shared-4c2d952a.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-6bce839e.js';
+import { C as CustomStylesType, F as FontWeight } from './text-cb1b11d7.js';
+import { A as ANIMATION_DURATION } from './shared-ff3557c8.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-d2925ed5.js → index-8983bcb8.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-639f85e2.js';
+import { _ as __rest } from './tslib.es6-24bec771.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-0f497116.js';
+import { u as useStyles } from './index.styles-fb1e56ad.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-2bc89e13.js → index-89a23808.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-639f85e2.js';
+import { a as __awaiter } from './tslib.es6-24bec771.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-4a473858.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-4c1da29a.js';
+import { I as ImageWrap } from './index-560bccf9.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-883ea25d.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-d60fb943.js';
-import { y as youtubeVidIdGetter } from './post-a61e3eec.js';
-import { L as Loading } from './index-da41c945.js';
+import { D as DEFAULT_IMG } from './constants-5560fce0.js';
+import { y as youtubeVidIdGetter } from './post-616381f3.js';
+import { L as Loading } from './index-2859c9de.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-2e4290e7.js → index-93afa7c7.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-639f85e2.js';
+import { _ as __rest } from './tslib.es6-24bec771.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-4c2d952a.js';
-import { C as CustomStylesType, F as FontWeight } from './text-a2ea8595.js';
+import { A as ANIMATION_DURATION } from './shared-ff3557c8.js';
+import { C as CustomStylesType, F as FontWeight } from './text-cb1b11d7.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-45cd613b.js → index-948aaf17.js}

@@ -2,9 +2,9 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-12b2402d.js';
-import { I as ImageWrap } from './index-4a473858.js';
-import { T as Text$1 } from './index-c5e0fb62.js';
+import { T as Text } from './index-2d1ac19a.js';
+import { I as ImageWrap } from './index-560bccf9.js';
+import { T as Text$1 } from './index-46d6f6a4.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-5bc36de9.js → index-96b3ea4d.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-7000f384.js';
+import { F as Flag } from './index-02ad6564.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-c5e0fb62.js';
-import { C as CommonGAssets } from './index-29c26618.js';
-import { _ as __rest } from './tslib.es6-639f85e2.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-5232f427.js';
-import { V as VideoType } from './index-b57295e9.js';
+import { T as Text } from './index-46d6f6a4.js';
+import { C as CommonGAssets } from './index-503ba82b.js';
+import { _ as __rest } from './tslib.es6-24bec771.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-2a880984.js';
+import { V as VideoType } from './index-767c1ac7.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-3fee0710.js';
-import { u as useTranslations } from './index-378d09e8.js';
+import { a as abbreviateNumber } from './number-c67bbb6b.js';
+import { u as useTranslations } from './index-57856caa.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-d2925ed5.js';
-import { S as SocialLinkPreview } from './index-2bc89e13.js';
+import { M as Modal } from './index-8983bcb8.js';
+import { S as SocialLinkPreview } from './index-89a23808.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-2ae5b78c.js → index-99035c85.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-f6a45f1d.js';
-import { C as CommonGAssets } from './index-29c26618.js';
+import { L as LOCALE } from './Locale-04b076d9.js';
+import { C as CommonGAssets } from './index-503ba82b.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e0c4f99f.js';
-import { L as LogoIcon } from './logoIcon-62210bce.js';
-import './index-b57295e9.js';
-import { I as ImageWrap } from './index-4a473858.js';
+import { M as MediaQueries } from './utils-6bce839e.js';
+import { L as LogoIcon } from './logoIcon-91fb5022.js';
+import './index-767c1ac7.js';
+import { I as ImageWrap } from './index-560bccf9.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-e0f63a67.js → index-9eff65f3.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-83a11b84.js';
-import { H as Heading } from './index-fe713c23.js';
-import { T as Text } from './index-c5e0fb62.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-e0c4f99f.js';
+import { B as Button } from './index-4c43e650.js';
+import { H as Heading } from './index-67416e19.js';
+import { T as Text } from './index-46d6f6a4.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-6bce839e.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-4c1da29a.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-883ea25d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-639f85e2.js';
-import { I as Input } from './index-394cbac6.js';
-import { u as useTranslations } from './index-378d09e8.js';
-import { e as formatComment } from './dataTransform-d3abbf3b.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-d60fb943.js';
+import { a as __awaiter } from './tslib.es6-24bec771.js';
+import { I as Input } from './index-3aa3c0a3.js';
+import { u as useTranslations } from './index-57856caa.js';
+import { e as formatComment } from './dataTransform-79013cd9.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-5560fce0.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-a61e3eec.js';
-import { C as CardLink } from './index-2fbbc116.js';
-import { L as Loading } from './index-da41c945.js';
-import { U as UserAvatar } from './index-14c86f99.js';
-import { R as RichTextEditor } from './editor-83d52594.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-616381f3.js';
+import { C as CardLink } from './index-53032262.js';
+import { L as Loading } from './index-2859c9de.js';
+import { U as UserAvatar } from './index-6000a944.js';
+import { R as RichTextEditor } from './editor-1476990d.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-e5c2bad4.js';
-import { C as CloseIcon } from './index-ca2ce788.js';
+import { P as Popup } from './index-311e41d1.js';
+import { C as CloseIcon } from './index-fd0c3f44.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-20af0112.js → index-a32d9f2d.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-6331a7da.js';
-import { T as Text } from './index-12b2402d.js';
+import { M as MarryBabyText } from './index-433a8a44.js';
+import { T as Text } from './index-2d1ac19a.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-403b7822.js → index-a44c0117.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-639f85e2.js';
+import { a as __awaiter } from './tslib.es6-24bec771.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-91c5cfdd.js';
-import { L as LOCALE_SPECS, f as BEARER_REFRESH_TOKEN_COOKIE } from './index-5232f427.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-4a42302d.js';
+import { L as LOCALE_SPECS, f as BEARER_REFRESH_TOKEN_COOKIE } from './index-2a880984.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-f6a45f1d.js';
+import { L as LOCALE } from './Locale-04b076d9.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-5bc8f3f2.js → index-aaa26e67.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-639f85e2.js';
+import { _ as __rest } from './tslib.es6-24bec771.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-8105a281.js';
-import { u as useTranslations } from './index-378d09e8.js';
-import { C as CommonGAssets } from './index-29c26618.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-d60fb943.js';
-import { G as GenderOptionControl } from './index-fa3b6758.js';
-import { I as Input, S as Select } from './index-7000f384.js';
-import { D as DatePicker } from './index-d94cdc2b.js';
-import './index-c5e0fb62.js';
-import './index-2e4290e7.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-b18f849d.js';
+import { u as useTranslations } from './index-57856caa.js';
+import { C as CommonGAssets } from './index-503ba82b.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-5560fce0.js';
+import { G as GenderOptionControl } from './index-714c4b56.js';
+import { I as Input, S as Select } from './index-02ad6564.js';
+import { D as DatePicker } from './index-393b0539.js';
+import './index-46d6f6a4.js';
+import './index-93afa7c7.js';
 import '@mantine/core';
-import './index.styles-0f497116.js';
+import './index.styles-fb1e56ad.js';
 import '@mantine/hooks';
-import './index-bc855a72.js';
-import './text-a2ea8595.js';
-import './utils-e0c4f99f.js';
-import './index-f58f839d.js';
-import './index-5232f427.js';
-import { H as HealthToolFormWrapper } from './index-e87c0d9d.js';
+import './index-866aebe6.js';
+import './text-cb1b11d7.js';
+import './utils-6bce839e.js';
+import './index-565b5251.js';
+import './index-2a880984.js';
+import { H as HealthToolFormWrapper } from './index-ab7c1021.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-e87c0d9d.js → index-ab7c1021.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-639f85e2.js';
+import { _ as __rest } from './tslib.es6-24bec771.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-c5e0fb62.js';
-import { B as Button } from './index-2e4290e7.js';
-import { u as useTranslations } from './index-378d09e8.js';
+import { T as Text } from './index-46d6f6a4.js';
+import { B as Button } from './index-93afa7c7.js';
+import { u as useTranslations } from './index-57856caa.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 
@@ -120,6 +120,7 @@ var useStyles$6 = createStyles((theme, { formLayout }) => {
             display: 'flex',
             flexDirection: 'column',
             gap: rem(formLayout === 'inline' ? 8 : 16),
+            borderRadius: 'inherit',
             '.mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder': {
                 color: '#8C8C8C',
             },

package/build/esm/{index-cd2dea23.js → index-b17cce1b.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-27cd5145.js';
-import { u as useTranslations } from './index-378d09e8.js';
+import { I as Icon } from './index-4b5a4703.js';
+import { u as useTranslations } from './index-57856caa.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-d6f8357c.js → index-b226c7b4.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-639f85e2.js';
+import { _ as __rest } from './tslib.es6-24bec771.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-bc855a72.js';
-import { C as CustomStylesType } from './text-a2ea8595.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-866aebe6.js';
+import { C as CustomStylesType } from './text-cb1b11d7.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-3fa73f7b.js → index-b27d56e2.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-3d33c88c.js';
-import { T as Text } from './index-c5e0fb62.js';
+import { C as Container } from './index-e90b30d9.js';
+import { T as Text } from './index-46d6f6a4.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-bacc1cb2.js → index-ba9f39b4.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-6c08f65d.js';
+import { u as useScrollbarSize } from './useScrollbarSize-83affdeb.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e0c4f99f.js';
+import { M as MediaQueries } from './utils-6bce839e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-85c4f573.js → index-bb8082a1.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-e0c4f99f.js';
+import { t as toggleNoScroll } from './utils-6bce839e.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-5af3cf67.js';
-import { T as Text } from './index-c5e0fb62.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-10fb542a.js';
+import { T as Text } from './index-46d6f6a4.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-50843ae9.js → index-c2d9ed95.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-394cbac6.js';
+import { L as Label } from './index-3aa3c0a3.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-6f9900f9.js → index-ccd7dc1e.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-639f85e2.js';
+import { _ as __rest } from './tslib.es6-24bec771.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-7000f384.js';
-import { D as DatePicker } from './index-d94cdc2b.js';
-import './index-c5e0fb62.js';
-import './index-2e4290e7.js';
-import './index.styles-0f497116.js';
-import { u as useTranslations } from './index-378d09e8.js';
+import './index-02ad6564.js';
+import { D as DatePicker } from './index-393b0539.js';
+import './index-46d6f6a4.js';
+import './index-93afa7c7.js';
+import './index.styles-fb1e56ad.js';
+import { u as useTranslations } from './index-57856caa.js';
 import '@mantine/hooks';
-import './index-bc855a72.js';
-import './text-a2ea8595.js';
-import './utils-e0c4f99f.js';
-import './index-f58f839d.js';
-import { H as HealthToolFormWrapper } from './index-e87c0d9d.js';
-import { G as GenderOptionControl } from './index-fa3b6758.js';
+import './index-866aebe6.js';
+import './text-cb1b11d7.js';
+import './utils-6bce839e.js';
+import './index-565b5251.js';
+import { H as HealthToolFormWrapper } from './index-ab7c1021.js';
+import { G as GenderOptionControl } from './index-714c4b56.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});