@hhgtech/hhg-components 1.29.82 → 1.29.83

package/build/esm/index-9a8df805.js

@@ -0,0 +1,147 @@
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
+import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
+import { Controller, useForm } from 'react-hook-form';
+import { u as useHealthToolsCache } from './useHealthToolCache-fe7dc697.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-697503a2.js';
+import { G as GenderOptionControl } from './index-3e2f70fe.js';
+import { c as Input } from './index-03d7200e.js';
+import '@mantine/core';
+import '@mantine/dates';
+import './index-39aa0c9f.js';
+import './index-38ced379.js';
+import './index-b9c4dfcb.js';
+import './useMantineLocale-faa72172.js';
+import { T as Text } from './index-7a1552e9.js';
+import './index-bdc3bd61.js';
+import { theme } from './miscTheme.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
+import '@mantine/hooks';
+import './utils-40533779.js';
+import './other-9b439f19.js';
+import { H as HealthToolFormWrapper } from './index-a1d2c38b.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { getBmi } from './embeddedHeathToolCards_helpers.js';
+
+const BmiFormContext = createContext({});
+
+const DefaultForm = (props) => {
+    var _a, _b, _c, _d;
+    const { t, locale } = useTranslations();
+    const { control, bmiGenerated, isTouched, linkTool, submitProps } = useContext(BmiFormContext);
+    return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default.createElement(Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
+                return (React__default.createElement(GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
+            } }),
+        React__default.createElement(Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray600 },
+                        t('bmi.ageInput'),
+                        ' ',
+                        React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.ageInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        content: '25',
+                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
+            } }),
+        React__default.createElement(Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray600 },
+                        t('bmi.heightInput'),
+                        ' ',
+                        React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.heightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        content: '170',
+                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', min: 0 }));
+            } }),
+        React__default.createElement(Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                return (React__default.createElement(Input.Number, { label: React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray600 },
+                        t('bmi.weightInput'),
+                        ' ',
+                        React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray300, as: "span" }, t('bmi.weightInput.desc'))), placeholder: t('tools.inputPlaceholder', {
+                        content: '60',
+                    }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
+            } }),
+        React__default.createElement(HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+};
+
+const InlineForm = (props) => {
+    var _a, _b, _c, _d;
+    const { t, locale } = useTranslations();
+    const { control, bmiGenerated, isTouched, linkTool, submitProps } = useContext(BmiFormContext);
+    return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default.createElement(Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
+                return (React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default.createElement(GenderOptionControl, { type: "radio", hideLabel: true, error: isTouched ? React__default.createElement(React__default.Fragment, null) : '', onChange: onChange })));
+            } }),
+        React__default.createElement(Controller, { name: "age", control: control, rules: (_b = bmiGenerated.age) === null || _b === void 0 ? void 0 : _b.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                return (React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.ageInput'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default.createElement(Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                            content: '25',
+                        }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default.createElement(React__default.Fragment, null) : '', min: 0, rightSection: React__default.createElement(HealthToolFormWrapper.Unit, null, t('tools.yearsOld')), styles: () => ({
+                            rightSection: {
+                                width: 'auto',
+                            },
+                        }) })));
+            } }),
+        React__default.createElement(Controller, { name: "height", control: control, rules: (_c = bmiGenerated.height) === null || _c === void 0 ? void 0 : _c.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
+                    React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
+                        React__default.createElement(Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                                content: '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('babyGrowth.cm')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
+            } }),
+        React__default.createElement(Controller, { name: "weight", control: control, rules: (_d = bmiGenerated.weight) === null || _d === void 0 ? void 0 : _d.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                return (React__default.createElement(HealthToolFormWrapper.FormRow, null,
+                    React__default.createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
+                        React__default.createElement(Input.Number, { placeholder: t('tools.inputPlaceholder', {
+                                content: '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('babyGrowth.kg')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default.createElement(HealthToolFormWrapper.Error, null, error.message))));
+            } }),
+        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 } = _a, rest = __rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps"]);
+    const [isTouched, setIsTouched] = useState(false);
+    const { control, handleSubmit, setValue, watch } = useForm();
+    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 = {
+            gender: data.gender,
+            age: data.age,
+            height,
+            weight,
+            bmi: getBmi({ height, weight }),
+        };
+        onInValid();
+        onSubmitProps && onSubmitProps(submitValue);
+    });
+    const onInValid = () => {
+        setIsTouched(true);
+    };
+    useEffect(() => {
+        Object.keys(valueProps || {}).forEach((k) => {
+            const key = k;
+            setValue(key, valueProps === null || valueProps === void 0 ? void 0 : valueProps[key], {
+                shouldTouch: false,
+                shouldDirty: false,
+                shouldValidate: false,
+            });
+        });
+    }, [valueProps]);
+    useEffect(() => {
+        onChangeProps && onChangeProps(data);
+    }, [data]);
+    const commonProps = Object.assign({ onSubmit: handleSubmit(onValid, onInValid) }, rest);
+    return (React__default.createElement(BmiFormContext.Provider, { value: {
+            control,
+            bmiGenerated,
+            isTouched,
+            linkTool,
+            submitProps,
+        } }, formLayout === 'inline' ? (React__default.createElement(InlineForm, Object.assign({}, commonProps))) : (React__default.createElement(DefaultForm, Object.assign({}, commonProps)))));
+};
+
+export { BmiForm as B };

package/build/esm/{index-c013ba1b.js → index-9aee96f2.js}

@@ -1,9 +1,10 @@
-import { c as cookie } from './index-ad1c7c38.js';
-import { B as BEARER_TOKEN_COOKIE, d as domainLocales } from './index-6210f454.js';
-import { N as NodeIntentType } from './index-189d7601.js';
+import { c as cookie } from './index-44870130.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-39aa0c9f.js';
+import { N as NodeIntentType } from './index-38ced379.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
-import { i as isProduction } from './isProduction-1937d355.js';
+import { isProduction } from './constantsIsProduction.js';
+import { domainLocales } from './constantsDomainLocales.js';
 
 const queryKeysJson = [
     'form_submit_meta',

package/build/esm/index-a1658f07.js

@@ -0,0 +1,60 @@
+import { _ as __rest } from './tslib.es6-2d738692.js';
+import React__default from 'react';
+import { createStyles, rem, Box } from '@mantine/core';
+import './index-03d7200e.js';
+import '@mantine/dates';
+import './index-39aa0c9f.js';
+import './index-38ced379.js';
+import './index-b9c4dfcb.js';
+import './useMantineLocale-faa72172.js';
+import { T as Text } from './index-7a1552e9.js';
+import { B as Button } from './index-bdc3bd61.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
+import '@mantine/hooks';
+import './utils-40533779.js';
+import './other-9b439f19.js';
+
+var useStyles = createStyles((theme, { hasOnClickFn }) => {
+    return {
+        root: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: rem(16),
+        },
+        sponsorBox: {
+            display: 'flex',
+            gap: rem(12),
+            alignItems: 'center',
+            backgroundColor: theme.colors.neutral[0],
+            border: `1px solid ${theme.colors.neutral[1]}`,
+            borderRadius: rem(4),
+            padding: '4px 12px',
+            alignSelf: 'flex-start',
+        },
+        sponsorLogo: {
+            maxHeight: rem(32),
+        },
+        btn: {
+            minWidth: rem(180),
+            [theme.fn.largerThan('sm')]: {
+                alignSelf: 'flex-end',
+            },
+            visibility: hasOnClickFn ? 'visible' : 'hidden',
+        },
+    };
+});
+
+const BabyPoopForm = (_a) => {
+    var { babyPoopPage, onClickFindOut, currentUrl, sponsorLogo, btnProps, styles, classNames } = _a, props = __rest(_a, ["babyPoopPage", "onClickFindOut", "currentUrl", "sponsorLogo", "btnProps", "styles", "classNames"]);
+    const { t } = useTranslations();
+    const { classes } = useStyles({ hasOnClickFn: Boolean(onClickFindOut) }, { name: 'BabyPoopForm', styles, classNames });
+    return (React__default.createElement(Box, Object.assign({ className: classes.root }, props),
+        sponsorLogo && (React__default.createElement(Box, { className: classes.sponsorBox },
+            React__default.createElement(Text, { size: "p4" }, t('common.sponsoredBy')),
+            React__default.createElement("img", { loading: "lazy", src: sponsorLogo, alt: "sponsor", className: classes.sponsorLogo }))),
+        React__default.createElement(Text, { size: "p3", className: "description" }, babyPoopPage.description),
+        React__default.createElement(Button, Object.assign({ className: classes.btn, onClick: onClickFindOut, dataEventCategory: "Health Tool", dataEventAction: "Baby Stool Inquiry", dataEventLabel: currentUrl }, btnProps), t('babyPoop.findOut'))));
+};
+
+export { BabyPoopForm as B };

package/build/esm/{constants-fa475b0f.js → index-a1d2c38b.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { _ as __rest } from './tslib.es6-2d738692.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-5723381f.js';
-import { B as Button } from './index-1d3c6ce7.js';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { T as Text } from './index-7a1552e9.js';
+import { B as Button } from './index-bdc3bd61.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { t as theme } from './theme-7dadf4a1.js';
+import { theme } from './miscTheme.js';
 
 var useStyles$8 = createStyles(() => {
     return {
@@ -399,19 +399,4 @@ HealthToolFormWrapper.Unit = Unit;
 HealthToolFormWrapper.Switching = Switching;
 HealthToolFormWrapper.ChipGroup = ChipGroup;
 
-const INPUT_RANGE = {
-    height: {
-        min: 1,
-        max: 300,
-    },
-    weight: {
-        min: 1,
-        max: 200,
-    },
-    pregnantWeek: {
-        min: 1,
-        max: 40,
-    },
-};
-
-export { HealthToolFormWrapper as H, INPUT_RANGE as I };
+export { HealthToolFormWrapper as H };

package/build/esm/{index-219e3a35.js → index-a51336b9.js}

@@ -1,19 +1,19 @@
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { _ as __rest } from './tslib.es6-2d738692.js';
 import React__default from 'react';
-import './index-9b3a8b6d.js';
+import './index-03d7200e.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-6210f454.js';
-import './index-189d7601.js';
-import './index-9471fca1.js';
-import './useMantineLocale-453f8013.js';
-import { T as Text$1 } from './index-5723381f.js';
-import './index-1d3c6ce7.js';
-import './theme-7dadf4a1.js';
-import './translationsContext-42a1fa63.js';
+import './index-39aa0c9f.js';
+import './index-38ced379.js';
+import './index-b9c4dfcb.js';
+import './useMantineLocale-faa72172.js';
+import { T as Text$1 } from './index-7a1552e9.js';
+import './index-bdc3bd61.js';
+import './translationsContext-68168ff3.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-d7bbdb52.js';
+import './utils-40533779.js';
+import './other-9b439f19.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-07f3f47e.js → index-a57a5338.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-049e0270.js';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { I as Icon } from './index-f1025cea.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-ea63e0d2.js → index-a7f10a58.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-9b3a8b6d.js';
+import { F as Flag } from './index-03d7200e.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-7dadf4a1.js';
-import { T as Text } from './index-5723381f.js';
-import { C as CommonGAssets } from './index-9471fca1.js';
+import { theme } from './miscTheme.js';
+import { T as Text } from './index-7a1552e9.js';
+import { C as CommonGAssets } from './index-b9c4dfcb.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-f4b938f2.js → index-b123bf27.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-7dadf4a1.js';
+import { theme } from './miscTheme.js';
 
 const StyledDivider = styled.hr `
   border-width: 1px;

package/build/esm/{index-01405723.js → index-b1e1f9b4.js}

@@ -1,19 +1,20 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-06ba3978.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-2d738692.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-9b3a8b6d.js';
+import { c as Input, S as Select } from './index-03d7200e.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-6210f454.js';
-import { L as LOCALE } from './index-189d7601.js';
-import './index-9471fca1.js';
-import './useMantineLocale-453f8013.js';
-import './index-5723381f.js';
-import './index-1d3c6ce7.js';
-import './theme-7dadf4a1.js';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { C as CDN_ADDRESS } from './index-39aa0c9f.js';
+import './index-38ced379.js';
+import './index-b9c4dfcb.js';
+import './useMantineLocale-faa72172.js';
+import './index-7a1552e9.js';
+import './index-bdc3bd61.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import '@mantine/hooks';
-import './utils-d7bbdb52.js';
-import { M as MAPPED_LOCALE } from './utils-6d45bdd1.js';
+import './utils-40533779.js';
+import './other-9b439f19.js';
+import { M as MAPPED_LOCALE } from './utils-dbc80293.js';
+import { L as LOCALE } from './Locale-c6a90240.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-f22f6e6e.js → index-b2ea5cc7.js}

@@ -1,13 +1,14 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06ba3978.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-b83be1a0.js';
-import { L as LOCALIZED_SLUGS } from './constants-f6b2e49d.js';
-import { B as Button } from './index-1d3c6ce7.js';
-import { d as domainLocales } from './index-6210f454.js';
-import { c as callApi, g as getCarePath } from './utils-3b29eb79.js';
-import { i as isProduction } from './isProduction-1937d355.js';
+import { P as PATHS } from './paths-67ad72a7.js';
+import { L as LOCALIZED_SLUGS } from './constants-b3779c5e.js';
+import { B as Button } from './index-bdc3bd61.js';
+import './index-39aa0c9f.js';
+import { c as callApi, g as getCarePath } from './utils-c730ad5d.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 
 var useStyles = createStyles((theme) => {
     return {

package/build/esm/{index-e0b0d6a2.js → index-b5019321.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-5723381f.js';
+import { T as Text } from './index-7a1552e9.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-7dadf4a1.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-d7bbdb52.js';
-import { R as Radio$1 } from './index-9b3a8b6d.js';
-import { T as Text$1 } from './index-219e3a35.js';
-import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { theme } from './miscTheme.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-40533779.js';
+import { R as Radio$1 } from './index-03d7200e.js';
+import { T as Text$1 } from './index-a51336b9.js';
+import { setDefaultClass } from './miscDefaultClassWrapper.js';
+import { _ as __rest } from './tslib.es6-2d738692.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-9471fca1.js → index-b9c4dfcb.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-6210f454.js';
-import { i as isProduction } from './isProduction-1937d355.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-acf8b60e.js → index-bb53d99f.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-f660abb7.js';
-import { t as theme } from './theme-7dadf4a1.js';
+import { L as Label } from './index-288b564e.js';
+import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `
   textarea {

package/build/esm/{index-1d3c6ce7.js → index-bdc3bd61.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-06ba3978.js';
+import { _ as __rest } from './tslib.es6-2d738692.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-02d3f05b.js → index-c41ef517.js}

@@ -1,32 +1,36 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-9471fca1.js';
-import { b as callApiWithAuth, d as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-3b29eb79.js';
-import { R as RISK_SCREENER_NAME, d as domainLocales, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-6210f454.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-06ba3978.js';
-import { I as ImageWrap, e as Checkbox, f as ChipButton, c as Input, t as themeColors, b as AspectRatio$1 } from './index-9b3a8b6d.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-9e330438.js';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { C as CommonGAssets } from './index-b9c4dfcb.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-c730ad5d.js';
+import { G as GA_TOKEN_COOKIE } from './index-39aa0c9f.js';
+import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
+import { I as ImageWrap, e as Checkbox, f as ChipButton, c as Input, t as themeColors, b as AspectRatio$1 } from './index-03d7200e.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-f2e46f96.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import '@mantine/dates';
-import { L as LOCALE } from './index-189d7601.js';
-import './useMantineLocale-453f8013.js';
-import { T as Text } from './index-5723381f.js';
-import { B as Button } from './index-1d3c6ce7.js';
-import './theme-7dadf4a1.js';
+import './index-38ced379.js';
+import './useMantineLocale-faa72172.js';
+import { T as Text } from './index-7a1552e9.js';
+import { B as Button } from './index-bdc3bd61.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-d7bbdb52.js';
-import './translationsContext-42a1fa63.js';
+import './utils-40533779.js';
+import './other-9b439f19.js';
+import { PATHS as PATHS$2 } from './togetherApiPaths.js';
+import './translationsContext-68168ff3.js';
 import 'string-format';
-import { H as Heading } from './index-046778af.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-6ce1724e.js';
-import { I as Icon } from './index-049e0270.js';
-import { i as isProduction } from './isProduction-1937d355.js';
+import { H as Heading } from './index-f0184ea4.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-fe7dc697.js';
+import { I as Icon } from './index-f1025cea.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-cfedca38.js';
+import { M as Modal } from './index-3e3904ec.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
+import { L as LOCALE } from './Locale-c6a90240.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-0cd3523c.js → index-d462b2bd.js}

@@ -1,45 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06ba3978.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
 import React__default, { useMemo, useRef, useState, Fragment, useEffect, useContext, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-ea63e0d2.js';
-import { b as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-6210f454.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-7a93ebb9.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-9e330438.js';
-import { P as Popup, a as formatCommunity, b as formatPost } from './dataTransform-623716c3.js';
-import { L as Logo } from './index-2dc7803d.js';
-import { u as useTranslations } from './useTranslations-b970f667.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-a7f10a58.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-39aa0c9f.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-243e6342.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-f2e46f96.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-8852461c.js';
+import { L as Logo } from './index-e0f8a206.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
-import { a as Avatar, c as Input } from './index-9b3a8b6d.js';
+import { a as Avatar, c as Input } from './index-03d7200e.js';
 import '@mantine/dates';
-import { L as LOCALE } from './index-189d7601.js';
-import { C as CommonGAssets } from './index-9471fca1.js';
-import './useMantineLocale-453f8013.js';
-import { T as Text } from './index-5723381f.js';
-import { B as Button$1 } from './index-1d3c6ce7.js';
-import { t as theme } from './theme-7dadf4a1.js';
-import './translationsContext-42a1fa63.js';
+import './index-38ced379.js';
+import { C as CommonGAssets } from './index-b9c4dfcb.js';
+import './useMantineLocale-faa72172.js';
+import { T as Text } from './index-7a1552e9.js';
+import { B as Button$1 } from './index-bdc3bd61.js';
+import './translationsContext-68168ff3.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d7bbdb52.js';
-import { L as LOCALISED_SLUGS } from './constants-bb470362.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-40533779.js';
+import './other-9b439f19.js';
+import { L as LOCALISED_SLUGS } from './constants-e930bc7b.js';
 import styled from '@emotion/styled';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
-import { C as ChevronDown } from './ChevronDown-31ea3e19.js';
+import { theme } from './miscTheme.js';
+import { setDefaultClass } from './miscDefaultClassWrapper.js';
+import { C as ChevronDown } from './ChevronDown-b58f1e76.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-9b9c1499.js';
-import { i as domainLocalesMarryBaby } from './utils-3b29eb79.js';
-import { L as LOCALIZED_SLUGS } from './constants-f6b2e49d.js';
-import { H as Heading } from './index-046778af.js';
-import { I as Indicator$1 } from './index-0ca9b175.js';
-import { u as useIsInit } from './useIsInit-f4dec279.js';
+import { B as Button } from './index-f93799fc.js';
+import { P as Popup } from './index-f3903d13.js';
+import { L as LOCALE } from './Locale-c6a90240.js';
+import { i as domainLocalesMarryBaby } from './utils-c730ad5d.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { L as LOCALIZED_SLUGS } from './constants-b3779c5e.js';
+import { H as Heading } from './index-f0184ea4.js';
+import { I as Indicator$1 } from './index-88c06a7e.js';
+import { u as useIsInit } from './useIsInit-6be72906.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-9f99909b.js';
+import { U as UserAvatar } from './index-41a809d7.js';
 import { ArrowRight } from '@hhgtech/icons/other';
-import { C as Container } from './index-266a32ff.js';
+import { C as Container } from './index-77dc8ed1.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-80bfe8b7.js';
+import { g as getDataWithCache } from './core-36290fcb.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2833,13 +2837,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-e0c2476d.js').then((data) => {
+                import('./doctor-9f166022.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-1ac23ce7.js').then((data) => {
+                import('./cart-043dfe5c.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-21256394.js → index-d5bcc5cc.js}

@@ -2,7 +2,7 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-7dadf4a1.js';
+import { theme } from './miscTheme.js';
 
 const MONTHS_TRANSLATION = {
     'vi-VN': [