@hhgtech/hhg-components 1.29.500-beta-8 → 1.29.500-beta-10

package/build/components/molecules/healthTools/form/bmiForm/AdditionalLabel.d.ts

@@ -1,9 +0,0 @@
-import React, { ComponentType } from 'react';
-import { TextProps } from "../../../../../mantine";
-type Props = {
-    LabelWrapper?: ComponentType<TextProps>;
-} & TextProps;
-export declare const Question1Label: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
-export declare const Question2Label: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
-export declare const Question2Description: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
-export {};

package/build/components/molecules/healthTools/form/bmiForm/NewsletterCheckbox/index.d.ts

@@ -1,9 +0,0 @@
-import React, { ComponentType } from 'react';
-import { CheckboxProps, TextProps } from "../../../../../../mantine";
-type Props = {
-    labelTextProps?: TextProps;
-    LabelWrapper?: ComponentType<TextProps>;
-    useCollapse?: boolean;
-} & CheckboxProps;
-export declare const NewsletterCheckbox: ({ labelTextProps, checked: checkedProps, LabelWrapper, useCollapse, ...props }: Props) => React.JSX.Element;
-export {};

package/build/components/molecules/healthTools/form/bmiForm/NewsletterCheckbox/index.styles.d.ts

@@ -1,8 +0,0 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        label: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-export default _default;

package/build/components/molecules/healthTools/formLayout/defaultLayout/context.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { MantineSize } from '@mantine/core';
-import { SharingProps } from "./types";
-export type HealthToolDefaultLayoutType = {
-    inputSize: MantineSize;
-} & SharingProps;
-export declare const HealthToolDefaultLayoutContext: import("react").Context<HealthToolDefaultLayoutType>;

package/build/components/molecules/healthTools/formLayout/defaultLayout/index.d.ts

@@ -1,25 +0,0 @@
-import React, { ReactNode } from 'react';
-import { GridProps } from '@mantine/core';
-import { GenderOptionControlProps } from "../../../../atoms";
-import { ErrorLabelProps, InputProps, NumberInputProps, TextProps } from "../../../../../mantine";
-import { SharingProps } from "./types";
-export declare const SubLabel: ({ children, ...props }: TextProps) => React.JSX.Element;
-export declare const InputText: ({ error, ...props }: InputProps) => React.JSX.Element;
-export declare const InputNumber: ({ error, ...props }: NumberInputProps) => React.JSX.Element;
-export declare const GenderControl: (props: GenderOptionControlProps) => React.JSX.Element;
-export declare const Error: (props: ErrorLabelProps) => React.JSX.Element;
-type Props = {
-    children: ReactNode;
-} & SharingProps;
-declare const _default: (({ children, isMobile, ...props }: Props) => React.JSX.Element) & {
-    Row: ({ children, ...props }: GridProps) => React.JSX.Element;
-    Col: ({ children, ...props }: import("@mantine/core").ColProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;
-    SubLabel: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
-    Label: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
-    OptionLabel: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
-    Input: import("../../../../mantine/input").CompoundedComponent;
-    InputNumber: ({ error, ...props }: NumberInputProps) => React.JSX.Element;
-    GenderControl: (props: GenderOptionControlProps) => React.JSX.Element;
-    Error: (props: ErrorLabelProps) => React.JSX.Element;
-};
-export default _default;

package/build/components/molecules/healthTools/formLayout/defaultLayout/types.d.ts

@@ -1,10 +0,0 @@
-import { InputProps, TextSize } from "../../../../../mantine";
-export type SharingProps = {
-    labelSize?: TextSize;
-    subLabelSize?: TextSize;
-    optionLabelSize?: TextSize;
-    errorLabelSize?: TextSize;
-    inputSize?: InputProps['size'];
-    gutter?: number;
-    isMobile?: boolean;
-};

package/build/esm/components/molecules/healthTools/form/bmiForm/AdditionalLabel.d.ts

@@ -1,9 +0,0 @@
-import React, { ComponentType } from 'react';
-import { TextProps } from "../../../../../mantine";
-type Props = {
-    LabelWrapper?: ComponentType<TextProps>;
-} & TextProps;
-export declare const Question1Label: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
-export declare const Question2Label: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
-export declare const Question2Description: ({ LabelWrapper, ...props }: Props) => React.JSX.Element;
-export {};

package/build/esm/components/molecules/healthTools/form/bmiForm/NewsletterCheckbox/index.d.ts

@@ -1,9 +0,0 @@
-import React, { ComponentType } from 'react';
-import { CheckboxProps, TextProps } from "../../../../../../mantine";
-type Props = {
-    labelTextProps?: TextProps;
-    LabelWrapper?: ComponentType<TextProps>;
-    useCollapse?: boolean;
-} & CheckboxProps;
-export declare const NewsletterCheckbox: ({ labelTextProps, checked: checkedProps, LabelWrapper, useCollapse, ...props }: Props) => React.JSX.Element;
-export {};

package/build/esm/components/molecules/healthTools/form/bmiForm/NewsletterCheckbox/index.styles.d.ts

@@ -1,8 +0,0 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        label: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-export default _default;

package/build/esm/components/molecules/healthTools/formLayout/defaultLayout/context.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { MantineSize } from '@mantine/core';
-import { SharingProps } from "./types";
-export type HealthToolDefaultLayoutType = {
-    inputSize: MantineSize;
-} & SharingProps;
-export declare const HealthToolDefaultLayoutContext: import("react").Context<HealthToolDefaultLayoutType>;

package/build/esm/components/molecules/healthTools/formLayout/defaultLayout/index.d.ts

@@ -1,25 +0,0 @@
-import React, { ReactNode } from 'react';
-import { GridProps } from '@mantine/core';
-import { GenderOptionControlProps } from "../../../../atoms";
-import { ErrorLabelProps, InputProps, NumberInputProps, TextProps } from "../../../../../mantine";
-import { SharingProps } from "./types";
-export declare const SubLabel: ({ children, ...props }: TextProps) => React.JSX.Element;
-export declare const InputText: ({ error, ...props }: InputProps) => React.JSX.Element;
-export declare const InputNumber: ({ error, ...props }: NumberInputProps) => React.JSX.Element;
-export declare const GenderControl: (props: GenderOptionControlProps) => React.JSX.Element;
-export declare const Error: (props: ErrorLabelProps) => React.JSX.Element;
-type Props = {
-    children: ReactNode;
-} & SharingProps;
-declare const _default: (({ children, isMobile, ...props }: Props) => React.JSX.Element) & {
-    Row: ({ children, ...props }: GridProps) => React.JSX.Element;
-    Col: ({ children, ...props }: import("@mantine/core").ColProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;
-    SubLabel: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
-    Label: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
-    OptionLabel: ({ children, ...props }: TextProps<HTMLParagraphElement>) => React.JSX.Element;
-    Input: import("../../../../mantine/input").CompoundedComponent;
-    InputNumber: ({ error, ...props }: NumberInputProps) => React.JSX.Element;
-    GenderControl: (props: GenderOptionControlProps) => React.JSX.Element;
-    Error: (props: ErrorLabelProps) => React.JSX.Element;
-};
-export default _default;

package/build/esm/components/molecules/healthTools/formLayout/defaultLayout/types.d.ts

@@ -1,10 +0,0 @@
-import { InputProps, TextSize } from "../../../../../mantine";
-export type SharingProps = {
-    labelSize?: TextSize;
-    subLabelSize?: TextSize;
-    optionLabelSize?: TextSize;
-    errorLabelSize?: TextSize;
-    inputSize?: InputProps['size'];
-    gutter?: number;
-    isMobile?: boolean;
-};

package/build/esm/index-c2eb376e.js

@@ -1,380 +0,0 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-2f445f16.js';
-import React__default, { createContext, useState, useContext, useMemo, useEffect } from 'react';
-import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-aa49e092.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-3d2a440e.js';
-import { createStyles, Flex, Box, Grid, clsx, rem, Stack } from '@mantine/core';
-import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-b822b3cf.js';
-import '@mantine/dates';
-import './index-eb08f67a.js';
-import './index-fb82ecb3.js';
-import './index-3923b84e.js';
-import './index-b59b9112.js';
-import { T as Text } from './index-5d5fa64f.js';
-import './index-5147a3f7.js';
-import { T as TemplateProvider, C as CustomStylesType } from './index-387202c9.js';
-import './index.styles-dbf679ca.js';
-import { u as useTranslations } from './index-a56a6012.js';
-import '@mantine/hooks';
-import './utils-2895afd9.js';
-import './index-83e9cee5.js';
-import { H as HealthToolFormWrapper } from './index-af32572e.js';
-import { C as CardWrapperContext } from './context-aabd0afb.js';
-import { G as GenderOptionControl } from './index-53601cfc.js';
-import '@hhgtech/icons/other';
-import { L as LOCALE } from './Locale-ef683d9e.js';
-import { domainLocales } from './constantsDomainLocales.js';
-import { getBmi } from './embeddedHeathToolCards_helpers.js';
-
-const Question1Label = (_a) => {
-    var { LabelWrapper } = _a, props = __rest(_a, ["LabelWrapper"]);
-    const { t } = useTranslations();
-    const labelProps = !LabelWrapper ? Object.assign({ size: 'p2' }, props) : {};
-    const Component = LabelWrapper || Text;
-    return (React__default.createElement(Component, Object.assign({}, labelProps), t('bmi.question.weightLossSupport')));
-};
-const Question2Label = (_a) => {
-    var { LabelWrapper } = _a, props = __rest(_a, ["LabelWrapper"]);
-    const { t } = useTranslations();
-    const labelProps = !LabelWrapper ? Object.assign({ size: 'p2' }, props) : {};
-    const Component = LabelWrapper || Text;
-    return (React__default.createElement(Component, Object.assign({}, labelProps), t('bmi.question.glp1Awareness')));
-};
-const Question2Description = (_a) => {
-    var { LabelWrapper } = _a, props = __rest(_a, ["LabelWrapper"]);
-    const { t } = useTranslations();
-    const labelProps = !LabelWrapper ? Object.assign({ size: 'p2' }, props) : {};
-    const Component = LabelWrapper || Text;
-    return (React__default.createElement(Component, Object.assign({}, labelProps), t('bmi.question.glp1Awareness.desc')));
-};
-
-const BmiFormContext = createContext({});
-
-var useStyles$1 = createStyles(() => {
-    return {
-        label: {
-            marginTop: 2,
-            cursor: 'pointer',
-            userSelect: 'none',
-        },
-    };
-});
-
-const NewsletterCheckbox = (_a) => {
-    var { labelTextProps, checked: checkedProps, LabelWrapper, useCollapse = true } = _a, props = __rest(_a, ["labelTextProps", "checked", "LabelWrapper", "useCollapse"]);
-    const { t } = useTranslations();
-    const [show, setShow] = useState(!useCollapse);
-    const [firstTime, setFirstTime] = useState(true);
-    const [checked, setChecked] = useState(checkedProps);
-    const labelProps = !LabelWrapper ? Object.assign({ size: 'p3' }, labelTextProps) : {};
-    const Component = LabelWrapper || Text;
-    const { classes } = useStyles$1(undefined, { name: 'NewsletterCheckbox' });
-    return (React__default.createElement(Flex, { gap: 8, align: 'flex-start' },
-        React__default.createElement(Checkbox, Object.assign({}, props, { label: undefined, size: "sm", checked: checked, onChange: (event) => {
-                if (firstTime) {
-                    setFirstTime(false);
-                }
-                else {
-                    setChecked(event.currentTarget.checked);
-                }
-            }, styles: {
-                labelWrapper: {
-                    display: 'none',
-                },
-            } })),
-        React__default.createElement(Box, null,
-            React__default.createElement(Component, Object.assign({}, labelProps, { onClick: () => {
-                    useCollapse && setShow((v) => !v);
-                }, className: classes.label, lineClamp: show ? undefined : 1 }), t('bmi.newsletter.label')))));
-};
-
-const DefaultForm = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const { t, locale } = useTranslations();
-    const { classes: cardWrapperClasses = {} } = useContext(CardWrapperContext);
-    const { control, bmiGenerated, linkTool, submitProps, withAdditionalQuestion, classes: formWrapperClasses = {}, } = useContext(BmiFormContext);
-    const radioStyle = {
-        body: {
-            alignItems: 'center',
-        },
-    };
-    return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default.createElement(HealthToolDefaultLayout$1, { isMobile: props.isMobile, gutter: 4 },
-            React__default.createElement(HealthToolDefaultLayout$1.Row, { px: 16 },
-                React__default.createElement(HealthToolDefaultLayout$1.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("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.GenderControl, { LabelWrapper: HealthToolDefaultLayout$1.Label, error: undefined, onChange: onChange, gap: 4 }),
-                                (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } })),
-                React__default.createElement(HealthToolDefaultLayout$1.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("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.ageInput')), placeholder: t('tools.inputPlaceholder', {
-                                        content: '25',
-                                    }), name: name, value: value, onChange: onChange, min: 0, rightSection: t('bmi.ageInput.desc'), classNames: {
-                                        rightSection: formWrapperClasses.inputRightSection,
-                                    } }),
-                                (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } })),
-                React__default.createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    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("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.heightInput')), rightSection: t('bmi.heightInput.desc'), placeholder: t('tools.inputPlaceholder', {
-                                        content: locale === LOCALE.Myanmar ? 6 : 170,
-                                    }), name: name, value: value, onChange: onChange, min: 0, classNames: {
-                                        rightSection: formWrapperClasses.inputRightSection,
-                                    } }),
-                                (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } })),
-                React__default.createElement(HealthToolDefaultLayout$1.Col, { span: 12 },
-                    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("div", null,
-                                React__default.createElement(HealthToolDefaultLayout$1.InputNumber, { label: React__default.createElement(HealthToolDefaultLayout$1.Label, null, t('bmi.weightInput')), rightSection: t('bmi.weightInput.desc'), placeholder: t('tools.inputPlaceholder', {
-                                        content: locale === LOCALE.Myanmar ? 130 : 60,
-                                    }), name: name, value: value, onChange: onChange, precision: 1, min: 0, classNames: {
-                                        rightSection: formWrapperClasses.inputRightSection,
-                                    } }),
-                                (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                        } }))),
-            withAdditionalQuestion ? (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Grid, { gutter: 4, px: 16 },
-                    React__default.createElement(HealthToolDefaultLayout$1.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("div", null,
-                                    React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Question1Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg" },
-                                        React__default.createElement(Flex, { gap: "lg" },
-                                            React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
-                                            React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
-                                    (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                            } })),
-                    React__default.createElement(HealthToolDefaultLayout$1.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("div", null,
-                                    React__default.createElement(Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default.createElement(Question2Label, { LabelWrapper: HealthToolDefaultLayout$1.Label }), size: "lg", description: locale !== LOCALE.Malaysia && (React__default.createElement(Question2Description, { LabelWrapper: HealthToolDefaultLayout$1.SubLabel })) },
-                                        React__default.createElement(Flex, { gap: "lg" },
-                                            React__default.createElement(Radio, { size: "sm", value: "1", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.yes')), styles: radioStyle }),
-                                            React__default.createElement(Radio, { size: "sm", value: "0", label: React__default.createElement(HealthToolDefaultLayout$1.OptionLabel, null, t('switchBtn.no')), styles: radioStyle }))),
-                                    (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolDefaultLayout$1.Error, { label: error.message }))));
-                            } }))),
-                React__default.createElement(Box, { className: clsx(formWrapperClasses.newsletterBlock, cardWrapperClasses.newsletterBlock) },
-                    React__default.createElement(Grid, { gutter: 8, px: 16, py: 12 },
-                        React__default.createElement(HealthToolDefaultLayout$1.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(NewsletterCheckbox, Object.assign({ size: "sm", onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
-                                } })),
-                        React__default.createElement(HealthToolDefaultLayout$1.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(Box, { px: 16, sx: { paddingBottom: 8 } },
-                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')))))));
-};
-
-var useStyles = createStyles((theme) => {
-    return {
-        newsletterBlock: {
-            backgroundColor: theme.colors.neutral[0],
-            borderBottomLeftRadius: 'inherit',
-            borderBottomRightRadius: 'inherit',
-            '.bmi-btn': {
-                marginTop: 0,
-            },
-        },
-        inputRightSection: {
-            fontSize: rem(13),
-            lineHeight: rem(24),
-            color: theme.colors.gray[4],
-            justifyContent: 'flex-end',
-            paddingRight: 8,
-            whiteSpace: 'nowrap',
-        },
-    };
-});
-
-const InlineForm = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { t, locale } = useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = useContext(BmiFormContext);
-    const { classes: wrapperClasses = {}, variant: cardWrapperVariant } = useContext(CardWrapperContext);
-    const { classes: formWrapperClasses = {} } = 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.FormRow, null,
-                    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.FormRow, null,
-                    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'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                        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')) }))));
-            } }),
-        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'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
-                        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')) }))));
-            } }),
-        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(HealthToolFormWrapper.FormRow, 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(ErrorLabel, { label: error.message, textProps: {
-                                size: 'p4',
-                            }, sx: { marginTop: 6 } }))));
-                } }),
-            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(HealthToolFormWrapper.FormRow, 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: locale !== LOCALE.Malaysia && (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(ErrorLabel, { label: error.message, textProps: {
-                                size: 'p4',
-                            }, sx: { marginTop: 6 } }))));
-                } }),
-            cardWrapperVariant === 'gray' || cardWrapperVariant === 'violet' ? (React__default.createElement(React__default.Fragment, 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(HealthToolFormWrapper.FormRow, null,
-                            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, { 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"]);
-                            return (React__default.createElement(NewsletterCheckbox, Object.assign({ size: "sm", labelTextProps: { size: 'p4' }, onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value, useCollapse: false }, field)));
-                        } }),
-                    React__default.createElement(Box, { 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(wrapperClasses.submitWrapper) },
-            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, isMobile } = _a, rest = __rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps", "withAdditionalQuestion", "isMobile"]);
-    const { classes } = useStyles(undefined, { name: 'BmiForm' });
-    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(TemplateProvider, { variant: CustomStylesType.LEADGEN },
-        React__default.createElement(BmiFormContext.Provider, { value: {
-                control,
-                bmiGenerated,
-                isTouched,
-                linkTool,
-                submitProps,
-                withAdditionalQuestion,
-                classes,
-            } }, formLayout === 'inline' ? (React__default.createElement(InlineForm, Object.assign({}, commonProps))) : (React__default.createElement(DefaultForm, Object.assign({}, commonProps, { isMobile: isMobile }))))));
-};
-
-const HealthToolDefaultLayoutContext = createContext({});
-
-const Row = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const { gutter } = useContext(HealthToolDefaultLayoutContext);
-    return (React__default.createElement(Grid, Object.assign({ gutter: gutter }, props), children));
-};
-const Col = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React__default.createElement(Grid.Col, Object.assign({ span: 12 }, props), children));
-};
-const Label = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const { labelSize } = useContext(HealthToolDefaultLayoutContext);
-    return (React__default.createElement(Text, Object.assign({ size: labelSize, weight: "semiBold" }, props, { span: true }), children));
-};
-const OptionLabel = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const { optionLabelSize } = useContext(HealthToolDefaultLayoutContext);
-    return (React__default.createElement(Text, Object.assign({ size: optionLabelSize, weight: "regular" }, props, { span: true }), children));
-};
-const SubLabel = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const { subLabelSize } = useContext(HealthToolDefaultLayoutContext);
-    return (React__default.createElement(Text, Object.assign({ size: subLabelSize }, props), children));
-};
-const InputNumber = (_a) => {
-    var { error } = _a, props = __rest(_a, ["error"]);
-    const { inputSize } = useContext(HealthToolDefaultLayoutContext);
-    return (React__default.createElement("div", null,
-        React__default.createElement(Input.Number, Object.assign({ size: inputSize }, props)),
-        error && React__default.createElement(Error, { label: error })));
-};
-const GenderControl = (props) => {
-    const { inputSize } = useContext(HealthToolDefaultLayoutContext);
-    return React__default.createElement(GenderOptionControl, Object.assign({ size: inputSize }, props));
-};
-const Error = (props) => {
-    const { errorLabelSize } = useContext(HealthToolDefaultLayoutContext);
-    return (React__default.createElement(ErrorLabel, Object.assign({ textProps: { size: errorLabelSize }, sx: { marginTop: 5 } }, props)));
-};
-const HealthToolDefaultLayout = (_a) => {
-    var _b, _c, _d, _e, _f, _g;
-    var { children, isMobile } = _a, props = __rest(_a, ["children", "isMobile"]);
-    const merged = Object.assign({ isMobile, labelSize: (_b = props.labelSize) !== null && _b !== void 0 ? _b : (isMobile ? 'p2' : 's4'), subLabelSize: (_c = props.subLabelSize) !== null && _c !== void 0 ? _c : 'subText', optionLabelSize: (_d = props.optionLabelSize) !== null && _d !== void 0 ? _d : (isMobile ? 'p2' : 's4'), inputSize: (_e = props.inputSize) !== null && _e !== void 0 ? _e : (isMobile ? 'sm' : 'md'), gutter: (_f = props.gutter) !== null && _f !== void 0 ? _f : (isMobile ? 4 : 12), errorLabelSize: (_g = props.errorLabelSize) !== null && _g !== void 0 ? _g : 'p3' }, props);
-    return (React__default.createElement(HealthToolDefaultLayoutContext.Provider, { value: merged }, children));
-};
-var HealthToolDefaultLayout$1 = Object.assign(HealthToolDefaultLayout, {
-    Row,
-    Col,
-    SubLabel,
-    Label,
-    OptionLabel,
-    Input,
-    InputNumber,
-    GenderControl,
-    Error,
-});
-
-export { BmiForm as B, HealthToolDefaultLayout$1 as H, NewsletterCheckbox as N, Question1Label as Q, Question2Label as a, Question2Description as b };