@hhgtech/hhg-components 1.29.445-beta-8 → 1.29.446

package/build/esm/{index-f9b1b04a.js → index-2f2f29bb.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, Group, Box, Flex, Tooltip } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-515c6bf1.js';
-import { L as LOCALE } from './Locale-04ed3b71.js';
+import { L as LastPeriod } from './LastPeriod-ee32498c.js';
+import { L as LOCALE } from './Locale-32ee16f4.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-45d9757a.js';
-import { D as DatePicker } from './index-2f5892dd.js';
-import { T as Text } from './index-05ddfbd5.js';
-import './index-62bca68c.js';
-import './index.styles-d762acb8.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { R as Radio, I as Input, S as Select } from './index-fbcce178.js';
+import { D as DatePicker } from './index-ff9b19dc.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import './index-d5633020.js';
+import './index.styles-2d06e686.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import '@mantine/hooks';
-import './index-e7081070.js';
-import './text-b2dee138.js';
-import './utils-c61baa67.js';
-import './index-8c3f7fe6.js';
-import { H as HealthToolFormWrapper } from './index-ab8becec.js';
+import './index-8dfda23b.js';
+import './text-eced7441.js';
+import './utils-9ecd77e3.js';
+import './index-c9a58600.js';
+import { H as HealthToolFormWrapper } from './index-236e029e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-32b658e4.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-8c223288.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-57329af1.js → index-2f98772e.js}

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

package/build/esm/{index-12739ce3.js → index-3079db33.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-c61baa67.js';
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { B as Breakpoints } from './utils-9ecd77e3.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-88445a8b.js → index-37002190.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-57329af1.js';
-import { T as Text } from './index-cfa994b0.js';
+import { M as MarryBabyText } from './index-2f98772e.js';
+import { T as Text } from './index-38e9a9f0.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-cfa994b0.js → index-38e9a9f0.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default from 'react';
-import './index-45d9757a.js';
+import './index-fbcce178.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-32b658e4.js';
-import './index-bd5be293.js';
-import './index-a7dc705e.js';
-import './index-e7081070.js';
-import { T as Text$1 } from './index-05ddfbd5.js';
-import './index-62bca68c.js';
-import './index.styles-d762acb8.js';
-import './translationsContext-8433386e.js';
+import './index-8c223288.js';
+import './index-8d856dbb.js';
+import './index-c169de32.js';
+import './index-8dfda23b.js';
+import { T as Text$1 } from './index-6a5e3a6f.js';
+import './index-d5633020.js';
+import './index.styles-2d06e686.js';
+import './translationsContext-75fd6255.js';
 import '@mantine/hooks';
-import './text-b2dee138.js';
-import './utils-c61baa67.js';
-import './index-8c3f7fe6.js';
+import './text-eced7441.js';
+import './utils-9ecd77e3.js';
+import './index-c9a58600.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-62f48848.js → index-41f9bb30.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-eb1b7e09.js';
-import { B as Button } from './index-0d2c367c.js';
+import { u as useTranslations } from './index-be5a7659.js';
+import { B as Button } from './index-26e83ed6.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-efd81628.js → index-4b0e4e41.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f13daadc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d3d6775d.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-8c3f7fe6.js';
-import { L as Loading } from './index-62f48848.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-72190e52.js';
+import { T as Tabs } from './index-c9a58600.js';
+import { L as Loading } from './index-41f9bb30.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-76dc08c5.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-137292cf.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-b8fd4daf.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-a7dc705e.js';
-import { I as ImageWrap } from './index-12739ce3.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-b754de69.js';
-import { S as SocialType } from './index-bd5be293.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { C as CommonGAssets } from './index-c169de32.js';
+import { I as ImageWrap } from './index-3079db33.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-99bc575e.js';
+import { S as SocialType } from './index-8d856dbb.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-45d9757a.js';
+import { A as Anchor$1 } from './index-fbcce178.js';
 import '@mantine/dates';
-import './index-32b658e4.js';
-import './index-e7081070.js';
-import { T as Text } from './index-05ddfbd5.js';
-import { B as Button } from './index-62bca68c.js';
-import './index.styles-d762acb8.js';
+import './index-8c223288.js';
+import './index-8dfda23b.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import { B as Button } from './index-d5633020.js';
+import './index.styles-2d06e686.js';
 import '@mantine/hooks';
-import './text-b2dee138.js';
-import './utils-c61baa67.js';
+import './text-eced7441.js';
+import './utils-9ecd77e3.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-a52b45f1.js';
-import { B as Button$1 } from './index-0d2c367c.js';
-import './translationsContext-8433386e.js';
+import { d as decodeMention, b as decodePostUrl } from './post-d97888e9.js';
+import { B as Button$1 } from './index-26e83ed6.js';
+import './translationsContext-75fd6255.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-ea068643.js → index-4bfef9ef.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-396f3cd4.js';
-import { T as Text } from './index-05ddfbd5.js';
+import { C as Container } from './index-5e0f8076.js';
+import { T as Text } from './index-6a5e3a6f.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-a2a30553.js → index-4c620103.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-0d2c367c.js';
-import { T as TogetherComponentGlobalContext } from './utils-137292cf.js';
+import { B as Button } from './index-26e83ed6.js';
+import { T as TogetherComponentGlobalContext } from './utils-b8fd4daf.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-4bdee69c.js → index-500479f6.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-05ddfbd5.js';
+import { T as Text } from './index-6a5e3a6f.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-3f2e1386.js → index-54282349.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.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-e7081070.js';
-import { C as CustomStylesType } from './text-b2dee138.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-8dfda23b.js';
+import { C as CustomStylesType } from './text-eced7441.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-264a5e65.js → index-5671d070.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-62bca68c.js';
+import { B as Button } from './index-d5633020.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-7bccf3d9.js → index-569114a4.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-45d9757a.js';
+import './index-fbcce178.js';
 import '@mantine/dates';
-import './index-32b658e4.js';
-import './index-bd5be293.js';
-import './index-a7dc705e.js';
-import './index-e7081070.js';
-import { T as Text } from './index-05ddfbd5.js';
-import { B as Button } from './index-62bca68c.js';
-import './index.styles-d762acb8.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import './index-8c223288.js';
+import './index-8d856dbb.js';
+import './index-c169de32.js';
+import './index-8dfda23b.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import { B as Button } from './index-d5633020.js';
+import './index.styles-2d06e686.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import '@mantine/hooks';
-import './text-b2dee138.js';
-import './utils-c61baa67.js';
-import './index-8c3f7fe6.js';
+import './text-eced7441.js';
+import './utils-9ecd77e3.js';
+import './index-c9a58600.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-9a18349f.js → index-697693d1.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-05ddfbd5.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-3050d5ab.js → index-69af4a31.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c61baa67.js';
+import { M as MediaQueries } from './utils-9ecd77e3.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-05ddfbd5.js → index-6a5e3a6f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-b2dee138.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-eced7441.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-4e4f6c87.js → index-6efd8f7a.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-ba537bf1.js';
-import { S as Spinner } from './Spinner-c1607339.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-c768bcd2.js';
+import { S as Spinner } from './Spinner-1701207a.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-62256e25.js → index-73e5fbab.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-d7baa11e.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-32b658e4.js';
-import { N as NodeIntentType } from './index-bd5be293.js';
+import { c as cookie } from './index-25c07a74.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-8c223288.js';
+import { N as NodeIntentType } from './index-8d856dbb.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-79143cec.js → index-7740d235.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f13daadc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d3d6775d.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-56dcc32c.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-cd9b21cc.js';
-import { Flex, rem, Stack, Box } from '@mantine/core';
-import { G as GenderOptionControl } from './index-8fae5f1d.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-45d9757a.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-6e58aa34.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-e8330298.js';
+import { G as GenderOptionControl } from './index-878ae459.js';
+import { I as Input } from './index-fbcce178.js';
+import '@mantine/core';
 import '@mantine/dates';
-import './index-32b658e4.js';
-import './index-bd5be293.js';
-import './index-a7dc705e.js';
-import './index-e7081070.js';
-import { T as Text } from './index-05ddfbd5.js';
-import './index-62bca68c.js';
+import './index-8c223288.js';
+import './index-8d856dbb.js';
+import './index-c169de32.js';
+import './index-8dfda23b.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import './index-d5633020.js';
 import { theme } from './miscTheme.js';
-import './index.styles-d762acb8.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import './index.styles-2d06e686.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import '@mantine/hooks';
-import './text-b2dee138.js';
-import './utils-c61baa67.js';
-import './index-8c3f7fe6.js';
-import { H as HealthToolFormWrapper } from './index-ab8becec.js';
+import './text-eced7441.js';
+import './utils-9ecd77e3.js';
+import './index-c9a58600.js';
+import { H as HealthToolFormWrapper } from './index-236e029e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 
 const BmiFormContext = createContext({});
 
 const DefaultForm = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d;
     const { t, locale } = useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps } = 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,37 +58,13 @@ 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 }));
             } }),
-        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')))));
+        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, _e, _f, _g;
+    var _a, _b, _c, _d;
     const { t, locale } = useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps } = 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) },
@@ -120,50 +96,13 @@ 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))));
             } }),
-        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')))));
+        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, withAdditionalQuestion } = _a, rest = __rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps", "withAdditionalQuestion"]);
+    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps } = _a, rest = __rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps"]);
     const [isTouched, setIsTouched] = useState(false);
-    const { control, handleSubmit, setValue, watch } = useForm({
-        defaultValues: {
-            question1: undefined,
-            question2: undefined,
-            newsletter: true,
-        },
-    });
+    const { control, handleSubmit, setValue, watch } = useForm();
     const data = watch();
     const { locale } = useTranslations();
     const { getHealthToolLink } = useHealthToolsCache(locale);
@@ -171,8 +110,13 @@ 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 = Object.assign(Object.assign({}, data), { height,
-            weight, bmi: getBmi({ height, weight }) });
+        const submitValue = {
+            gender: data.gender,
+            age: data.age,
+            height,
+            weight,
+            bmi: getBmi({ height, weight }),
+        };
         onInValid();
         onSubmitProps && onSubmitProps(submitValue);
     });
@@ -199,7 +143,6 @@ 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-750236a1.js → index-809e0b13.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-f13daadc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-0d2c367c.js';
-import { H as Heading } from './index-4bdee69c.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { B as Button } from './index-26e83ed6.js';
+import { H as Heading } from './index-500479f6.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-20e03dfd.js';
-import { C as CommonGAssets } from './index-a7dc705e.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-cd9b21cc.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-a177ecbc.js';
+import { C as CommonGAssets } from './index-c169de32.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-e8330298.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-137292cf.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-15d98bda.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-b8fd4daf.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-5457e14c.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c61baa67.js';
+import { M as MediaQueries } from './utils-9ecd77e3.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-72190e52.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-76dc08c5.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-9d55b0ab.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-b754de69.js';
-import { a as ProfileDetail, P as PostContent } from './index-efd81628.js';
-import { a as PostImagePreview } from './index-478fd4fe.js';
-import { S as SocialLinkPreview } from './index-3cb55be4.js';
-import { D as Divider } from './index-6991bdef.js';
-import './index-32b658e4.js';
+import { C as CardLink } from './index-b8767744.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-99bc575e.js';
+import { a as ProfileDetail, P as PostContent } from './index-4b0e4e41.js';
+import { a as PostImagePreview } from './index-87a5e8aa.js';
+import { S as SocialLinkPreview } from './index-134ef8da.js';
+import { D as Divider } from './index-eb5e0753.js';
+import './index-8c223288.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-28cbffd4.js';
-import { T as Text } from './index-05ddfbd5.js';
-import { L as Loading } from './index-7d959530.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-e60f856f.js';
+import { I as Input } from './index-8542e2a7.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import { L as Loading } from './index-a39845d4.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-cb899a3d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-571f7911.js → index-85409d38.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-b2dee138.js';
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-eced7441.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-28cbffd4.js → index-8542e2a7.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-c61baa67.js';
+import { M as MediaQueries } from './utils-9ecd77e3.js';
 
 const StyledInput = styled.div `
   position: relative;