@hhgtech/hhg-components 1.29.446-beta-5 → 1.29.447

package/build/{treePopoverMenu-d30a12a9.js → treePopoverMenu-f2a3f062.js}

@@ -1,31 +1,31 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7bd5bc5d.js');
+var tslib_es6 = require('./tslib.es6-9b06c729.js');
 var React = require('react');
-var index = require('./index-5bcfab18.js');
-var index$3 = require('./index-7beba07c.js');
-require('./index-7f22405c.js');
+var index = require('./index-a85ac47f.js');
+var index$3 = require('./index-de177d58.js');
+require('./index-230f438f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-67cea992.js');
-require('./index-4cc573ca.js');
-require('./index-ddde887a.js');
-require('./index-f079275d.js');
-var index$2 = require('./index-63bd0a19.js');
-require('./index-ae9731a0.js');
+var index$4 = require('./index-12319903.js');
+require('./index-f8ac1bf2.js');
+require('./index-4a27456a.js');
+require('./index-aaaea7c1.js');
+var index$2 = require('./index-505b1d6d.js');
+require('./index-38b56ca0.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-c39f2aa7.js');
+require('./index.styles-c7f5e0dc.js');
 require('@mantine/hooks');
-require('./text-3ef1d361.js');
-var utils = require('./utils-a814ef07.js');
-require('./index-f92419bb.js');
-var index$1 = require('./index-810f1f84.js');
-var togetherComponentGlobalContext = require('./utils-7affd15e.js');
+require('./text-e637affa.js');
+var utils = require('./utils-3ea8ef9f.js');
+require('./index-dc205198.js');
+var index$1 = require('./index-f245fc9d.js');
+var togetherComponentGlobalContext = require('./utils-9137d090.js');
 var dateFns = require('date-fns');
-var Locale = require('./Locale-758f18f0.js');
+var Locale = require('./Locale-b35b0a4c.js');
 var styled = require('@emotion/styled');
-var index$6 = require('./index-f50072b6.js');
-var index$5 = require('./index-b493b647.js');
+var index$6 = require('./index-a79cb92d.js');
+var index$5 = require('./index-915e37e3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/types.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-4cc573ca.js');
-var Locale = require('./Locale-758f18f0.js');
+var index = require('./index-f8ac1bf2.js');
+var Locale = require('./Locale-b35b0a4c.js');
 
 
 

package/build/{useHealthToolCache-af04d1d6.js → useHealthToolCache-e2349f7c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7bd5bc5d.js');
+var tslib_es6 = require('./tslib.es6-9b06c729.js');
 var React = require('react');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 

package/build/{usePhoneValidator-e5fc6185.js → usePhoneValidator-9fde44ba.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7bd5bc5d.js');
+var tslib_es6 = require('./tslib.es6-9b06c729.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-c4032aa8.js');
-require('./index-4cc573ca.js');
-var index = require('./index-5bcfab18.js');
-var Locale = require('./Locale-758f18f0.js');
+var useUniqueId = require('./useUniqueId-349868ac.js');
+require('./index-f8ac1bf2.js');
+var index = require('./index-a85ac47f.js');
+var Locale = require('./Locale-b35b0a4c.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{usePlacesAutocomplete-97944c7b.js → usePlacesAutocomplete-58b6d3b2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7bd5bc5d.js');
+var tslib_es6 = require('./tslib.es6-9b06c729.js');
 var React = require('react');
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/useTogetherAuthRequiredAction.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var store = require('./store-c396139e.js');
-var togetherComponentGlobalContext = require('./utils-7affd15e.js');
-var constants = require('./constants-13d1d9e2.js');
-require('./tslib.es6-7bd5bc5d.js');
+var store = require('./store-0ef81ac8.js');
+var togetherComponentGlobalContext = require('./utils-9137d090.js');
+var constants = require('./constants-e8cf502b.js');
+require('./tslib.es6-9b06c729.js');
 require('zustand');
-require('./index-ab61ff7b.js');
+require('./index-fcc313b5.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-6af95659.js');
+require('./normalizeLink-2cee64ac.js');
 require('./constantsDomainLocales.js');
-require('./Locale-758f18f0.js');
-require('./index-67cea992.js');
+require('./Locale-b35b0a4c.js');
+require('./index-12319903.js');
 require('date-fns/locale');
-require('./index-4cc573ca.js');
+require('./index-f8ac1bf2.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-7bc438b2.js');
+require('./index-bf57499f.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');

package/build/{utils-f87de0a5.js → utils-8834e04e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./index-4cc573ca.js');
-var Locale = require('./Locale-758f18f0.js');
+require('./index-f8ac1bf2.js');
+var Locale = require('./Locale-b35b0a4c.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/{utils-7affd15e.js → utils-9137d090.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7bd5bc5d.js');
-var index = require('./index-7bc438b2.js');
+var tslib_es6 = require('./tslib.es6-9b06c729.js');
+var index = require('./index-bf57499f.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var slugify = require('slugify');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var formatString = require('string-format');
 var React = require('react');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-13d1d9e2.js');
+var constants = require('./constants-e8cf502b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{utils-28302ec2.js → utils-a6d1698a.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-67cea992.js');
+var index = require('./index-12319903.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-a814ef07.js');
+var utils = require('./utils-3ea8ef9f.js');
 var Skeleton = require('react-loading-skeleton');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');

package/build/{utils-95fe82f2.js → utils-b8c2d5f2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var constants = require('./constants-189913ed.js');
+var constants = require('./constants-8bca9138.js');
 
 function isDefined(argument) {
     return argument !== undefined && argument !== null;

package/build/{utils-5fe32245.js → utils-e739a670.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var healthTools = require('./healthTools-76606c7d.js');
-var index = require('./index-ab61ff7b.js');
-var store = require('./store-c396139e.js');
-var index$1 = require('./index-4cc573ca.js');
-var Locale = require('./Locale-758f18f0.js');
+var healthTools = require('./healthTools-3d8bcbfb.js');
+var index = require('./index-fcc313b5.js');
+var store = require('./store-0ef81ac8.js');
+var index$1 = require('./index-f8ac1bf2.js');
+var Locale = require('./Locale-b35b0a4c.js');
 
 const isFeatureWhatsAppEnabled = [
     Locale.LOCALE.Indonesia,

package/build/vaccination.js

@@ -2,41 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-7bd5bc5d.js');
+var tslib_es6 = require('./tslib.es6-9b06c729.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$5 = require('./index-7f22405c.js');
+var index$5 = require('./index-230f438f.js');
 require('@mantine/dates');
-require('./index-67cea992.js');
-var index$7 = require('./index-4cc573ca.js');
-require('./index-ddde887a.js');
-var index$3 = require('./index-f079275d.js');
-var index$2 = require('./index-63bd0a19.js');
-var index$1 = require('./index-ae9731a0.js');
+require('./index-12319903.js');
+var index$7 = require('./index-f8ac1bf2.js');
+require('./index-4a27456a.js');
+var index$3 = require('./index-aaaea7c1.js');
+var index$2 = require('./index-505b1d6d.js');
+var index$1 = require('./index-38b56ca0.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-c39f2aa7.js');
-var index = require('./index-5bcfab18.js');
+require('./index.styles-c7f5e0dc.js');
+var index = require('./index-a85ac47f.js');
 var hooks = require('@mantine/hooks');
-require('./text-3ef1d361.js');
-var utils = require('./utils-a814ef07.js');
-require('./index-f92419bb.js');
+require('./text-e637affa.js');
+var utils = require('./utils-3ea8ef9f.js');
+require('./index-dc205198.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-84a16ed8.js');
-require('./translationsContext-3089b894.js');
+var index$4 = require('./index-7baedd26.js');
+require('./translationsContext-69b4e29c.js');
 var other = require('@hhgtech/icons/other');
-var index$6 = require('./index-810f1f84.js');
-var index$8 = require('./index-9cdd65c5.js');
+var index$6 = require('./index-f245fc9d.js');
+var index$8 = require('./index-d6d389d5.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$a = require('./index-daa6aa0b.js');
-var index$9 = require('./index-f50072b6.js');
+var index$a = require('./index-31a6d507.js');
+var index$9 = require('./index-a79cb92d.js');
 require('@mantine/carousel');
 require('classnames');
 require('uuid');
-require('./useUniqueId-c4032aa8.js');
+require('./useUniqueId-349868ac.js');
 require('./constantsSite.js');
-require('./Locale-758f18f0.js');
+require('./Locale-b35b0a4c.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -44,7 +44,7 @@ require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
-require('./shared-d282f841.js');
+require('./shared-d3336c48.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.446-beta-5",
+  "version": "1.29.447",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/esm/index-29056c13.js

@@ -1,207 +0,0 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7ffdbe62.js';
-import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-56f8e09c.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-ff96c5c6.js';
-import { Flex, rem, Stack, Box } from '@mantine/core';
-import { G as GenderOptionControl } from './index-67b29259.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-10811447.js';
-import '@mantine/dates';
-import './index-ea50af79.js';
-import './index-85221825.js';
-import './index-514be78a.js';
-import './index-565dc4d8.js';
-import { T as Text } from './index-ce2b9197.js';
-import './index-fa3be619.js';
-import { theme } from './miscTheme.js';
-import './index.styles-7acd5b03.js';
-import { u as useTranslations } from './index-05e566e8.js';
-import '@mantine/hooks';
-import './text-1bfd5d53.js';
-import './utils-e15d2f61.js';
-import './index-13db7c91.js';
-import { H as HealthToolFormWrapper } from './index-2cd7f11b.js';
-import { L as LOCALE } from './Locale-9faec91d.js';
-import { domainLocales } from './constantsDomainLocales.js';
-import { getBmi } from './embeddedHeathToolCards_helpers.js';
-
-const BmiFormContext = createContext({});
-
-const DefaultForm = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const { t, locale } = useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = useContext(BmiFormContext);
-    return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default.createElement(Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
-                return (React__default.createElement(GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
-            } }),
-        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(Input.Number, { label: React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray600 },
-                        t('bmi.ageInput'),
-                        ' ',
-                        React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.ageInput.desc'))), placeholder: t('tools.inputPlaceholder', {
-                        content: '25',
-                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
-            } }),
-        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(Input.Number, { label: React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray600 },
-                        t('bmi.heightInput'),
-                        ' ',
-                        React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.heightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
-                        content: locale === LOCALE.Myanmar ? 6 : 170,
-                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
-            } }),
-        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(Input.Number, { label: React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray600 },
-                        t('bmi.weightInput'),
-                        ' ',
-                        React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.weightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
-                        content: locale === LOCALE.Myanmar ? 130 : 60,
-                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
-            } }),
-        withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
-                    return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg", error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
-                        React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
-                            React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
-                            React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
-                } }),
-            React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                    return (React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')), error: isTouched ? React__default.createElement(ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
-                        React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
-                            React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
-                            React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
-                } }),
-            React__default.createElement(Stack, { spacing: 16, sx: (theme) => ({
-                    backgroundColor: theme.colors.neutral[0],
-                    padding: `${rem(16)} ${rem(12)}`,
-                    borderBottomLeftRadius: 'inherit',
-                    borderBottomRightRadius: 'inherit',
-                    margin: `0 ${rem(-16)}  ${rem(-16)}`,
-                }) },
-                React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
-                        var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);
-                        return (React__default.createElement(Checkbox, Object.assign({ size: "sm", label: React__default.createElement(Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
-                    } }),
-                React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
-};
-
-const InlineForm = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const { t, locale } = useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = useContext(BmiFormContext);
-    return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default.createElement(Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
-                return (React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                    React__default.createElement(GenderOptionControl, { type: "radio", hideLabel: true, error: isTouched ? React__default.createElement(React__default.Fragment, null) : '', onChange: onChange })));
-            } }),
-        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(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.ageInput'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                    React__default.createElement(Input.Number, { placeholder: t('tools.inputPlaceholder', {
-                            content: '25',
-                        }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', min: 0, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('tools.yearsOld')), styles: () => ({
-                            rightSection: {
-                                width: 'auto',
-                            },
-                        }) })));
-            } }),
-        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(HealthToolFormWrapper.FormRow, null,
-                    React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
-                        React__default.createElement(Input.Number, { placeholder: t('tools.inputPlaceholder', {
-                                content: locale === LOCALE.Myanmar ? 6 : 170,
-                            }), name: name, value: value, onChange: onChange, min: 0, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('bmi.heightInput.desc')) })),
-                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, 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(HealthToolFormWrapper.FormRow, null,
-                    React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
-                        React__default.createElement(Input.Number, { placeholder: t('tools.inputPlaceholder', {
-                                content: locale === LOCALE.Myanmar ? 130 : 60,
-                            }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', precision: 1, min: 0, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('bmi.weightInput.desc')) })),
-                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
-            } }),
-        withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
-                    return (React__default.createElement(Box, null,
-                        React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg" },
-                            React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
-                                React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
-                                React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
-                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
-                } }),
-            React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                    return (React__default.createElement(Box, null,
-                        React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default.createElement(Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')) },
-                            React__default.createElement(Flex, { gap: "lg", sx: { paddingTop: rem(8) } },
-                                React__default.createElement(Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
-                                React__default.createElement(Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
-                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
-                } }),
-            React__default.createElement(Stack, { className: "newsletter-block", spacing: 16, sx: (theme) => ({
-                    backgroundColor: theme.colors.neutral[0],
-                    padding: `${rem(16)} ${rem(12)}`,
-                    borderBottomLeftRadius: 'inherit',
-                    borderBottomRightRadius: 'inherit',
-                    margin: `0 ${rem(-16)}  ${rem(-16)}`,
-                    '.bmi-btn': {
-                        marginTop: 0,
-                    },
-                }) },
-                React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
-                        var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);
-                        return (React__default.createElement(Checkbox, Object.assign({ size: "sm", label: React__default.createElement(Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
-                    } }),
-                React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
-};
-
-const BmiForm = (_a) => {
-    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps, withAdditionalQuestion } = _a, rest = __rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps", "withAdditionalQuestion"]);
-    const [isTouched, setIsTouched] = useState(false);
-    const { control, handleSubmit, setValue, watch } = useForm({
-        defaultValues: {
-            question1: undefined,
-            question2: undefined,
-            newsletter: true,
-        },
-    });
-    const data = watch();
-    const { locale } = useTranslations();
-    const { getHealthToolLink } = useHealthToolsCache(locale);
-    const linkTool = useMemo(() => getHealthToolLink(HEALTH_TOOL_TYPE.OVULATION), [getHealthToolLink]);
-    const onValid = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        const height = bmiUnit.heightConvert(data.height);
-        const weight = bmiUnit.weightConvert(data.weight);
-        const submitValue = Object.assign(Object.assign({}, data), { height,
-            weight, bmi: getBmi({ height, weight }) });
-        onInValid();
-        onSubmitProps && onSubmitProps(submitValue);
-    });
-    const onInValid = () => {
-        setIsTouched(true);
-    };
-    useEffect(() => {
-        Object.keys(valueProps || {}).forEach((k) => {
-            const key = k;
-            setValue(key, valueProps === null || valueProps === void 0 ? void 0 : valueProps[key], {
-                shouldTouch: false,
-                shouldDirty: false,
-                shouldValidate: false,
-            });
-        });
-    }, [valueProps]);
-    useEffect(() => {
-        onChangeProps && onChangeProps(data);
-    }, [data]);
-    const commonProps = Object.assign({ onSubmit: handleSubmit(onValid, onInValid) }, rest);
-    return (React__default.createElement(BmiFormContext.Provider, { value: {
-            control,
-            bmiGenerated,
-            isTouched,
-            linkTool,
-            submitProps,
-            withAdditionalQuestion,
-        } }, formLayout === 'inline' ? (React__default.createElement(InlineForm, Object.assign({}, commonProps))) : (React__default.createElement(DefaultForm, Object.assign({}, commonProps)))));
-};
-
-export { BmiForm as B };