@hhgtech/hhg-components 1.29.497-beta-2 → 1.29.497-beta-3

package/build/esm/{index-4e8b02e1.js → index-43329fa4.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-fc31148e.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-186e66c0.js → index-447d6e38.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-fc31148e.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-e6187636.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-f8f31225.js';
+import { A as ANIMATION_DURATION } from './shared-4ef3921b.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-06a878ad.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-973ecccd.js → index-466220ea.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-b3b63406.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-614a493a.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-fd825fab.js';
-import { I as Icon } from './index-c7e66639.js';
-import { _ as __rest } from './tslib.es6-fc31148e.js';
-import { U as UserAvatar } from './index-3f9f181e.js';
-import { I as ImageWrap, u as useScreenSize } from './index-3f44fc7b.js';
-import './index-0670b744.js';
-import { C as CommonGAssets } from './index-7dacc3d6.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-810bfd88.js';
-import { B as Button } from './index-03cb3d3c.js';
-import { T as Text } from './index-9c8c3540.js';
+import { u as useTranslations } from './index-993eaa2f.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-49e46daf.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-4126faad.js';
+import { I as Icon } from './index-7bc901c5.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
+import { U as UserAvatar } from './index-e62d839f.js';
+import { I as ImageWrap, u as useScreenSize } from './index-9a281f88.js';
+import './index-7083909c.js';
+import { C as CommonGAssets } from './index-293b08f2.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-0208dff1.js';
+import { B as Button } from './index-5d597bf6.js';
+import { T as Text } from './index-a7cf2464.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-e858e00f.js';
-import { H as Heading } from './index-19a405c9.js';
-import { M as Modal } from './index-f9f5e906.js';
+import { L as Loading } from './index-f2bd6d0a.js';
+import { H as Heading } from './index-a698f514.js';
+import { M as Modal } from './index-f6aa0466.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-b74737ad.js').then((module) => {
+                import('./index-bddb8579.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-da26925e.js → index-4f361b29.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-37006653.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-0670b744.js';
-import { N as NodeIntentType } from './index-702ad287.js';
+import { c as cookie } from './index-6c13bc0f.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-7083909c.js';
+import { N as NodeIntentType } from './index-5426e58c.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-eaf000f1.js → index-5325f644.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-fc31148e.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-03cb3d3c.js';
-import { H as Heading } from './index-19a405c9.js';
-import { u as useTranslations } from './index-b3b63406.js';
+import { B as Button } from './index-5d597bf6.js';
+import { H as Heading } from './index-a698f514.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-b4574d5b.js';
-import { C as CommonGAssets } from './index-7dacc3d6.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-0f23ba53.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-bdaae415.js';
+import { C as CommonGAssets } from './index-293b08f2.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-201bf7b0.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-810bfd88.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-ecf7ef7b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-0208dff1.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-e01cf53e.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-614a493a.js';
+import { M as MediaQueries } from './utils-49e46daf.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-72e8dae0.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-6d9d7542.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-000252a6.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-973ecccd.js';
-import { a as ProfileDetail, P as PostContent } from './index-2e1f456d.js';
-import { a as PostImagePreview } from './index-17d7ccb3.js';
-import { S as SocialLinkPreview } from './index-4af5f09f.js';
-import { D as Divider } from './index-a929871e.js';
-import './index-0670b744.js';
+import { C as CardLink } from './index-18639567.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-466220ea.js';
+import { a as ProfileDetail, P as PostContent } from './index-8d4f08a2.js';
+import { a as PostImagePreview } from './index-84ed58fb.js';
+import { S as SocialLinkPreview } from './index-3fa60c3f.js';
+import { D as Divider } from './index-48c2eeee.js';
+import './index-7083909c.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-7e20eb9b.js';
-import { T as Text } from './index-9c8c3540.js';
-import { L as Loading } from './index-e858e00f.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-676160f3.js';
+import { I as Input } from './index-960472d2.js';
+import { T as Text } from './index-a7cf2464.js';
+import { L as Loading } from './index-f2bd6d0a.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-dee7ddfe.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-702ad287.js → index-5426e58c.js}

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

package/build/esm/{index-77d9cac6.js → index-5449069c.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-614a493a.js';
+import { M as MediaQueries } from './utils-49e46daf.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-f0a252ba.js → index-55343338.js}

@@ -1,28 +1,28 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-fc31148e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9a691ffd.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-bcf16835.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-0f23ba53.js';
-import { Flex, rem, Stack, clsx, createStyles, Box } from '@mantine/core';
-import { G as GenderOptionControl } from './index-699ebbf3.js';
-import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-b852374b.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-09b48b94.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-201bf7b0.js';
+import { Grid, Flex, Box, clsx, createStyles, rem, Stack } from '@mantine/core';
+import { G as GenderOptionControl } from './index-d2fe41fa.js';
+import { I as Input, R as Radio, c as ErrorLabel, d as Checkbox } from './index-1e5a523f.js';
 import '@mantine/dates';
-import './index-0670b744.js';
-import './index-702ad287.js';
-import './index-7dacc3d6.js';
-import './index-43aa6d9a.js';
-import { T as Text } from './index-9c8c3540.js';
-import './index-186e66c0.js';
+import './index-7083909c.js';
+import './index-5426e58c.js';
+import './index-293b08f2.js';
+import './index-e9951450.js';
+import { T as Text } from './index-a7cf2464.js';
+import './index-447d6e38.js';
 import { theme } from './miscTheme.js';
-import './index-f8f31225.js';
-import './index.styles-2626bc68.js';
-import { u as useTranslations } from './index-b3b63406.js';
+import './index-06a878ad.js';
+import './index.styles-81c4d6bc.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import '@mantine/hooks';
-import './utils-614a493a.js';
-import './index-286ddfd1.js';
-import { H as HealthToolFormWrapper } from './index-c0690a00.js';
-import { C as CardWrapperContext } from './context-d654d486.js';
-import { L as LOCALE } from './Locale-8642986b.js';
+import './utils-49e46daf.js';
+import './index-8cf41b25.js';
+import { H as HealthToolFormWrapper } from './index-dc085c8d.js';
+import { C as CardWrapperContext } from './context-79aba0ce.js';
+import { L as LOCALE } from './Locale-b7741771.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 
@@ -34,70 +34,71 @@ const DefaultForm = (props) => {
     const { classes: cardWrapperClasses = {} } = useContext(CardWrapperContext);
     const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, classes: formWrapperClasses = {}, } = useContext(BmiFormContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default.createElement(HealthToolFormWrapper.FormRow, null,
-            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(HealthToolFormWrapper.FormRow, null,
-            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(HealthToolFormWrapper.FormRow, null,
-            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(HealthToolFormWrapper.FormRow, null,
-            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(HealthToolFormWrapper.FormRow, 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(Grid, { gutter: 4, px: 16 },
+            React__default.createElement(Grid.Col, { span: 12 },
+                React__default.createElement(Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
+                        return (React__default.createElement(GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
                     } })),
-            React__default.createElement(HealthToolFormWrapper.FormRow, null,
-                React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
-                        return (React__default.createElement(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: locale !== LOCALE.Malaysia && (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(Grid.Col, { span: 12 },
+                React__default.createElement(Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                        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(HealthToolFormWrapper.FormRow, { sx: { paddingLeft: 0, paddingRight: 0 } },
-                React__default.createElement(Stack, { className: clsx(formWrapperClasses.newsletterBlock, cardWrapperClasses.newsletterBlock), spacing: 16, sx: {
-                        paddingLeft: 16,
-                        paddingRight: 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.FormRow, null,
-            React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))));
+            React__default.createElement(Grid.Col, { span: 12 },
+                React__default.createElement(Grid, { gutter: 8 },
+                    React__default.createElement(Grid.Col, { span: 6 },
+                        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(Grid.Col, { span: 6 },
+                        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(Grid, { gutter: 4, px: 16 },
+                React__default.createElement(Grid.Col, null,
+                    React__default.createElement(Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
+                            return (React__default.createElement(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" },
+                                    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(Grid.Col, null,
+                    React__default.createElement(Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                            return (React__default.createElement(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: locale !== LOCALE.Malaysia && (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" },
+                                    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(Box, { className: clsx(formWrapperClasses.newsletterBlock, cardWrapperClasses.newsletterBlock) },
+                React__default.createElement(Grid, { gutter: 8, px: 16, py: 12 },
+                    React__default.createElement(Grid.Col, null,
+                        React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
+                                var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);
+                                return (React__default.createElement(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(Grid.Col, null,
+                        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit", fullWidth: true }, submitProps), t('bmi.submit'))))))) : (React__default.createElement(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')))));
 };
 
 var useStyles = createStyles((theme) => {
     return {
         newsletterBlock: {
             backgroundColor: theme.colors.neutral[0],
-            padding: `${rem(16)} 0`,
             borderBottomLeftRadius: 'inherit',
             borderBottomRightRadius: 'inherit',
             '.bmi-btn': {
@@ -172,7 +173,7 @@ const InlineForm = (props) => {
                             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.FormRow, { className: clsx(wrapperClasses.submitWrapper) },
-                    React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: clsx('bmi-btn bmi--btn-submit', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.FormRow, { className: clsx(formWrapperClasses.newsletterBlock, wrapperClasses.newsletterBlock) },
+                    React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: clsx('bmi-btn bmi--btn-submit', wrapperClasses.submitBtn), dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default.createElement(HealthToolFormWrapper.FormRow, { py: 16, className: clsx(formWrapperClasses.newsletterBlock, wrapperClasses.newsletterBlock) },
                 React__default.createElement(Stack, { spacing: 16 },
                     React__default.createElement(Controller, { name: "newsletter", control: control, rules: (_h = bmiGenerated.newsletter) === null || _h === void 0 ? void 0 : _h.rule, render: (_a) => {
                             var _b = _a.field, { value, onChange, name } = _b, field = __rest(_b, ["value", "onChange", "name"]);

package/build/esm/{index-e99c7a29.js → index-554df3f6.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-fc31148e.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-b852374b.js';
+import { I as Input, S as Select } from './index-1e5a523f.js';
 import '@mantine/dates';
-import { f as CDN_ADDRESS } from './index-0670b744.js';
-import './index-702ad287.js';
-import './index-7dacc3d6.js';
-import './index-43aa6d9a.js';
-import './index-9c8c3540.js';
-import './index-186e66c0.js';
-import './index-f8f31225.js';
-import './index.styles-2626bc68.js';
-import { u as useTranslations } from './index-b3b63406.js';
+import { f as CDN_ADDRESS } from './index-7083909c.js';
+import './index-5426e58c.js';
+import './index-293b08f2.js';
+import './index-e9951450.js';
+import './index-a7cf2464.js';
+import './index-447d6e38.js';
+import './index-06a878ad.js';
+import './index.styles-81c4d6bc.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import '@mantine/hooks';
-import './utils-614a493a.js';
-import './index-286ddfd1.js';
-import { M as MAPPED_LOCALE } from './utils-5a24d063.js';
-import { L as LOCALE } from './Locale-8642986b.js';
+import './utils-49e46daf.js';
+import './index-8cf41b25.js';
+import { M as MAPPED_LOCALE } from './utils-9e1665f0.js';
+import { L as LOCALE } from './Locale-b7741771.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-03cb3d3c.js → index-5d597bf6.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-fc31148e.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-186e66c0.js';
+import { B as Button$1 } from './index-447d6e38.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-88ec3969.js → index-61592fc9.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-79cee448.js';
+import { T as Text } from './index-2f3e37f6.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-3f44fc7b.js';
-import { T as Text$1 } from './index-9c8c3540.js';
+import { I as ImageWrap } from './index-9a281f88.js';
+import { T as Text$1 } from './index-a7cf2464.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-7412419d.js → index-62d56ce9.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-fc31148e.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-76c327b1.js';
-import { u as useTranslations } from './index-b3b63406.js';
+import { D as Dropdown } from './index-2fc1443a.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-b852374b.js';
+import { I as Input$1 } from './index-1e5a523f.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-0670b744.js';
-import './index-702ad287.js';
-import './index-7dacc3d6.js';
-import './index-43aa6d9a.js';
-import { T as Text } from './index-9c8c3540.js';
-import { B as Button } from './index-186e66c0.js';
-import './index-f8f31225.js';
-import './index.styles-2626bc68.js';
+import './index-7083909c.js';
+import './index-5426e58c.js';
+import './index-293b08f2.js';
+import './index-e9951450.js';
+import { T as Text } from './index-a7cf2464.js';
+import { B as Button } from './index-447d6e38.js';
+import './index-06a878ad.js';
+import './index.styles-81c4d6bc.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-614a493a.js';
-import './index-286ddfd1.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-b4574d5b.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-810bfd88.js';
+import { M as MediaQueries } from './utils-49e46daf.js';
+import './index-8cf41b25.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-bdaae415.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-0208dff1.js';
 import styled from '@emotion/styled';
-import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-72e8dae0.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-0f23ba53.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-1f15c00a.js';
-import { C as CardAuthor } from './index-973ecccd.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-e1c9f874.js';
-import { I as Input } from './index-7e20eb9b.js';
+import { a as formatPost, f as formatCommunity, c as formatTopic } from './dataTransform-6d9d7542.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-201bf7b0.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-e336c803.js';
+import { C as CardAuthor } from './index-466220ea.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-c62e4b64.js';
+import { I as Input } from './index-960472d2.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-f68b7a83.js';
-import { C as CardLink } from './index-000252a6.js';
-import { B as BtnChoice } from './index-348885bc.js';
-import { L as LOCALE } from './Locale-8642986b.js';
+import { L as Loading } from './index-db048e25.js';
+import { C as CardLink } from './index-18639567.js';
+import { B as BtnChoice } from './index-a3a812cd.js';
+import { L as LOCALE } from './Locale-b7741771.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-e858e00f.js';
-import { b as IconArrowLeft } from './index-17d7ccb3.js';
-import { B as Button$1 } from './index-03cb3d3c.js';
+import { L as Loading$1 } from './index-f2bd6d0a.js';
+import { b as IconArrowLeft } from './index-84ed58fb.js';
+import { B as Button$1 } from './index-5d597bf6.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-39d8e979.js';
-import { U as UserAvatar } from './index-3f9f181e.js';
-import { P as PopoverMenu } from './index-0c8a6b48.js';
+import { a as useUniqueId } from './useUniqueId-eb86ffba.js';
+import { U as UserAvatar } from './index-e62d839f.js';
+import { P as PopoverMenu } from './index-1b017cb8.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-0670b744.js → index-7083909c.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-702ad287.js';
+import './index-5426e58c.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-8642986b.js';
+import { L as LOCALE } from './Locale-b7741771.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-9ef74b64.js → index-7223557c.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-fc31148e.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-b852374b.js';
+import './index-1e5a523f.js';
 import '@mantine/dates';
-import './index-0670b744.js';
-import './index-702ad287.js';
-import './index-7dacc3d6.js';
-import './index-43aa6d9a.js';
-import { T as Text } from './index-9c8c3540.js';
-import { B as Button } from './index-186e66c0.js';
-import './index-f8f31225.js';
-import './index.styles-2626bc68.js';
-import { u as useTranslations } from './index-b3b63406.js';
+import './index-7083909c.js';
+import './index-5426e58c.js';
+import './index-293b08f2.js';
+import './index-e9951450.js';
+import { T as Text } from './index-a7cf2464.js';
+import { B as Button } from './index-447d6e38.js';
+import './index-06a878ad.js';
+import './index.styles-81c4d6bc.js';
+import { u as useTranslations } from './index-993eaa2f.js';
 import '@mantine/hooks';
-import './utils-614a493a.js';
-import './index-286ddfd1.js';
-import { C as CardWrapperContext } from './context-d654d486.js';
-import { H as HealthToolFormWrapper } from './index-c0690a00.js';
+import './utils-49e46daf.js';
+import './index-8cf41b25.js';
+import { C as CardWrapperContext } from './context-79aba0ce.js';
+import { H as HealthToolFormWrapper } from './index-dc085c8d.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-fd2514e8.js → index-784cb230.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-d1b40d4a.js';
-import { T as Text } from './index-9c8c3540.js';
+import { C as Container } from './index-7e634cc5.js';
+import { T as Text } from './index-a7cf2464.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-c7e66639.js → index-7bc901c5.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-fc31148e.js';
+import { _ as __rest } from './tslib.es6-9a691ffd.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-f7ae098a.js';
-import { S as Spinner } from './Spinner-e9214a95.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-b723b153.js';
+import { S as Spinner } from './Spinner-9481b570.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);