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

package/build/{index-d4c48a5d.js → index-0c5024c4.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
-var index$1 = require('./index-680d4087.js');
-var index = require('./index-6cacdaa5.js');
-require('./index-8d75d086.js');
-var dataTransform = require('./dataTransform-34f51271.js');
+var index$1 = require('./index-5ce9269c.js');
+var index = require('./index-608546c2.js');
+require('./index-feed8080.js');
+var dataTransform = require('./dataTransform-503fa75b.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-570477d3.js');
+var togetherComponentGlobalContext = require('./utils-67136c2c.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-21372ee7.js');
-var Locale = require('./Locale-0789377d.js');
+var togetherMoleculesCardAuthor = require('./index-8a4617d3.js');
+var Locale = require('./Locale-9d45502f.js');
 require('@hhgtech/icons/other');
-require('./index-36717d3d.js');
-require('./shared-77dc76fa.js');
-require('./text-c18e5ccf.js');
-require('./index-05316558.js');
-require('./index-e0b8b467.js');
-require('./translationsContext-6d518a64.js');
-require('./index-388d9845.js');
-require('./index-dd87fa79.js');
+require('./index-77ecddfd.js');
+require('./shared-d1b1440a.js');
+require('./text-49616551.js');
+require('./index-154216f0.js');
+require('./index-86b69ab8.js');
+require('./translationsContext-5ff1848b.js');
+require('./index-b46d4d3d.js');
+require('./index-4ff48943.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
 require('string-format');
-require('./constants-887a8ca1.js');
+require('./constants-81a08166.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-458f84ef.js');
-require('./index-1988f3da.js');
-require('./paths-ffc8f2c6.js');
-require('./constants-5b75996d.js');
-require('./index-553a5197.js');
+require('./utils-93405794.js');
+require('./index-739e7a8c.js');
+require('./paths-0a01ae23.js');
+require('./constants-68c09796.js');
+require('./index-0ef23151.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-fec83f04.js');
+require('./index-1cb53b04.js');
 require('./miscTheme.js');
-require('./WhatsApp-f188a222.js');
-require('./Spinner-aa401245.js');
-require('./index-54131f59.js');
+require('./WhatsApp-af4543f5.js');
+require('./Spinner-4cc0da58.js');
+require('./index-dac457fb.js');
 require('@emotion/styled');
-require('./index-db5e3ab7.js');
-require('./index-e226f798.js');
-require('./index-92027958.js');
+require('./index-591676a0.js');
+require('./index-775983b0.js');
+require('./index-79d89fb8.js');
 require('@emotion/react');
-require('./index-a022f589.js');
-require('./index-3c34446f.js');
-require('./index.styles-49de4a76.js');
+require('./index-7f5cf936.js');
+require('./index-724e5e3e.js');
+require('./index.styles-69ef5b00.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3c4e03b6.js → index-0cc074ec.js}

@@ -2,24 +2,24 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-458f84ef.js');
+var utils = require('./utils-93405794.js');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
-var index = require('./index-857bbf9c.js');
-var index$1 = require('./index-a5a9eee4.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
+var index = require('./index-f3b60b25.js');
+var index$1 = require('./index-ebcbb463.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-553a5197.js');
-require('./index-8d75d086.js');
-require('./index-e226f798.js');
-require('./index-fb5e9953.js');
-require('./index-05316558.js');
-require('./index-36717d3d.js');
-require('./index.styles-49de4a76.js');
-require('./translationsContext-6d518a64.js');
+require('./index-0ef23151.js');
+require('./index-feed8080.js');
+require('./index-775983b0.js');
+require('./index-9e31f5ca.js');
+require('./index-154216f0.js');
+require('./index-77ecddfd.js');
+require('./index.styles-69ef5b00.js');
+require('./translationsContext-5ff1848b.js');
 require('@mantine/hooks');
-require('./text-c18e5ccf.js');
-require('./index-680d4087.js');
+require('./text-49616551.js');
+require('./index-5ce9269c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-553a5197.js → index-0ef23151.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-8d75d086.js');
+require('./index-feed8080.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-0789377d.js');
+var Locale = require('./Locale-9d45502f.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-1359d4f2.js → index-12dec6bd.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-553a5197.js');
-require('./index-8d75d086.js');
-var index$2 = require('./index-e226f798.js');
-var index$1 = require('./index-fb5e9953.js');
-var Locale = require('./Locale-0789377d.js');
+var index = require('./index-0ef23151.js');
+require('./index-feed8080.js');
+var index$2 = require('./index-775983b0.js');
+var index$1 = require('./index-9e31f5ca.js');
+var Locale = require('./Locale-9d45502f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2c546b1a.js → index-150e9f2d.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-458f84ef.js');
+var utils = require('./utils-93405794.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-5e3b947a.js');
-var index = require('./index-05316558.js');
+var animation = require('./animation-890cb60a.js');
+var index = require('./index-154216f0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-05316558.js → index-154216f0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var text = require('./text-c18e5ccf.js');
+var text = require('./text-49616551.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-fec83f04.js → index-1cb53b04.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-f188a222.js');
-var Spinner = require('./Spinner-aa401245.js');
+var WhatsApp = require('./WhatsApp-af4543f5.js');
+var Spinner = require('./Spinner-4cc0da58.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b1554476.js → index-219fd5ba.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-a5a9eee4.js');
+var index$2 = require('./index-ebcbb463.js');
 require('@mantine/dates');
-var index = require('./index-553a5197.js');
-require('./index-8d75d086.js');
-require('./index-e226f798.js');
-require('./index-fb5e9953.js');
-require('./index-05316558.js');
-require('./index-36717d3d.js');
-require('./index.styles-49de4a76.js');
-var index$1 = require('./index-e0b8b467.js');
+var index = require('./index-0ef23151.js');
+require('./index-feed8080.js');
+require('./index-775983b0.js');
+require('./index-9e31f5ca.js');
+require('./index-154216f0.js');
+require('./index-77ecddfd.js');
+require('./index.styles-69ef5b00.js');
+var index$1 = require('./index-86b69ab8.js');
 require('@mantine/hooks');
-require('./text-c18e5ccf.js');
-require('./utils-458f84ef.js');
-require('./index-680d4087.js');
-var utils = require('./utils-d2cfc00d.js');
-var Locale = require('./Locale-0789377d.js');
+require('./text-49616551.js');
+require('./utils-93405794.js');
+require('./index-5ce9269c.js');
+var utils = require('./utils-d9fa6ddf.js');
+var Locale = require('./Locale-9d45502f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6726d4d2.js → index-28259706.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-0789377d.js');
-var index$1 = require('./index-e226f798.js');
+var Locale = require('./Locale-9d45502f.js');
+var index$1 = require('./index-775983b0.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-458f84ef.js');
-var logoIcon = require('./logoIcon-4eceb6ab.js');
-require('./index-8d75d086.js');
-var index = require('./index-db5e3ab7.js');
+var utils = require('./utils-93405794.js');
+var logoIcon = require('./logoIcon-05956c43.js');
+require('./index-feed8080.js');
+var index = require('./index-591676a0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2731333b.js → index-308c38b7.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-a5a9eee4.js');
+require('./index-ebcbb463.js');
 require('@mantine/dates');
-require('./index-553a5197.js');
-require('./index-8d75d086.js');
-require('./index-e226f798.js');
-require('./index-fb5e9953.js');
-var index$1 = require('./index-05316558.js');
-var index$2 = require('./index-36717d3d.js');
-require('./index.styles-49de4a76.js');
-var index = require('./index-e0b8b467.js');
+require('./index-0ef23151.js');
+require('./index-feed8080.js');
+require('./index-775983b0.js');
+require('./index-9e31f5ca.js');
+var index$1 = require('./index-154216f0.js');
+var index$2 = require('./index-77ecddfd.js');
+require('./index.styles-69ef5b00.js');
+var index = require('./index-86b69ab8.js');
 require('@mantine/hooks');
-require('./text-c18e5ccf.js');
-require('./utils-458f84ef.js');
-require('./index-680d4087.js');
+require('./text-49616551.js');
+require('./utils-93405794.js');
+require('./index-5ce9269c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-aba1faf5.js → index-3471f8d2.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-573e5620.js');
-var Locale = require('./Locale-0789377d.js');
+var LastPeriod = require('./LastPeriod-92f077cc.js');
+var Locale = require('./Locale-9d45502f.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$4 = require('./index-a5a9eee4.js');
-var index$1 = require('./index-1359d4f2.js');
-var index$5 = require('./index-05316558.js');
-require('./index-36717d3d.js');
-require('./index.styles-49de4a76.js');
-var index = require('./index-e0b8b467.js');
+var index$4 = require('./index-ebcbb463.js');
+var index$1 = require('./index-12dec6bd.js');
+var index$5 = require('./index-154216f0.js');
+require('./index-77ecddfd.js');
+require('./index.styles-69ef5b00.js');
+var index = require('./index-86b69ab8.js');
 require('@mantine/hooks');
-require('./index-fb5e9953.js');
-require('./text-c18e5ccf.js');
-require('./utils-458f84ef.js');
-require('./index-680d4087.js');
-var index$2 = require('./index-e4e8e17c.js');
+require('./index-9e31f5ca.js');
+require('./text-49616551.js');
+require('./utils-93405794.js');
+require('./index-5ce9269c.js');
+var index$2 = require('./index-60adf2a8.js');
 var other = require('@hhgtech/icons/other');
-var index$3 = require('./index-553a5197.js');
+var index$3 = require('./index-0ef23151.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-996fff87.js → index-36c8a127.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-553a5197.js');
+var index = require('./index-0ef23151.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-40369d84.js → index-3ed11a7a.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-d0a0a77f.js');
-var constants = require('./constants-887a8ca1.js');
-var index$2 = require('./index-5194b862.js');
-var index$3 = require('./index-a5a9eee4.js');
-require('@mantine/core');
+var useHealthToolCache = require('./useHealthToolCache-282033a9.js');
+var constants = require('./constants-81a08166.js');
+var core = require('@mantine/core');
+var index$2 = require('./index-c0724292.js');
+var index$3 = require('./index-ebcbb463.js');
 require('@mantine/dates');
-require('./index-553a5197.js');
-require('./index-8d75d086.js');
-require('./index-e226f798.js');
-require('./index-fb5e9953.js');
-var index$4 = require('./index-05316558.js');
-require('./index-36717d3d.js');
+require('./index-0ef23151.js');
+require('./index-feed8080.js');
+require('./index-775983b0.js');
+require('./index-9e31f5ca.js');
+var index$4 = require('./index-154216f0.js');
+require('./index-77ecddfd.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-49de4a76.js');
-var index = require('./index-e0b8b467.js');
+require('./index.styles-69ef5b00.js');
+var index = require('./index-86b69ab8.js');
 require('@mantine/hooks');
-require('./text-c18e5ccf.js');
-require('./utils-458f84ef.js');
-require('./index-680d4087.js');
-var index$1 = require('./index-e4e8e17c.js');
+require('./text-49616551.js');
+require('./utils-93405794.js');
+require('./index-5ce9269c.js');
+var index$1 = require('./index-60adf2a8.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
 
@@ -33,9 +33,9 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 const BmiFormContext = React.createContext({});
 
 const DefaultForm = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { t, locale } = index.useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = React.useContext(BmiFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         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(index$2.GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
@@ -64,13 +64,37 @@ const DefaultForm = (props) => {
                         content: '60',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
             } }),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        withAdditionalQuestion ? (React__default["default"].createElement(React__default["default"].Fragment, 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(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg", error: isTouched ? React__default["default"].createElement(index$3.ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
+                        React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                } }),
+            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(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default["default"].createElement(index$4.Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')), error: isTouched ? React__default["default"].createElement(index$3.ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
+                        React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                } }),
+            React__default["default"].createElement(core.Stack, { spacing: 16, sx: (theme) => ({
+                    backgroundColor: theme.colors.neutral[0],
+                    padding: `${core.rem(16)} ${core.rem(12)}`,
+                    borderBottomLeftRadius: 'inherit',
+                    borderBottomRightRadius: 'inherit',
+                    margin: `0 ${core.rem(-16)}  ${core.rem(-16)}`,
+                }) },
+                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(index$3.Checkbox, Object.assign({ size: "sm", label: React__default["default"].createElement(index$4.Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
+                    } }),
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
 };
 
 const InlineForm = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { t, locale } = index.useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = React.useContext(BmiFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         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(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
@@ -102,13 +126,50 @@ const InlineForm = (props) => {
                             }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', precision: 1, min: 0, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
                     isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
             } }),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        withAdditionalQuestion ? (React__default["default"].createElement(React__default["default"].Fragment, 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(core.Box, null,
+                        React__default["default"].createElement(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg" },
+                            React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
+                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
+                } }),
+            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(core.Box, null,
+                        React__default["default"].createElement(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default["default"].createElement(index$4.Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')) },
+                            React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
+                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
+                } }),
+            React__default["default"].createElement(core.Stack, { className: "newsletter-block", spacing: 16, sx: (theme) => ({
+                    backgroundColor: theme.colors.neutral[0],
+                    padding: `${core.rem(16)} ${core.rem(12)}`,
+                    borderBottomLeftRadius: 'inherit',
+                    borderBottomRightRadius: 'inherit',
+                    margin: `0 ${core.rem(-16)}  ${core.rem(-16)}`,
+                    '.bmi-btn': {
+                        marginTop: 0,
+                    },
+                }) },
+                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(index$3.Checkbox, Object.assign({ size: "sm", label: React__default["default"].createElement(index$4.Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
+                    } }),
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
 };
 
 const BmiForm = (_a) => {
-    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps } = _a, rest = tslib_es6.__rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps"]);
+    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps, withAdditionalQuestion } = _a, rest = tslib_es6.__rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps", "withAdditionalQuestion"]);
     const [isTouched, setIsTouched] = React.useState(false);
-    const { control, handleSubmit, setValue, watch } = reactHookForm.useForm();
+    const { control, handleSubmit, setValue, watch } = reactHookForm.useForm({
+        defaultValues: {
+            question1: undefined,
+            question2: undefined,
+            newsletter: true,
+        },
+    });
     const data = watch();
     const { locale } = index.useTranslations();
     const { getHealthToolLink } = useHealthToolCache.useHealthToolsCache(locale);
@@ -116,13 +177,8 @@ const BmiForm = (_a) => {
     const onValid = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         const height = bmiUnit.heightConvert(data.height);
         const weight = bmiUnit.weightConvert(data.weight);
-        const submitValue = {
-            gender: data.gender,
-            age: data.age,
-            height,
-            weight,
-            bmi: embeddedHeathToolCards_helpers.getBmi({ height, weight }),
-        };
+        const submitValue = Object.assign(Object.assign({}, data), { height,
+            weight, bmi: embeddedHeathToolCards_helpers.getBmi({ height, weight }) });
         onInValid();
         onSubmitProps && onSubmitProps(submitValue);
     });
@@ -149,6 +205,7 @@ const BmiForm = (_a) => {
             isTouched,
             linkTool,
             submitProps,
+            withAdditionalQuestion,
         } }, formLayout === 'inline' ? (React__default["default"].createElement(InlineForm, Object.assign({}, commonProps))) : (React__default["default"].createElement(DefaultForm, Object.assign({}, commonProps)))));
 };
 

package/build/{index-c44d8d9c.js → index-408921a4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-fba1b3cf.js → index-40c9dda2.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-4623421c.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$9 = require('./index-680d4087.js');
-var index$7 = require('./index-6cacdaa5.js');
-var dataTransform = require('./dataTransform-34f51271.js');
+var index$9 = require('./index-5ce9269c.js');
+var index$7 = require('./index-608546c2.js');
+var dataTransform = require('./dataTransform-503fa75b.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-570477d3.js');
+var togetherComponentGlobalContext = require('./utils-67136c2c.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$2 = require('./index-e226f798.js');
-var index$1 = require('./index-db5e3ab7.js');
-var togetherMoleculesCardAuthor = require('./index-21372ee7.js');
-var index$3 = require('./index-8d75d086.js');
-var index = require('./index-e0b8b467.js');
+var index$2 = require('./index-775983b0.js');
+var index$1 = require('./index-591676a0.js');
+var togetherMoleculesCardAuthor = require('./index-8a4617d3.js');
+var index$3 = require('./index-feed8080.js');
+var index = require('./index-86b69ab8.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-a5a9eee4.js');
+var index$4 = require('./index-ebcbb463.js');
 require('@mantine/dates');
-require('./index-553a5197.js');
-require('./index-fb5e9953.js');
-var index$8 = require('./index-05316558.js');
-var index$5 = require('./index-36717d3d.js');
-require('./index.styles-49de4a76.js');
+require('./index-0ef23151.js');
+require('./index-9e31f5ca.js');
+var index$8 = require('./index-154216f0.js');
+var index$5 = require('./index-77ecddfd.js');
+require('./index.styles-69ef5b00.js');
 require('@mantine/hooks');
-require('./text-c18e5ccf.js');
-require('./utils-458f84ef.js');
+require('./text-49616551.js');
+require('./utils-93405794.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-c5982575.js');
-var index$6 = require('./index-388d9845.js');
-require('./translationsContext-6d518a64.js');
+var post = require('./post-9b81711c.js');
+var index$6 = require('./index-b46d4d3d.js');
+require('./translationsContext-5ff1848b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }