@hhgtech/hhg-components 1.29.537-beta-3 → 1.29.537-beta-4

package/build/healthToolsForm.js

@@ -2,67 +2,67 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-648eaf2f.js');
-var index$1 = require('./index-52af4ad2.js');
-var index$2 = require('./index-1fc1d977.js');
-var index$3 = require('./index-497120a5.js');
-var index$4 = require('./index-35c19e6a.js');
-var index$5 = require('./index-3e5dc60a.js');
-var index$6 = require('./index-fb30f730.js');
-require('./tslib.es6-9ac5549a.js');
+var index = require('./index-a90b97cb.js');
+var index$1 = require('./index-1972ec20.js');
+var index$2 = require('./index-1f1b2c7d.js');
+var index$3 = require('./index-bd0514af.js');
+var index$4 = require('./index-a27c0a13.js');
+var index$5 = require('./index-01364ea1.js');
+var index$6 = require('./index-8bee2514.js');
+require('./tslib.es6-aa0ef576.js');
 require('react');
 require('@mantine/core');
 require('date-fns');
-require('./LastPeriod-e5694279.js');
-require('./Locale-dba5fcb9.js');
+require('./LastPeriod-91c8c10e.js');
+require('./Locale-8936789a.js');
 require('@mantine/form');
 require('dayjs');
-require('./index-e53dd36e.js');
+require('./index-be8fbec7.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-3c80f703.js');
+require('./index-be0984c5.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./index-4d8e0f62.js');
-require('./index-21741616.js');
-require('./utils-42f212ac.js');
+require('./index-7b032a4b.js');
+require('./index-29edd632.js');
+require('./utils-4a3ad705.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-5436ffbb.js');
-require('./index-e39e07bb.js');
-require('./index-48f91560.js');
+require('./index-6c17242d.js');
+require('./index-4e6c82c9.js');
+require('./index-90f1d1f8.js');
 require('@mantine/notifications');
-require('./index-1abd3ffd.js');
+require('./index-f155e2fe.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
-require('./shared-528ae0ba.js');
+require('./shared-64daf61e.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-03c582fc.js');
+require('./useUniqueId-540219f3.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
-require('./index-69fddd51.js');
-require('./index-6587ac86.js');
+require('./index-e3a870b6.js');
+require('./index-1281de8f.js');
 require('@mantine/dates');
-require('./index.styles-2ebed065.js');
-require('./index-8772a676.js');
-require('./translationsContext-3a60a1ee.js');
-require('./index-8648c52b.js');
-require('./index-ebef701a.js');
+require('./index.styles-ce90e31e.js');
+require('./index-0e6f7b67.js');
+require('./translationsContext-7aa712d5.js');
+require('./index-d41aeaa6.js');
+require('./index-8fb957c7.js');
 require('react-keyed-flatten-children');
-require('./context-3557cf5e.js');
+require('./context-3382d7d9.js');
 require('react-hook-form');
-require('./useHealthToolCache-70e74920.js');
+require('./useHealthToolCache-586b2798.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-58d7bc98.js');
-require('./core-92efe200.js');
-require('./constants-decdb7ba.js');
-require('./ChevronDown-8da0d986.js');
-require('./index-f4742f3d.js');
+require('./normalizeLink-16ac5577.js');
+require('./core-d472d379.js');
+require('./constants-11566314.js');
+require('./ChevronDown-fa5e3579.js');
+require('./index-577356c5.js');
 require('./embeddedHeathToolCards_helpers.js');
-require('./constants-5335cbbc.js');
+require('./constants-a56f52df.js');
 
 
 

package/build/hooks.js

@@ -2,28 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-8772a676.js');
-var useScrollbarSize = require('./useScrollbarSize-471e5531.js');
-var usePhoneValidator = require('./usePhoneValidator-9f60a6a3.js');
-var useHealthToolCache = require('./useHealthToolCache-70e74920.js');
-var useCartCareService = require('./useCartCareService-b3a6f0d0.js');
-var useOutsideClick = require('./useOutsideClick-84599d7d.js');
-var useUniqueId = require('./useUniqueId-03c582fc.js');
+var index = require('./index-0e6f7b67.js');
+var useScrollbarSize = require('./useScrollbarSize-67b4f1bf.js');
+var usePhoneValidator = require('./usePhoneValidator-c2661f03.js');
+var useHealthToolCache = require('./useHealthToolCache-586b2798.js');
+var useCartCareService = require('./useCartCareService-1d5fb70b.js');
+var useOutsideClick = require('./useOutsideClick-b90728a8.js');
+var useUniqueId = require('./useUniqueId-540219f3.js');
 require('react');
-require('./translationsContext-3a60a1ee.js');
+require('./translationsContext-7aa712d5.js');
 require('lodash/debounce');
-require('./tslib.es6-9ac5549a.js');
+require('./tslib.es6-aa0ef576.js');
 require('./miscCookieHelper.js');
-require('./index-48f91560.js');
-require('./Locale-dba5fcb9.js');
+require('./index-90f1d1f8.js');
+require('./Locale-8936789a.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-58d7bc98.js');
+require('./normalizeLink-16ac5577.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./core-92efe200.js');
+require('./core-d472d379.js');
 require('zustand');
 require('zustand/middleware');
-require('./index-1abd3ffd.js');
+require('./index-f155e2fe.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');

package/build/i18n.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-3a60a1ee.js');
-var translationsProvider = require('./translationsProvider-6a052de7.js');
+var translationsContext = require('./translationsContext-7aa712d5.js');
+var translationsProvider = require('./translationsProvider-bf3a29da.js');
 require('react');
 require('./i18n-values/en-PH.js');
 require('./i18n-values/hi-IN.js');

package/build/i18nV2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-3a60a1ee.js');
+var translationsContext = require('./translationsContext-7aa712d5.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-3e5dc60a.js → index-01364ea1.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-9ac5549a.js');
+var tslib_es6 = require('./tslib.es6-aa0ef576.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-e53dd36e.js');
-var index$3 = require('./index-6587ac86.js');
-var index$4 = require('./index-5436ffbb.js');
-require('./index-69fddd51.js');
-require('./index-4d8e0f62.js');
-require('./index.styles-2ebed065.js');
-var index = require('./index-8772a676.js');
+require('./index-be8fbec7.js');
+var index$3 = require('./index-1281de8f.js');
+var index$4 = require('./index-6c17242d.js');
+require('./index-e3a870b6.js');
+require('./index-7b032a4b.js');
+require('./index.styles-ce90e31e.js');
+var index = require('./index-0e6f7b67.js');
 require('@mantine/hooks');
-require('./index-e39e07bb.js');
-require('./utils-42f212ac.js');
-require('./index-8648c52b.js');
-var context = require('./context-3557cf5e.js');
-var index$1 = require('./index-ebef701a.js');
-var index$2 = require('./index-f4742f3d.js');
+require('./index-4e6c82c9.js');
+require('./utils-4a3ad705.js');
+require('./index-d41aeaa6.js');
+var context = require('./context-3382d7d9.js');
+var index$1 = require('./index-8fb957c7.js');
+var index$2 = require('./index-577356c5.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-8772a676.js → index-0e6f7b67.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-3a60a1ee.js');
+var translationsContext = require('./translationsContext-7aa712d5.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-fc2fb56b.js → index-102e14ea.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-9ac5549a.js');
+var tslib_es6 = require('./tslib.es6-aa0ef576.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-e53dd36e.js');
-var index = require('./index-4d8e0f62.js');
+var index$1 = require('./index-be8fbec7.js');
+var index = require('./index-7b032a4b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6587ac86.js → index-1281de8f.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-9ac5549a.js');
+var tslib_es6 = require('./tslib.es6-aa0ef576.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-1abd3ffd.js');
-require('./index-48f91560.js');
-var index$2 = require('./index-3c80f703.js');
-var index$1 = require('./index-e39e07bb.js');
-var Locale = require('./Locale-dba5fcb9.js');
+var index = require('./index-f155e2fe.js');
+require('./index-90f1d1f8.js');
+var index$2 = require('./index-be0984c5.js');
+var index$1 = require('./index-4e6c82c9.js');
+var Locale = require('./Locale-8936789a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-29e4295f.js → index-18c62ce4.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-9ac5549a.js');
+var tslib_es6 = require('./tslib.es6-aa0ef576.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-1b9a6749.js');
-var index = require('./index-8772a676.js');
+var index$8 = require('./index-983a4f75.js');
+var index = require('./index-0e6f7b67.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-e53dd36e.js');
+var index$5 = require('./index-be8fbec7.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-1abd3ffd.js');
-require('./index-48f91560.js');
-require('./index-3c80f703.js');
-require('./index-e39e07bb.js');
-var index$2 = require('./index-5436ffbb.js');
-var index$1 = require('./index-69fddd51.js');
-require('./index-4d8e0f62.js');
-require('./index.styles-2ebed065.js');
+require('./index-f155e2fe.js');
+require('./index-90f1d1f8.js');
+require('./index-be0984c5.js');
+require('./index-4e6c82c9.js');
+var index$2 = require('./index-6c17242d.js');
+var index$1 = require('./index-e3a870b6.js');
+require('./index-7b032a4b.js');
+require('./index.styles-ce90e31e.js');
 require('@mantine/hooks');
-var utils = require('./utils-42f212ac.js');
-require('./index-8648c52b.js');
-var index$3 = require('./index-f24571c4.js');
-var togetherComponentGlobalContext = require('./utils-1207a2ee.js');
+var utils = require('./utils-4a3ad705.js');
+require('./index-d41aeaa6.js');
+var index$3 = require('./index-ae00093a.js');
+var togetherComponentGlobalContext = require('./utils-dec0748f.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-6499903b.js');
-var constants = require('./constants-decdb7ba.js');
-var post = require('./post-7b867d74.js');
-var togetherMoleculesCardAuthor = require('./index-f1f42c34.js');
-var togetherRichTextEditor = require('./editor-fe358205.js');
-var index$4 = require('./index-ab2e8c38.js');
+var dataTransform = require('./dataTransform-70a55b8c.js');
+var constants = require('./constants-11566314.js');
+var post = require('./post-af8710d6.js');
+var togetherMoleculesCardAuthor = require('./index-7a3740f7.js');
+var togetherRichTextEditor = require('./editor-88dfd900.js');
+var index$4 = require('./index-f3870b75.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-dec6e538.js');
-var index$7 = require('./index-fd08ecb2.js');
-var index$9 = require('./index-7ac6b545.js');
-var Locale = require('./Locale-dba5fcb9.js');
+var index$6 = require('./index-d405bf89.js');
+var index$7 = require('./index-421d0649.js');
+var index$9 = require('./index-4d6809d5.js');
+var Locale = require('./Locale-8936789a.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-ee3c89ac.js');
-var togetherMoleculesPostImagePreview = require('./index-4669133e.js');
-var index$d = require('./index-ec68f6a7.js');
+var index$a = require('./index-b44efaec.js');
+var togetherMoleculesPostImagePreview = require('./index-5738f962.js');
+var index$d = require('./index-81baf13a.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-03c582fc.js');
-var index$b = require('./index-bfa24200.js');
-var index$c = require('./index-7d8b5853.js');
+var useUniqueId = require('./useUniqueId-540219f3.js');
+var index$b = require('./index-6a041427.js');
+var index$c = require('./index-fc944cda.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-711a0ac7.js → index-19350a79.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-42f212ac.js');
+var utils = require('./utils-4a3ad705.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-441d2243.js');
-var index = require('./index-5436ffbb.js');
+var animation = require('./animation-d365ebcf.js');
+var index = require('./index-6c17242d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-52af4ad2.js → index-1972ec20.js}

@@ -1,31 +1,31 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-9ac5549a.js');
+var tslib_es6 = require('./tslib.es6-aa0ef576.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-70e74920.js');
-var constants = require('./constants-decdb7ba.js');
+var useHealthToolCache = require('./useHealthToolCache-586b2798.js');
+var constants = require('./constants-11566314.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-e53dd36e.js');
+var index$2 = require('./index-be8fbec7.js');
 require('@mantine/dates');
-require('./index-1abd3ffd.js');
-require('./index-48f91560.js');
-require('./index-3c80f703.js');
-require('./index-e39e07bb.js');
-var index$1 = require('./index-5436ffbb.js');
-require('./index-69fddd51.js');
-var index$5 = require('./index-4d8e0f62.js');
-require('./index.styles-2ebed065.js');
-var index = require('./index-8772a676.js');
+require('./index-f155e2fe.js');
+require('./index-90f1d1f8.js');
+require('./index-be0984c5.js');
+require('./index-4e6c82c9.js');
+var index$1 = require('./index-6c17242d.js');
+require('./index-e3a870b6.js');
+var index$5 = require('./index-7b032a4b.js');
+require('./index.styles-ce90e31e.js');
+var index = require('./index-0e6f7b67.js');
 require('@mantine/hooks');
-require('./utils-42f212ac.js');
-require('./index-8648c52b.js');
-var index$3 = require('./index-ebef701a.js');
-var ChevronDown = require('./ChevronDown-8da0d986.js');
-var context = require('./context-3557cf5e.js');
-var index$4 = require('./index-f4742f3d.js');
+require('./utils-4a3ad705.js');
+require('./index-d41aeaa6.js');
+var index$3 = require('./index-8fb957c7.js');
+var ChevronDown = require('./ChevronDown-fa5e3579.js');
+var context = require('./context-3382d7d9.js');
+var index$4 = require('./index-577356c5.js');
 require('@hhgtech/icons/other');
-var Locale = require('./Locale-dba5fcb9.js');
+var Locale = require('./Locale-8936789a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
 
@@ -164,84 +164,76 @@ const DefaultForm = (props) => {
     };
     return (React__default["default"].createElement(index$3.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default["default"].createElement(HealthToolDefaultLayout$1, { isMobile: props.isMobile, gutter: 4 },
-            React__default["default"].createElement(HealthToolDefaultLayout$1.Row, { px: 16 },
-                React__default["default"].createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
-                                React__default["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["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } })),
-                React__default["default"].createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    React__default["default"].createElement(reactHookForm.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["default"].createElement(core.Stack, { spacing: 4, px: 16 },
+                React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
+                            React__default["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["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } }),
+                React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
+                            React__default["default"].createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default["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["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } }),
+                React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
+                            React__default["default"].createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default["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["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["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } }),
+                React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
+                            React__default["default"].createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default["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["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["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
+                    } })),
+            withAdditionalQuestion ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(core.Stack, { spacing: 4, px: 16 },
+                    React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
-                                React__default["default"].createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default["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["default"].createElement(index$2.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(Question1Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg" },
+                                    React__default["default"].createElement(core.Flex, { gap: "lg" },
+                                        React__default["default"].createElement(index$2.Radio, { size: "sm", value: "1", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
+                                        React__default["default"].createElement(index$2.Radio, { size: "sm", value: "0", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
                                 (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } })),
-                React__default["default"].createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    React__default["default"].createElement(reactHookForm.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["default"].createElement(reactHookForm.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["default"].createElement("div", null,
-                                React__default["default"].createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default["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["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["default"].createElement(index$2.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(Question2Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg", description: locale !== Locale.LOCALE.Malaysia && (React__default["default"].createElement(Question2Description, { LabelWrapper: HealthToolDefaultLayout$1.SubLabel })) },
+                                    React__default["default"].createElement(core.Flex, { gap: "lg" },
+                                        React__default["default"].createElement(index$2.Radio, { size: "sm", value: "1", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
+                                        React__default["default"].createElement(index$2.Radio, { size: "sm", value: "0", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
                                 (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
                         } })),
-                React__default["default"].createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
-                                React__default["default"].createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default["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["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["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } }))),
-            withAdditionalQuestion ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(core.Grid, { gutter: 4, px: 16 },
-                    React__default["default"].createElement(HealthToolDefaultLayout$1.Col, null,
-                        React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
-                                    React__default["default"].createElement(index$2.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(Question1Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg" },
-                                        React__default["default"].createElement(core.Flex, { gap: "lg" },
-                                            React__default["default"].createElement(index$2.Radio, { size: "sm", value: "1", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
-                                            React__default["default"].createElement(index$2.Radio, { size: "sm", value: "0", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
-                                    (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                            } })),
-                    React__default["default"].createElement(HealthToolDefaultLayout$1.Col, null,
-                        React__default["default"].createElement(reactHookForm.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["default"].createElement("div", null,
-                                    React__default["default"].createElement(index$2.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(Question2Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg", description: locale !== Locale.LOCALE.Malaysia && (React__default["default"].createElement(Question2Description, { LabelWrapper: HealthToolDefaultLayout$1.SubLabel })) },
-                                        React__default["default"].createElement(core.Flex, { gap: "lg" },
-                                            React__default["default"].createElement(index$2.Radio, { size: "sm", value: "1", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
-                                            React__default["default"].createElement(index$2.Radio, { size: "sm", value: "0", label: React__default["default"].createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
-                                    (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                            } }))),
                 React__default["default"].createElement(core.Box, { className: core.clsx(formWrapperClasses.newsletterBlock, cardWrapperClasses.newsletterBlock) },
-                    React__default["default"].createElement(core.Grid, { gutter: 8, px: 16, py: 12 },
-                        React__default["default"].createElement(HealthToolDefaultLayout$1.Col, null,
-                            React__default["default"].createElement(reactHookForm.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 = tslib_es6.__rest(_b, ["value", "onChange", "name"]);
-                                    return (React__default["default"].createElement(NewsletterCheckbox, Object.assign({ size: "sm", onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
-                                } })),
-                        React__default["default"].createElement(HealthToolDefaultLayout$1.Col, null,
-                            React__default["default"].createElement(index$3.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit", fullWidth: true }, submitProps), t('bmi.submit'))))))) : (React__default["default"].createElement(core.Box, { px: 16, sx: { paddingBottom: 8 } },
+                    React__default["default"].createElement(core.Stack, { spacing: 8, px: 16, py: 12 },
+                        React__default["default"].createElement(reactHookForm.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 = tslib_es6.__rest(_b, ["value", "onChange", "name"]);
+                                return (React__default["default"].createElement(NewsletterCheckbox, Object.assign({ size: "sm", onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
+                            } }),
+                        React__default["default"].createElement(index$3.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit", fullWidth: true }, submitProps), t('bmi.submit')))))) : (React__default["default"].createElement(core.Box, { px: 16, sx: { paddingBottom: 8 } },
                 React__default["default"].createElement(index$3.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit", fullWidth: true }, submitProps), t('bmi.submit')))))));
 };
 

package/build/{index-6d58b56c.js → index-1995df8b.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-9ac5549a.js');
+var tslib_es6 = require('./tslib.es6-aa0ef576.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-58d7bc98.js');
-var index = require('./index-1abd3ffd.js');
+var normalizeLink = require('./normalizeLink-16ac5577.js');
+var index = require('./index-f155e2fe.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-dba5fcb9.js');
+var Locale = require('./Locale-8936789a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/{index-76978f46.js → index-1d4e5716.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-8772a676.js');
-var index$1 = require('./index-ec68f6a7.js');
+var index = require('./index-0e6f7b67.js');
+var index$1 = require('./index-81baf13a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }