@hhgtech/hhg-components 1.29.537 → 1.29.539

package/build/esm/{index-fd5bc4cf.js → index-7c825f02.js}

@@ -1,55 +1,55 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-11813bd0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f0d09e2c.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useCallback, useMemo, useEffect, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-2139eb9c.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-2510b14b.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-62c03d81.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-196c6012.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-d2260963.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-a124e73c.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-eb43962d.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-49a5da3a.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Input, D as DEBOUNCED_TIME } from './index-dbf8ceb4.js';
-import './translationsContext-92d2d4f1.js';
-import { L as LOCALE } from './Locale-a0aed04c.js';
+import { I as Input, D as DEBOUNCED_TIME } from './index-92201aad.js';
+import './translationsContext-42ddfdb4.js';
+import { L as LOCALE } from './Locale-b4a257b5.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-c411ec0f.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-93b7eac8.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx, Flex } from '@mantine/core';
-import { L as Logo$1 } from './index-19eed606.js';
+import { L as Logo$1 } from './index-b8489a5c.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-68a5b57e.js';
-import { C as CommonGAssets } from './index-e29f7a19.js';
-import './index-4947e562.js';
-import { T as Text } from './index-757e3ae0.js';
-import { B as Button } from './index-6469d642.js';
-import './index-a7e16869.js';
-import './index.styles-4aec61a2.js';
+import { V as VideoType } from './index-8733daab.js';
+import { C as CommonGAssets } from './index-6f99d75b.js';
+import './index-490ccaf9.js';
+import { T as Text } from './index-f96d3480.js';
+import { B as Button } from './index-6ff62fc7.js';
+import './index-6d323d6f.js';
+import './index.styles-8e767c15.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-3357e1d3.js';
-import './index-a0162585.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-a45a83c4.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5fbfbf99.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-9b3289e6.js';
-import { I as Indicator$1 } from './index-01cdc43a.js';
-import { u as useTranslations } from './index-bada30da.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-b3feb133.js';
-import { L as LOCALIZED_SLUGS } from './constants-370465a1.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-2f779156.js';
+import './index-5293388d.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-63046638.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c82127df.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-27ab1ac9.js';
+import { I as Indicator$1 } from './index-71637102.js';
+import { u as useTranslations } from './index-b3116160.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-7f0fe1f3.js';
+import { L as LOCALIZED_SLUGS } from './constants-acb8cae2.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-366e2178.js';
-import { H as Heading } from './index-4eabf27a.js';
-import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-d0fd2a3c.js';
-import { C as Container } from './index-e3721a7a.js';
+import { B as Button$1 } from './index-3bd6dcfa.js';
+import { H as Heading } from './index-67e8610f.js';
+import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-ed262964.js';
+import { C as Container } from './index-c35cc389.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-c1e51ba3.js';
+import { U as UserAvatar } from './index-2ac6d404.js';
 import get from 'lodash/get';
-import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-fa5aa76c.js';
+import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-af951312.js';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-8cab2530.js';
+import { C as CartCareButton } from './index-638eddc7.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-000b2087.js';
+import { g as getDataWithCache } from './core-cb09db67.js';
 
 const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),

package/build/esm/{index-74fcc900.js → index-840dec81.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-11813bd0.js';
+import { _ as __rest } from './tslib.es6-f0d09e2c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-4aec61a2.js';
+import { u as useStyles } from './index.styles-8e767c15.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-68a5b57e.js → index-8733daab.js}

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

package/build/esm/{index-b16e3859.js → index-8a721ff4.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-3357e1d3.js';
-import { _ as __rest } from './tslib.es6-11813bd0.js';
+import { B as Breakpoints } from './utils-2f779156.js';
+import { _ as __rest } from './tslib.es6-f0d09e2c.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-b0f1f0d6.js → index-8b45e7cd.js}

@@ -1,38 +1,38 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-bada30da.js';
+import { u as useTranslations } from './index-b3116160.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-e29f7a19.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-62c03d81.js';
+import { C as CommonGAssets } from './index-6f99d75b.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-eb43962d.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, S as ShapedArrowDown } from './index-71275302.js';
-import { g as getTogetherUserPostsApiPath } from './utils-d0fd2a3c.js';
-import { B as Button } from './index-366e2178.js';
-import { w as workingDays } from './types-61343def.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, S as ShapedArrowDown } from './index-bea8e3bc.js';
+import { g as getTogetherUserPostsApiPath } from './utils-ed262964.js';
+import { B as Button } from './index-3bd6dcfa.js';
+import { w as workingDays } from './types-3fd52fab.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-3357e1d3.js';
+import { M as MediaQueries } from './utils-2f779156.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-2510b14b.js';
-import { L as LOCALISED_SLUGS } from './constants-9b3289e6.js';
-import { T as Text } from './index-12e7f15d.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-94378c7e.js';
-import { a as __awaiter } from './tslib.es6-11813bd0.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-a124e73c.js';
+import { L as LOCALISED_SLUGS } from './constants-27ab1ac9.js';
+import { T as Text } from './index-2261b115.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-c8e55f14.js';
+import { a as __awaiter } from './tslib.es6-f0d09e2c.js';
 import { useDisclosure } from '@mantine/hooks';
-import { D as DrawerBottom } from './index-bee6ea88.js';
-import { u as useTextStyles, T as TextField } from './index-3f1f8371.js';
+import { D as DrawerBottom } from './index-75dfd6f0.js';
+import { u as useTextStyles, T as TextField } from './index-8fb8017c.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-dbf8ceb4.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-a7e16869.js';
-import { B as Button$1 } from './index-6469d642.js';
-import { M as MAPPED_LOCALE } from './index-4947e562.js';
-import { T as Text$1 } from './index-757e3ae0.js';
-import { G as GenderOptionControl } from './index-ada07a41.js';
-import { C as Close } from './index-b59d12bb.js';
-import { M as MAPPED_LOCALE$1 } from './utils-8336f552.js';
-import { I as ImageWrap } from './index-b16e3859.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-29c5bcc0.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-92201aad.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-6d323d6f.js';
+import { B as Button$1 } from './index-6ff62fc7.js';
+import { M as MAPPED_LOCALE } from './index-490ccaf9.js';
+import { T as Text$1 } from './index-f96d3480.js';
+import { G as GenderOptionControl } from './index-0a28fd13.js';
+import { C as Close } from './index-45b98ce5.js';
+import { M as MAPPED_LOCALE$1 } from './utils-45a23f5b.js';
+import { I as ImageWrap } from './index-8a721ff4.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-69807b8f.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-8207d4b3.js → index-8c31f669.js}

@@ -1,29 +1,29 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-11813bd0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f0d09e2c.js';
 import React__default, { createContext, useState, useContext, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-926372ae.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-9b3289e6.js';
-import { createStyles, Flex, Box, useMantineTheme, Menu, rem, UnstyledButton, Text as Text$1, Grid, clsx, Stack } from '@mantine/core';
-import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-dbf8ceb4.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-3d7597e2.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-27ab1ac9.js';
+import { createStyles, Flex, Box, useMantineTheme, Menu, rem, UnstyledButton, Text as Text$1, Stack, clsx, Grid } from '@mantine/core';
+import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-92201aad.js';
 import '@mantine/dates';
-import './index-2510b14b.js';
-import './index-68a5b57e.js';
-import './index-e29f7a19.js';
-import './index-4947e562.js';
-import { T as Text } from './index-757e3ae0.js';
-import './index-6469d642.js';
-import { T as TemplateProvider, C as CustomStylesType } from './index-a7e16869.js';
-import './index.styles-4aec61a2.js';
-import { u as useTranslations } from './index-bada30da.js';
+import './index-a124e73c.js';
+import './index-8733daab.js';
+import './index-6f99d75b.js';
+import './index-490ccaf9.js';
+import { T as Text } from './index-f96d3480.js';
+import './index-6ff62fc7.js';
+import { T as TemplateProvider, C as CustomStylesType } from './index-6d323d6f.js';
+import './index.styles-8e767c15.js';
+import { u as useTranslations } from './index-b3116160.js';
 import '@mantine/hooks';
-import './utils-3357e1d3.js';
-import './index-a0162585.js';
-import { H as HealthToolFormWrapper } from './index-a0995468.js';
-import { C as ChevronDown } from './ChevronDown-9dc4b140.js';
-import { C as CardWrapperContext } from './context-60fd1291.js';
-import { G as GenderOptionControl } from './index-ada07a41.js';
+import './utils-2f779156.js';
+import './index-5293388d.js';
+import { H as HealthToolFormWrapper } from './index-fe673290.js';
+import { C as ChevronDown } from './ChevronDown-b58d8bc2.js';
+import { C as CardWrapperContext } from './context-30c1f32b.js';
+import { G as GenderOptionControl } from './index-0a28fd13.js';
 import '@hhgtech/icons/other';
-import { L as LOCALE } from './Locale-a0aed04c.js';
+import { L as LOCALE } from './Locale-b4a257b5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 
@@ -158,84 +158,76 @@ const DefaultForm = (props) => {
     };
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default.createElement(HealthToolDefaultLayout$1, { isMobile: props.isMobile, gutter: 4 },
-            React__default.createElement(HealthToolDefaultLayout$1.Row, { px: 16 },
-                React__default.createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    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("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.GenderControl, { LabelWrapper: HealthToolDefaultLayout$1.Label, error: undefined, onChange: onChange, gap: 4 }),
-                                (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } })),
-                React__default.createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    React__default.createElement(Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+            React__default.createElement(Stack, { spacing: 4, px: 16 },
+                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("div", null,
+                            React__default.createElement(HealthToolDefaultLayout$1.GenderControl, { LabelWrapper: HealthToolDefaultLayout$1.Label, error: undefined, onChange: onChange, gap: 4 }),
+                            (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } }),
+                React__default.createElement(Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                        return (React__default.createElement("div", null,
+                            React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.ageInput')), placeholder: t('tools.inputPlaceholder', {
+                                    content: '25',
+                                }), name: name, value: value, onChange: onChange, min: 0, rightSection: t('bmi.ageInput.desc'), classNames: {
+                                    rightSection: formWrapperClasses.inputRightSection,
+                                } }),
+                            (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } }),
+                React__default.createElement(Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                        return (React__default.createElement("div", null,
+                            React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.heightInput')), placeholder: t('tools.inputPlaceholder', {
+                                    content: unitSystem === 'imperial' ? 6 : 170,
+                                }), name: name, value: value, onChange: onChange, min: 0, precision: 1, inputMode: "decimal", rightSection: enableUnitPicker ? (React__default.createElement(FitnessToolUnitPicker, { displayValue: unitHeight, field: "height", onChange: onUnitChange })) : (t('bmi.heightInput.desc')), rightSectionWidth: 70, classNames: {
+                                    rightSection: formWrapperClasses.inputRightSection,
+                                }, styles: !enableUnitPicker
+                                    ? () => ({
+                                        rightSection: {
+                                            paddingRight: 0,
+                                        },
+                                    })
+                                    : undefined }),
+                            (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } }),
+                React__default.createElement(Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                        return (React__default.createElement("div", null,
+                            React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.weightInput')), placeholder: t('tools.inputPlaceholder', {
+                                    content: unitSystem === 'imperial' ? 130 : 60,
+                                }), name: name, value: value, onChange: onChange, precision: 1, inputMode: "decimal", min: 0, rightSection: enableUnitPicker ? (React__default.createElement(FitnessToolUnitPicker, { displayValue: unitWeight, field: "weight", onChange: onUnitChange })) : (t('bmi.weightInput.desc')), rightSectionWidth: 70, classNames: {
+                                    rightSection: formWrapperClasses.inputRightSection,
+                                }, styles: !enableUnitPicker
+                                    ? () => ({
+                                        rightSection: {
+                                            paddingRight: 0,
+                                        },
+                                    })
+                                    : undefined }),
+                            (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } })),
+            withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Stack, { spacing: 4, px: 16 },
+                    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("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.ageInput')), placeholder: t('tools.inputPlaceholder', {
-                                        content: '25',
-                                    }), name: name, value: value, onChange: onChange, min: 0, rightSection: t('bmi.ageInput.desc'), classNames: {
-                                        rightSection: formWrapperClasses.inputRightSection,
-                                    } }),
+                                React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Question1Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg" },
+                                    React__default.createElement(Flex, { gap: "lg" },
+                                        React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
+                                        React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
                                 (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } })),
-                React__default.createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    React__default.createElement(Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                        } }),
+                    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("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.heightInput')), placeholder: t('tools.inputPlaceholder', {
-                                        content: unitSystem === 'imperial' ? 6 : 170,
-                                    }), name: name, value: value, onChange: onChange, min: 0, precision: 1, inputMode: "decimal", rightSection: enableUnitPicker ? (React__default.createElement(FitnessToolUnitPicker, { displayValue: unitHeight, field: "height", onChange: onUnitChange })) : (t('bmi.heightInput.desc')), rightSectionWidth: 70, classNames: {
-                                        rightSection: formWrapperClasses.inputRightSection,
-                                    }, styles: !enableUnitPicker
-                                        ? () => ({
-                                            rightSection: {
-                                                paddingRight: 0,
-                                            },
-                                        })
-                                        : undefined }),
+                                React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Question2Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg", description: locale !== LOCALE.Malaysia && (React__default.createElement(Question2Description, { LabelWrapper: HealthToolDefaultLayout$1.SubLabel })) },
+                                    React__default.createElement(Flex, { gap: "lg" },
+                                        React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
+                                        React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
                                 (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
                         } })),
-                React__default.createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    React__default.createElement(Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                            return (React__default.createElement("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.weightInput')), placeholder: t('tools.inputPlaceholder', {
-                                        content: unitSystem === 'imperial' ? 130 : 60,
-                                    }), name: name, value: value, onChange: onChange, precision: 1, inputMode: "decimal", min: 0, rightSection: enableUnitPicker ? (React__default.createElement(FitnessToolUnitPicker, { displayValue: unitWeight, field: "weight", onChange: onUnitChange })) : (t('bmi.weightInput.desc')), rightSectionWidth: 70, classNames: {
-                                        rightSection: formWrapperClasses.inputRightSection,
-                                    }, styles: !enableUnitPicker
-                                        ? () => ({
-                                            rightSection: {
-                                                paddingRight: 0,
-                                            },
-                                        })
-                                        : undefined }),
-                                (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } }))),
-            withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Grid, { gutter: 4, px: 16 },
-                    React__default.createElement(HealthToolDefaultLayout$1.Col, 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("div", null,
-                                    React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Question1Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg" },
-                                        React__default.createElement(Flex, { gap: "lg" },
-                                            React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
-                                            React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
-                                    (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                            } })),
-                    React__default.createElement(HealthToolDefaultLayout$1.Col, null,
-                        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("div", null,
-                                    React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Question2Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg", description: locale !== LOCALE.Malaysia && (React__default.createElement(Question2Description, { LabelWrapper: HealthToolDefaultLayout$1.SubLabel })) },
-                                        React__default.createElement(Flex, { gap: "lg" },
-                                            React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
-                                            React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
-                                    (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                            } }))),
                 React__default.createElement(Box, { className: clsx(formWrapperClasses.newsletterBlock, cardWrapperClasses.newsletterBlock) },
-                    React__default.createElement(Grid, { gutter: 8, px: 16, py: 12 },
-                        React__default.createElement(HealthToolDefaultLayout$1.Col, null,
-                            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(NewsletterCheckbox, Object.assign({ size: "sm", onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
-                                } })),
-                        React__default.createElement(HealthToolDefaultLayout$1.Col, null,
-                            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", fullWidth: true }, submitProps), t('bmi.submit'))))))) : (React__default.createElement(Box, { px: 16, sx: { paddingBottom: 8 } },
+                    React__default.createElement(Stack, { spacing: 8, px: 16, py: 12 },
+                        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(NewsletterCheckbox, Object.assign({ size: "sm", 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", fullWidth: true }, submitProps), t('bmi.submit')))))) : (React__default.createElement(Box, { px: 16, sx: { paddingBottom: 8 } },
                 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", fullWidth: true }, submitProps), t('bmi.submit')))))));
 };
 

package/build/esm/{index-0da7b26a.js → index-8d14ade5.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-11813bd0.js';
+import { _ as __rest } from './tslib.es6-f0d09e2c.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-4947e562.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-a7e16869.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-490ccaf9.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-6d323d6f.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-3f1f8371.js → index-8fb8017c.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-a7e16869.js';
-import { _ as __rest } from './tslib.es6-11813bd0.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-6d323d6f.js';
+import { _ as __rest } from './tslib.es6-f0d09e2c.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-96c52ed8.js → index-9214d6d0.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-366e2178.js';
-import { u as useTranslations } from './index-bada30da.js';
+import { B as Button } from './index-3bd6dcfa.js';
+import { u as useTranslations } from './index-b3116160.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-dbf8ceb4.js → index-92201aad.js}

@@ -1,25 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-11813bd0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f0d09e2c.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-e29f7a19.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-a7e16869.js';
-import { u as useScreenSize, I as ImageWrap } from './index-b16e3859.js';
+import { C as CommonGAssets } from './index-6f99d75b.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-6d323d6f.js';
+import { u as useScreenSize, I as ImageWrap } from './index-8a721ff4.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-757e3ae0.js';
-import { t as themeColors } from './index-4947e562.js';
+import { T as Text } from './index-f96d3480.js';
+import { t as themeColors } from './index-490ccaf9.js';
 import { theme } from './miscTheme.js';
-import { A as ANIMATION_DURATION } from './shared-fa77375e.js';
+import { A as ANIMATION_DURATION } from './shared-7b464b6a.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-e7a4a140.js';
+import { a as useUniqueId } from './useUniqueId-3255fd6d.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-6469d642.js';
+import { B as Button } from './index-6ff62fc7.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-c411ec0f.js → index-93b7eac8.js}

@@ -1,21 +1,21 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-11813bd0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f0d09e2c.js';
 import * as React from 'react';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-39864977.js';
-import { A as Avatar } from './index-dbf8ceb4.js';
-import { B as Button } from './index-6469d642.js';
-import { T as Text } from './index-757e3ae0.js';
-import { u as useTranslations } from './index-bada30da.js';
-import { C as CommonGAssets } from './index-e29f7a19.js';
+import { S as Spinner } from './Spinner-a7300fde.js';
+import { A as Avatar } from './index-92201aad.js';
+import { B as Button } from './index-6ff62fc7.js';
+import { T as Text } from './index-f96d3480.js';
+import { u as useTranslations } from './index-b3116160.js';
+import { C as CommonGAssets } from './index-6f99d75b.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-3357e1d3.js';
+import { M as MediaQueries } from './utils-2f779156.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE, e as LOCALE_HAS_CART_CARE_SITE } from './index-2510b14b.js';
-import { d as domainLocalesMarryBaby } from './utils-6b9396a2.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-62c03d81.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE, e as LOCALE_HAS_CART_CARE_SITE } from './index-a124e73c.js';
+import { d as domainLocalesMarryBaby } from './utils-8841c559.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-eb43962d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-a3923028.js → index-988dcbba.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-11813bd0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f0d09e2c.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-a0162585.js';
-import { L as Loading } from './index-be0bde38.js';
-import './index-68a5b57e.js';
-import { b as formatArticle } from './dataTransform-196c6012.js';
+import { T as Tabs } from './index-5293388d.js';
+import { L as Loading } from './index-1a2e3c48.js';
+import './index-8733daab.js';
+import { b as formatArticle } from './dataTransform-49a5da3a.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath } from './utils-6b9396a2.js';
+import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath } from './utils-8841c559.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-3fbff82e.js';
-import { L as LOCALE } from './Locale-a0aed04c.js';
+import { C as CardAuthor } from './index-00a54472.js';
+import { L as LOCALE } from './Locale-b4a257b5.js';
 import '@hhgtech/icons/other';
-import './index-6469d642.js';
-import './shared-fa77375e.js';
-import './index-a7e16869.js';
-import './index-757e3ae0.js';
-import './index-bada30da.js';
-import './translationsContext-92d2d4f1.js';
-import './index-366e2178.js';
-import './index-c55d82ee.js';
+import './index-6ff62fc7.js';
+import './shared-7b464b6a.js';
+import './index-6d323d6f.js';
+import './index-f96d3480.js';
+import './index-b3116160.js';
+import './translationsContext-42ddfdb4.js';
+import './index-3bd6dcfa.js';
+import './index-64f2202f.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-9b3289e6.js';
+import './constants-27ab1ac9.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-3357e1d3.js';
-import './index-803d76de.js';
-import './paths-068ccc69.js';
-import './constants-370465a1.js';
-import './index-2510b14b.js';
+import './utils-2f779156.js';
+import './index-010250c5.js';
+import './paths-12e5c929.js';
+import './constants-acb8cae2.js';
+import './index-a124e73c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-d0dcbcfd.js';
+import './index-213b9bfe.js';
 import './miscTheme.js';
-import './WhatsApp-f59cb585.js';
-import './Spinner-39864977.js';
-import './index-c1e51ba3.js';
+import './WhatsApp-49fee288.js';
+import './Spinner-a7300fde.js';
+import './index-2ac6d404.js';
 import '@emotion/styled';
-import './index-b16e3859.js';
-import './index-e29f7a19.js';
-import './index-96c52ed8.js';
+import './index-8a721ff4.js';
+import './index-6f99d75b.js';
+import './index-9214d6d0.js';
 import '@emotion/react';
-import './index-4eabf27a.js';
-import './index-74fcc900.js';
-import './index.styles-4aec61a2.js';
+import './index-67e8610f.js';
+import './index-840dec81.js';
+import './index.styles-8e767c15.js';
 
 const ProfileDetailContext = createContext({});