npm - @hhgtech/hhg-components - Versions diffs - 1.29.445 → 1.29.446-beta-1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (559) hide show

package/build/{index-cd5db3f0.js → index-94f21970.js} RENAMED Viewed

@@ -2,42 +2,42 @@
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-ee288e6c.js');
-var togetherComponentGlobalContext = require('./utils-a424d08d.js');
-var index$b = require('./index-dc631b98.js');
-var healthTools = require('./healthTools-14293fbc.js');
+var index = require('./index-a7d537b1.js');
+var togetherComponentGlobalContext = require('./utils-e8317f4f.js');
+var index$b = require('./index-962cd60d.js');
+var healthTools = require('./healthTools-705648ee.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
-var store = require('./store-a38a9db4.js');
-var index$2 = require('./index-1abd22d1.js');
-var normalizeLink = require('./normalizeLink-9837fdff.js');
-var index$1 = require('./index-5b4e93f8.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
+var store = require('./store-6c7ddc8a.js');
+var index$2 = require('./index-c012917d.js');
+var normalizeLink = require('./normalizeLink-08095e5b.js');
+var index$1 = require('./index-4b7dae29.js');
 var form = require('@mantine/form');
-var index$6 = require('./index-1d059c31.js');
+var index$6 = require('./index-e1ce6640.js');
 require('@mantine/dates');
-require('./index-547c8af7.js');
-var index$a = require('./index-7270789c.js');
-var index$4 = require('./index-705f25ba.js');
-var index$5 = require('./index-2b351a5e.js');
-require('./index.styles-53d5845c.js');
+require('./index-e1565d4b.js');
+var index$a = require('./index-9b0864db.js');
+var index$4 = require('./index-736f1723.js');
+var index$5 = require('./index-b8d3f92d.js');
+require('./index.styles-86da1d72.js');
 var hooks = require('@mantine/hooks');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
+require('./text-31b0dfcd.js');
+require('./utils-29c7e8cd.js');
+require('./index-be1c6828.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-require('./translationsContext-f6d0701e.js');
-var index$3 = require('./index-ebce91a0.js');
-var useHealthToolCache = require('./useHealthToolCache-511719aa.js');
-var index$7 = require('./index-58b71eb9.js');
+require('./translationsContext-1407b5f8.js');
+var index$3 = require('./index-796a5919.js');
+var useHealthToolCache = require('./useHealthToolCache-bafbe78f.js');
+var index$7 = require('./index-e4dc87ad.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$9 = require('./index-8319214b.js');
-var index$8 = require('./index-866a14a3.js');
+var index$9 = require('./index-22ba96da.js');
+var index$8 = require('./index-ec734675.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var Locale = require('./Locale-46d44b30.js');
+var Locale = require('./Locale-c37d82b6.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-dc631b98.js → index-962cd60d.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 'use strict';
 var locale = require('date-fns/locale');
-require('./index-547c8af7.js');
+require('./index-e1565d4b.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-46d44b30.js');
+var Locale = require('./Locale-c37d82b6.js');
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -768,7 +768,6 @@ const GA_TOKEN_COOKIE = '_ga';
 const API_DATE_FORMAT = 'YYYY-MM-DD';
 const DATE_FNS_DATE_FORMAT = 'dd-MM-yyyy';
 const ZINDEX_SSO = 9999999;
-const ZINDEX_HEADER = 305;
 const VIDEO_DETAIL_TEMP_STORAGE = 'video_item_detail';
 exports.EMERGENCY_STATUS = void 0;
 (function (EMERGENCY_STATUS) {
@@ -813,7 +812,6 @@ var index = /*#__PURE__*/Object.freeze({
   API_DATE_FORMAT: API_DATE_FORMAT,
   DATE_FNS_DATE_FORMAT: DATE_FNS_DATE_FORMAT,
   ZINDEX_SSO: ZINDEX_SSO,
-  ZINDEX_HEADER: ZINDEX_HEADER,
   VIDEO_DETAIL_TEMP_STORAGE: VIDEO_DETAIL_TEMP_STORAGE,
   get EMERGENCY_STATUS () { return exports.EMERGENCY_STATUS; },
   get ServicePrice () { return exports.ServicePrice; },
@@ -848,7 +846,6 @@ exports.UP_BASEPATH = UP_BASEPATH;
 exports.USER_GEOLOCATION_COORDINATES_COOKIE = USER_GEOLOCATION_COORDINATES_COOKIE;
 exports.VIDEO_DETAIL_TEMP_STORAGE = VIDEO_DETAIL_TEMP_STORAGE;
 exports.VIDEO_LOCALES = VIDEO_LOCALES;
-exports.ZINDEX_HEADER = ZINDEX_HEADER;
 exports.ZINDEX_SSO = ZINDEX_SSO;
 exports.basePath = basePath;
 exports.index = index;

package/build/{index-7270789c.js → index-9b0864db.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var React = require('react');
 var dayjs = require('dayjs');
-require('./index-547c8af7.js');
-var Locale = require('./Locale-46d44b30.js');
+require('./index-e1565d4b.js');
+var Locale = require('./Locale-c37d82b6.js');
 var notifications = require('@mantine/notifications');
-var index = require('./index-dc631b98.js');
+var index = require('./index-962cd60d.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-ee288e6c.js');
+var index$1 = require('./index-a7d537b1.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-88a3614b.js');
-var text = require('./text-9542ed5a.js');
-var shared = require('./shared-5c3fb451.js');
+var utils = require('./utils-29c7e8cd.js');
+var text = require('./text-31b0dfcd.js');
+var shared = require('./shared-97635409.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e224579d.js → index-9e77ff7c.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 var React = require('react');
-var index = require('./index-a59d5405.js');
-var togetherComponentGlobalContext = require('./utils-a424d08d.js');
+var index = require('./index-8ffb83f4.js');
+var togetherComponentGlobalContext = require('./utils-e8317f4f.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-2c8bdaf9.js → index-ae0cb247.js} RENAMED Viewed

@@ -1,20 +1,20 @@
 'use strict';
 var React = require('react');
-var index$2 = require('./index-1d059c31.js');
+var index$2 = require('./index-e1ce6640.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-705f25ba.js');
-var index$1 = require('./index-ee288e6c.js');
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
-var index$6 = require('./index-dc631b98.js');
-var index$5 = require('./index-547c8af7.js');
+var index = require('./index-736f1723.js');
+var index$1 = require('./index-a7d537b1.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
+var index$7 = require('./index-962cd60d.js');
+var index$5 = require('./index-e1565d4b.js');
 var core = require('@mantine/core');
-var number = require('./number-fc8b2336.js');
-var index$3 = require('./index-5b4e93f8.js');
+var number = require('./number-fd82efcd.js');
+var index$3 = require('./index-4b7dae29.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-866a14a3.js');
-var index$7 = require('./index-07eb9ef3.js');
+var index$4 = require('./index-ec734675.js');
+var index$6 = require('./index-e6c2cd5c.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -432,7 +432,6 @@ const VideoPlayerModal = (_a) => {
                 [theme.fn.smallerThan('sm')]: {},
             },
             inner: {
-                zIndex: index$6.ZINDEX_HEADER + 2,
                 [theme.fn.smallerThan('sm')]: {
                     padding: 0,
                 },
@@ -457,13 +456,12 @@ const VideoPlayerModal = (_a) => {
                 },
             },
             overlay: {
-                zIndex: index$6.ZINDEX_HEADER + 1,
                 [theme.fn.smallerThan('sm')]: {
                     backgroundColor: 'rgba(0, 0, 0, 0.85)',
                 },
             },
         }) }, rest), type === index$5.VideoType.SHORTS ? (React__default["default"].createElement(core.AspectRatio, { ratio: 315 / 560 },
-        React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${videoId}?autoplay=${Number(!isIos)}`, title: "YouTube video player", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media;\ngyroscope; picture-in-picture;\nweb-share", allowFullScreen: true }))) : (React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos }))));
+        React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${videoId}?autoplay=${Number(!isIos)}`, title: "YouTube video player", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media;\ngyroscope; picture-in-picture;\nweb-share", allowFullScreen: true }))) : (React__default["default"].createElement(index$6.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos }))));
 };
 const VideoItem = (_a) => {
@@ -484,7 +482,7 @@ const VideoItem = (_a) => {
             : !articleLink
                 ? (e) => {
                     if (redirectToLandingPage) {
-                        localStorage.setItem(index$6.VIDEO_DETAIL_TEMP_STORAGE, JSON.stringify({
+                        localStorage.setItem(index$7.VIDEO_DETAIL_TEMP_STORAGE, JSON.stringify({
                             articleLink,
                             id,
                             videoId,

package/build/{index-c392af6d.js → index-ae65ca52.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-88a3614b.js');
+var utils = require('./utils-29c7e8cd.js');
 var miscTheme = require('./miscTheme.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-d601113c.js → index-b3e6231d.js} RENAMED Viewed

@@ -1,22 +1,22 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-eb0f5d5f.js');
-var index$3 = require('./index-1d059c31.js');
-var index$2 = require('./index-44b6087f.js');
-var index$4 = require('./index-705f25ba.js');
-require('./index-2b351a5e.js');
-require('./index.styles-53d5845c.js');
-var index = require('./index-5b4e93f8.js');
+var LastPeriod = require('./LastPeriod-85eb056c.js');
+var index$3 = require('./index-e1ce6640.js');
+var index$2 = require('./index-4d00e0ca.js');
+var index$4 = require('./index-736f1723.js');
+require('./index-b8d3f92d.js');
+require('./index.styles-86da1d72.js');
+var index = require('./index-4b7dae29.js');
 require('@mantine/hooks');
-require('./index-7270789c.js');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
-var index$1 = require('./index-045906cb.js');
+require('./index-9b0864db.js');
+require('./text-31b0dfcd.js');
+require('./utils-29c7e8cd.js');
+require('./index-be1c6828.js');
+var index$1 = require('./index-8bc23db4.js');
 var other = require('@hhgtech/icons/other');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-2b351a5e.js → index-b8d3f92d.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-5c3fb451.js');
-var text = require('./text-9542ed5a.js');
+var shared = require('./shared-97635409.js');
+var text = require('./text-31b0dfcd.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-280f37a8.js → index-b926bdb0.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 var React = require('react');
-var index$1 = require('./index-a59d5405.js');
-var index = require('./index-5b4e93f8.js');
+var index$1 = require('./index-8ffb83f4.js');
+var index = require('./index-4b7dae29.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-8cef94dd.js → index-bd5a10b8.js} RENAMED Viewed

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$2 = require('./index-5b4e93f8.js');
-var utils = require('./utils-88a3614b.js');
-var index$1 = require('./index-5932c076.js');
-var index$a = require('./index-58b71eb9.js');
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
-var index = require('./index-7fe93d75.js');
-var index$4 = require('./index-1abd22d1.js');
-require('./index-dc631b98.js');
-var index$7 = require('./index-ee288e6c.js');
-var togetherComponentGlobalContext = require('./utils-a424d08d.js');
-var index$6 = require('./index-a59d5405.js');
-var index$5 = require('./index-705f25ba.js');
+var index$2 = require('./index-4b7dae29.js');
+var utils = require('./utils-29c7e8cd.js');
+var index$1 = require('./index-7cf6da68.js');
+var index$a = require('./index-e4dc87ad.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
+var index = require('./index-74221c23.js');
+var index$4 = require('./index-c012917d.js');
+require('./index-962cd60d.js');
+var index$7 = require('./index-a7d537b1.js');
+var togetherComponentGlobalContext = require('./utils-e8317f4f.js');
+var index$6 = require('./index-8ffb83f4.js');
+var index$5 = require('./index-736f1723.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$3 = require('./index-280f37a8.js');
-var index$8 = require('./index-ebce91a0.js');
-var index$9 = require('./index-866a14a3.js');
+var index$3 = require('./index-b926bdb0.js');
+var index$8 = require('./index-796a5919.js');
+var index$9 = require('./index-ec734675.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -920,7 +920,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-1f46b9f3.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-3a004a0e.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/{index-099fe5e2.js → index-be1c6828.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index = require('./index-2b351a5e.js');
-var index$1 = require('./index-705f25ba.js');
+var index = require('./index-b8d3f92d.js');
+var index$1 = require('./index-736f1723.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-1abd22d1.js → index-c012917d.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 'use strict';
 var React = require('react');
-var utils = require('./utils-88a3614b.js');
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var utils = require('./utils-29c7e8cd.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var styled = require('@emotion/styled');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-4d896d59.js → index-c16564af.js} RENAMED Viewed

@@ -1,28 +1,28 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-511719aa.js');
-var constants = require('./constants-ddd4032f.js');
-var index$2 = require('./index-fb8aca3b.js');
-var index$3 = require('./index-1d059c31.js');
-require('@mantine/core');
+var useHealthToolCache = require('./useHealthToolCache-bafbe78f.js');
+var constants = require('./constants-f0fb0455.js');
+var core = require('@mantine/core');
+var index$2 = require('./index-d94ed8c1.js');
+var index$3 = require('./index-e1ce6640.js');
 require('@mantine/dates');
-require('./index-dc631b98.js');
-require('./index-547c8af7.js');
-require('./index-ee288e6c.js');
-require('./index-7270789c.js');
-var index$4 = require('./index-705f25ba.js');
-require('./index-2b351a5e.js');
+require('./index-962cd60d.js');
+require('./index-e1565d4b.js');
+require('./index-a7d537b1.js');
+require('./index-9b0864db.js');
+var index$4 = require('./index-736f1723.js');
+require('./index-b8d3f92d.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-53d5845c.js');
-var index = require('./index-5b4e93f8.js');
+require('./index.styles-86da1d72.js');
+var index = require('./index-4b7dae29.js');
 require('@mantine/hooks');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
-var index$1 = require('./index-045906cb.js');
+require('./text-31b0dfcd.js');
+require('./utils-29c7e8cd.js');
+require('./index-be1c6828.js');
+var index$1 = require('./index-8bc23db4.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-b6222d7f.js → index-d13d2c41.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-fd2bb937.js');
+var index = require('./index-13292e13.js');
 var miscTheme = require('./miscTheme.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-7235f2a8.js → index-d5e865e8.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-9837fdff.js');
-var index = require('./index-dc631b98.js');
+var normalizeLink = require('./normalizeLink-08095e5b.js');
+var index = require('./index-962cd60d.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-46d44b30.js');
+var Locale = require('./Locale-c37d82b6.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 const SSO_V2_PATHS = {

package/build/{index-fb8aca3b.js → index-d94ed8c1.js} RENAMED Viewed

@@ -1,23 +1,23 @@
 'use strict';
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$2 = require('./index-1d059c31.js');
+var index$2 = require('./index-e1ce6640.js');
 require('@mantine/dates');
-require('./index-dc631b98.js');
-require('./index-547c8af7.js');
-var index$1 = require('./index-ee288e6c.js');
-require('./index-7270789c.js');
-var index$3 = require('./index-705f25ba.js');
-require('./index-2b351a5e.js');
-require('./index.styles-53d5845c.js');
-var index = require('./index-5b4e93f8.js');
+require('./index-962cd60d.js');
+require('./index-e1565d4b.js');
+var index$1 = require('./index-a7d537b1.js');
+require('./index-9b0864db.js');
+var index$3 = require('./index-736f1723.js');
+require('./index-b8d3f92d.js');
+require('./index.styles-86da1d72.js');
+var index = require('./index-4b7dae29.js');
 require('@mantine/hooks');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
+require('./text-31b0dfcd.js');
+require('./utils-29c7e8cd.js');
+require('./index-be1c6828.js');
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }