@hhgtech/hhg-components 1.29.81 → 1.29.83

package/build/index-72e5dba6.js

@@ -0,0 +1,153 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var useHealthToolCache = require('./useHealthToolCache-9d59f009.js');
+var constants = require('./constants-1953275e.js');
+var index$1 = require('./index-48ef94cb.js');
+var index$2 = require('./index-df9447b3.js');
+require('@mantine/core');
+require('@mantine/dates');
+require('./index-617bff8c.js');
+require('./index-d91f52cc.js');
+require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index$3 = require('./index-036fe55d.js');
+require('./index-8cb3f562.js');
+var miscTheme = require('./miscTheme.js');
+var useTranslations = require('./useTranslations-80687df4.js');
+require('@mantine/hooks');
+require('./utils-928b4701.js');
+require('./other-0edcc417.js');
+var index = require('./index-769ecf0d.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const BmiFormContext = React.createContext({});
+
+const DefaultForm = (props) => {
+    var _a, _b, _c, _d;
+    const { t, locale } = useTranslations.useTranslations();
+    const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
+    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
+                return (React__default["default"].createElement(index$1.GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
+            } }),
+        React__default["default"].createElement(reactHookForm.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["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                        t('bmi.ageInput'),
+                        ' ',
+                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.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["default"].createElement(reactHookForm.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["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                        t('bmi.heightInput'),
+                        ' ',
+                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.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["default"].createElement(reactHookForm.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["default"].createElement(index$2.Input.Number, { label: React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.theme.colors.gray600 },
+                        t('bmi.weightInput'),
+                        ' ',
+                        React__default["default"].createElement(index$3.Text, { size: "s4", weight: "semiBold", color: miscTheme.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["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+};
+
+const InlineForm = (props) => {
+    var _a, _b, _c, _d;
+    const { t, locale } = useTranslations.useTranslations();
+    const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
+    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
+                return (React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default["default"].createElement(index$1.GenderOptionControl, { type: "radio", hideLabel: true, error: isTouched ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', onChange: onChange })));
+            } }),
+        React__default["default"].createElement(reactHookForm.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["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.ageInput'), errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
+                    React__default["default"].createElement(index$2.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["default"].createElement(React__default["default"].Fragment, null) : '', min: 0, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('tools.yearsOld')), styles: () => ({
+                            rightSection: {
+                                width: 'auto',
+                            },
+                        }) })));
+            } }),
+        React__default["default"].createElement(reactHookForm.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["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+                    React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.heightInput') },
+                        React__default["default"].createElement(index$2.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["default"].createElement(React__default["default"].Fragment, null) : '', rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, error.message))));
+            } }),
+        React__default["default"].createElement(reactHookForm.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["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
+                    React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('bmi.weightInput') },
+                        React__default["default"].createElement(index$2.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["default"].createElement(React__default["default"].Fragment, null) : '', precision: 1, min: 0, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
+                    isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, error.message))));
+            } }),
+        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+};
+
+const BmiForm = (_a) => {
+    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps } = _a, rest = tslib_es6.__rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps"]);
+    const [isTouched, setIsTouched] = React.useState(false);
+    const { control, handleSubmit, setValue, watch } = reactHookForm.useForm();
+    const data = watch();
+    const { locale } = useTranslations.useTranslations();
+    const { getHealthToolLink } = useHealthToolCache.useHealthToolsCache(locale);
+    const linkTool = React.useMemo(() => getHealthToolLink(constants.HEALTH_TOOL_TYPE.OVULATION), [getHealthToolLink]);
+    const onValid = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        const height = bmiUnit.heightConvert(data.height);
+        const weight = bmiUnit.weightConvert(data.weight);
+        const submitValue = {
+            gender: data.gender,
+            age: data.age,
+            height,
+            weight,
+            bmi: embeddedHeathToolCards_helpers.getBmi({ height, weight }),
+        };
+        onInValid();
+        onSubmitProps && onSubmitProps(submitValue);
+    });
+    const onInValid = () => {
+        setIsTouched(true);
+    };
+    React.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]);
+    React.useEffect(() => {
+        onChangeProps && onChangeProps(data);
+    }, [data]);
+    const commonProps = Object.assign({ onSubmit: handleSubmit(onValid, onInValid) }, rest);
+    return (React__default["default"].createElement(BmiFormContext.Provider, { value: {
+            control,
+            bmiGenerated,
+            isTouched,
+            linkTool,
+            submitProps,
+        } }, formLayout === 'inline' ? (React__default["default"].createElement(InlineForm, Object.assign({}, commonProps))) : (React__default["default"].createElement(DefaultForm, Object.assign({}, commonProps)))));
+};
+
+exports.BmiForm = BmiForm;

package/build/{constants-dd16fb4d.js → index-769ecf0d.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-d34cd464.js');
-var index$1 = require('./index-a7de42d1.js');
-var useTranslations = require('./useTranslations-200168a3.js');
+var index = require('./index-036fe55d.js');
+var index$1 = require('./index-8cb3f562.js');
+var useTranslations = require('./useTranslations-80687df4.js');
 var flattenChildren = require('react-keyed-flatten-children');
-var theme = require('./theme-e4f7f487.js');
+var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -359,12 +359,12 @@ const Error = (_a) => {
     return React__default["default"].createElement(index.Text, Object.assign({ size: "p4", className: cx(className, classes.root) }, props));
 };
 
-var useStyles = core.createStyles((theme$1) => {
-    const isMarryBaby = theme$1.other.template === 'mb';
+var useStyles = core.createStyles((theme) => {
+    const isMarryBaby = theme.other.template === 'mb';
     return {
         root: {
             label: Object.assign({}, (isMarryBaby && {
-                color: theme.theme.mbColors.midGray,
+                color: miscTheme.theme.mbColors.midGray,
                 fontSize: core.rem(12),
                 fontWeight: 'normal',
             })),
@@ -406,20 +406,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,
-    },
-};
-
 exports.HealthToolFormWrapper = HealthToolFormWrapper;
-exports.INPUT_RANGE = INPUT_RANGE;

package/build/index-7b98097c.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var styled = require('@emotion/styled');
+var miscTheme = require('./miscTheme.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledDivider = styled__default["default"].hr `
+  border-width: 1px;
+  border-color: ${miscTheme.theme.colors.neutral200};
+  border-style: ${(props) => props.dividerType};
+`;
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Divider = ({ type = 'solid', className, style }) => {
+    return (React__default["default"].createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
+};
+
+exports.Divider = Divider;

package/build/{index-838b0f95.js → index-7e89d856.js}

@@ -1,13 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
-var index = require('./index-df5cd44b.js');
+require('./index-d91f52cc.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-1efa7d84.js');
-var theme = require('./theme-e4f7f487.js');
-var index$1 = require('./index-05f106c2.js');
-var index$3 = require('./index-def9867a.js');
+var index$1 = require('./index-6e7aede8.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-df9447b3.js');
+var index$2 = require('./index-a8c1c011.js');
+var Locale = require('./Locale-0b86b849.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -24,7 +25,7 @@ const StyledIconContainer = styled__default["default"].div `
   justify-content: center;
 
   border: 1px solid #e4e8ec;
-  background-color: ${(props) => props.backgroundColor || theme.theme.colors.white};
+  background-color: ${(props) => props.backgroundColor || miscTheme.theme.colors.white};
   border-radius: ${(props) => props.borderRadius || '50%'};
   & > * {
     width: ${(props) => props.iconSize}px;
@@ -34,11 +35,11 @@ const StyledIconContainer = styled__default["default"].div `
 const StyledPillContainer = styled__default["default"].div `
   display: inline-block;
   height: 108px;
-  background-color: ${theme.theme.colors.white};
+  background-color: ${miscTheme.theme.colors.white};
   border-radius: 60px;
   cursor: pointer;
   &.selected-week-pill {
-    background-color: ${theme.theme.colors.pink100};
+    background-color: ${miscTheme.theme.colors.pink100};
   }
 
   & > div:first-child {
@@ -55,18 +56,18 @@ const StyledPillContainer = styled__default["default"].div `
   }
 `;
 
-const LONG_TITLE_LOCALE = [index.LOCALE.Myanmar, index.LOCALE.Taiwan];
+const LONG_TITLE_LOCALE = [Locale.LOCALE.Myanmar, Locale.LOCALE.Taiwan];
 const Pill = (_a) => {
     var { icon, name, className, locale = 'en-PH', dataEventCategory, dataEventAction, dataEventLabel, onSelect } = _a, rest = tslib_es6.__rest(_a, ["icon", "name", "className", "locale", "dataEventCategory", "dataEventAction", "dataEventLabel", "onSelect"]);
     const isSelected = React.useMemo(() => className === null || className === void 0 ? void 0 : className.includes('selected-week-pill'), [className]);
     return (React__default["default"].createElement(StyledPillContainer, Object.assign({ onClick: onSelect, className: className
             ? 'week-pill'.concat(' non-pointer-event-child ', className)
             : 'week-pill non-pointer-event-child', "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, rest),
-        React__default["default"].createElement(StyledIconContainer, { size: 64, iconSize: 40, backgroundColor: theme.theme.colors.white },
-            React__default["default"].createElement(index$1.ImageWrap, { src: icon || index$2.CommonGAssets.getAssetPath('week_default.png'), alt: `week ${name}` })),
-        isSelected ? (React__default["default"].createElement(index$3.Text, Object.assign({ type: "semiBold", size: "n1", color: theme.theme.colors.gray800 }, (LONG_TITLE_LOCALE.includes(locale) && {
+        React__default["default"].createElement(StyledIconContainer, { size: 64, iconSize: 40, backgroundColor: miscTheme.theme.colors.white },
+            React__default["default"].createElement(index.ImageWrap, { src: icon || index$1.CommonGAssets.getAssetPath('week_default.png'), alt: `week ${name}` })),
+        isSelected ? (React__default["default"].createElement(index$2.Text, Object.assign({ type: "semiBold", size: "n1", color: miscTheme.theme.colors.gray800 }, (LONG_TITLE_LOCALE.includes(locale) && {
             style: { fontSize: '10px' },
-        })), name)) : (React__default["default"].createElement(index$3.Text, Object.assign({ size: "n1", color: theme.theme.colors.gray600 }, (LONG_TITLE_LOCALE.includes(locale) && {
+        })), name)) : (React__default["default"].createElement(index$2.Text, Object.assign({ size: "n1", color: miscTheme.theme.colors.gray600 }, (LONG_TITLE_LOCALE.includes(locale) && {
             style: { fontSize: '10px' },
         })), name))));
 };
@@ -74,13 +75,13 @@ const Pill = (_a) => {
 const StyledPill = styled__default["default"](Pill) `
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
 `;
-const StyledSlide = styled__default["default"](index$1.CentralCarousel.Slide) `
+const StyledSlide = styled__default["default"](index.CentralCarousel.Slide) `
   cursor: pointer;
   > div * {
     pointer-events: none;
   }
 `;
-const StyledCarousel = styled__default["default"](index$1.CentralCarousel) `
+const StyledCarousel = styled__default["default"](index.CentralCarousel) `
   .centerred-pill-wrapper {
     padding: 16px 0;
   }
@@ -90,7 +91,7 @@ const StyledCarousel = styled__default["default"](index$1.CentralCarousel) `
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
  */
 const PillCarousel = (_a) => {
-    var { data, isMobile, onSlideChange, pillProps, locale = index.LOCALE.Vietnam, blurFromIndex, blurLength } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile", "onSlideChange", "pillProps", "locale", "blurFromIndex", "blurLength"]);
+    var { data, isMobile, onSlideChange, pillProps, locale = Locale.LOCALE.Vietnam, blurFromIndex, blurLength } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile", "onSlideChange", "pillProps", "locale", "blurFromIndex", "blurLength"]);
     const sliderProps = {
         withControls: !isMobile,
         slideGap: 16,

package/build/{index-73cde644.js → index-7efbe5e3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-05f106c2.js');
+var index$2 = require('./index-df9447b3.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-e4f7f487.js');
-var index = require('./index-d34cd464.js');
-var index$1 = require('./index-1efa7d84.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-036fe55d.js');
+var index$1 = require('./index-6e7aede8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -38,11 +38,11 @@ const StyledLanguageChangeLink = styled__default["default"].a `
   padding: 7px 11px;
   gap: 2px;
 
-  background: ${theme.theme.colors.white};
-  border: 1px solid ${theme.theme.colors.neutral100};
+  background: ${miscTheme.theme.colors.white};
+  border: 1px solid ${miscTheme.theme.colors.neutral100};
   border-radius: 20px;
 
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
@@ -94,7 +94,7 @@ const StyledOption = styled__default["default"].div `
   justify-content: space-between;
 
   padding: 0 16px;
-  border-radius: ${theme.theme.borderRadius};
+  border-radius: ${miscTheme.theme.borderRadius};
   cursor: pointer;
 
   .check-icon {
@@ -102,7 +102,7 @@ const StyledOption = styled__default["default"].div `
     height: 16px;
   }
   &[data-selected='false'] {
-    background-color: ${theme.theme.colors.gray100};
+    background-color: ${miscTheme.theme.colors.gray100};
   }
 `;
 const StyledPopupBackground = styled__default["default"].div `

package/build/{index-a7de42d1.js → index-8cb3f562.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
 var core = require('@mantine/core');
 

package/build/{index-c225ef22.js → index-92a816de.js}

@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-df5cd44b.js');
-var index$2 = require('./index-1efa7d84.js');
+var Locale = require('./Locale-0b86b849.js');
+var index$1 = require('./index-6e7aede8.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-524bda7c.js');
-var logoIcon = require('./logoIcon-ee9a5501.js');
-var index$1 = require('./index-05f106c2.js');
+var utils = require('./utils-928b4701.js');
+var logoIcon = require('./logoIcon-d9adf505.js');
+require('./index-d91f52cc.js');
+var index = require('./index-df9447b3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -182,10 +183,10 @@ const LunarNewYearMapping = {
     2040: [12, 1],
 };
 const LunarNewYearLocale = [
-    index.LOCALE.Vietnam,
-    index.LOCALE.Taiwan,
-    index.LOCALE.Indonesia,
-    index.LOCALE.Malaysia,
+    Locale.LOCALE.Vietnam,
+    Locale.LOCALE.Taiwan,
+    Locale.LOCALE.Indonesia,
+    Locale.LOCALE.Malaysia,
 ];
 const isLunarNewYear = (date) => {
     const year = date.getFullYear();
@@ -291,9 +292,9 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
         const isLunarNewYearMemo = LunarNewYearLocale.includes(locale) && isLunarNewYear(dateForSeasonalDate);
         const isNewYearMemo = !isLunarNewYearMemo && isNewYear(dateForSeasonalDate);
         const isRamadanMemo = isRamadan(dateForSeasonalDate);
-        const isVNHungKingMemo = locale === index.LOCALE.Vietnam && isVNHungKing(dateForSeasonalDate);
-        const isVN3004Memo = locale === index.LOCALE.Vietnam && isVN3004(dateForSeasonalDate);
-        const isLabourDayMemo = locale === index.LOCALE.Vietnam && isLabourDay(dateForSeasonalDate);
+        const isVNHungKingMemo = locale === Locale.LOCALE.Vietnam && isVNHungKing(dateForSeasonalDate);
+        const isVN3004Memo = locale === Locale.LOCALE.Vietnam && isVN3004(dateForSeasonalDate);
+        const isLabourDayMemo = locale === Locale.LOCALE.Vietnam && isLabourDay(dateForSeasonalDate);
         setSeasonalChecks({
             isChristmas: isChristmasMemo,
             isLunarNewYear: isLunarNewYearMemo,
@@ -320,20 +321,20 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
                                     ? 'labour-day'
                                     : undefined, "data-type": type },
         seasonalChecks.isChristmas ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "left xmas logo", src: index$2.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "right xmas logo", src: index$2.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "left new year logo", src: index$2.CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "right new year logo", src: index$2.CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
+            React__default["default"].createElement(index.ImageWrap, { alt: "left xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left new year logo", src: index$1.CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right new year logo", src: index$1.CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$1.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$2.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : null,
         React__default["default"].createElement(logoIcon.LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height }),
-        isPro ? (React__default["default"].createElement(StyledProLogo, { src: index$2.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
+        isPro ? (React__default["default"].createElement(StyledProLogo, { src: index$1.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
         badge));
 };
 

package/build/{index-b773bc3d.js → index-99ddd1a4.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-var index$1 = require('./index-e0bf03ac.js');
-var index$2 = require('./index-a86ea1b6.js');
-var index = require('./index-df5cd44b.js');
+var index$1 = require('./index-053ed018.js');
+var index$2 = require('./index-617bff8c.js');
+var index = require('./index-d91f52cc.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
-var isProduction = require('./isProduction-aa963bf9.js');
+var constantsIsProduction = require('./constantsIsProduction.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -201,7 +202,7 @@ const getHelloSitesUrl = (locale, ignoreLocal) => {
     if (isLocalhost) {
         return 'http://localhost'; // or any other localhost URL you want to use as fallback
     }
-    return `https://${isProduction.isProduction ? '' : 'discover.'}${index$2.domainLocales[locale]}`;
+    return `https://${constantsIsProduction.isProduction ? '' : 'discover.'}${constantsDomainLocales.domainLocales[locale]}`;
 };
 const checkMobile = (userAgent) => {
     const ua = userAgent || (typeof navigator === 'undefined' ? '' : navigator.userAgent);

package/build/{index-6acb08c0.js → index-a0659d79.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var useTranslations = require('./useTranslations-200168a3.js');
-var cookieHelper = require('./cookieHelper-17491ce8.js');
-var index$1 = require('./index-1efa7d84.js');
-var normalizeLink = require('./normalizeLink-451ae6d8.js');
-var theme = require('./theme-e4f7f487.js');
-var index = require('./index-06fa8444.js');
-var index$2 = require('./index-6c27b627.js');
-var index$3 = require('./index-c2900d8c.js');
+var useTranslations = require('./useTranslations-80687df4.js');
+var miscCookieHelper = require('./miscCookieHelper.js');
+var index$1 = require('./index-6e7aede8.js');
+var normalizeLink = require('./normalizeLink-07c90859.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-385f27fb.js');
+var index$2 = require('./index-325d93fc.js');
+var index$3 = require('./index-323d2766.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -42,8 +42,8 @@ function NavHeader({ userInfo, onClickMyProfileButton, themeName = 'helloSites',
     };
     return (React__default["default"].createElement("div", { className: styles$4.navHeader, onClick: handleClickMyProfileButton },
         React__default["default"].createElement(index.Avatar, { className: styles$4.navAvatar, type: "rounded", size: "xl", avatarUrl: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, firstLetter: nameFirstLetter, backgroundColor: themeName === 'marryBaby'
-                ? theme.theme.mbColors.pink
-                : theme.theme.colors.secondaryBase }),
+                ? miscTheme.theme.mbColors.pink
+                : miscTheme.theme.colors.secondaryBase }),
         React__default["default"].createElement("div", { className: styles$4.navHeaderUserInfos },
             React__default["default"].createElement("div", { className: styles$4.navHeaderUserName }, (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username)),
             React__default["default"].createElement("div", { className: styles$4.navHeaderMyProfileButton, style: {
@@ -55,9 +55,9 @@ function NavHeader({ userInfo, onClickMyProfileButton, themeName = 'helloSites',
 var styles$3 = {"navigationCard":"fVk18fq","navigationCardLabel":"v8TCvUb","navigationCardIconWrapper":"mx7T4V3"};
 
 const iconBgColorMap = {
-    myHealth: theme.theme.mbColors.toneYellow,
-    myCommunity: theme.theme.mbColors.toneBlue,
-    mySaved: theme.theme.mbColors.toneGreen,
+    myHealth: miscTheme.theme.mbColors.toneYellow,
+    myCommunity: miscTheme.theme.mbColors.toneBlue,
+    mySaved: miscTheme.theme.mbColors.toneGreen,
 };
 // type CardIconUrlMap = IconUrlMap<UserProfileMenuCard>
 const cardIconUrlMap = {
@@ -229,7 +229,7 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
     const isMarryBaby = themeName === 'marryBaby';
     React.useEffect(() => {
         if (userInfo && typeof userPostsNumber === 'undefined') {
-            const token = cookieHelper.getCookie('hhg_user_token');
+            const token = miscCookieHelper.getCookie('hhg_user_token');
             if (!!token) {
                 fetch(normalizeLink.normalizeLinkSlash(index$2.getTogetherUserPostsApiPath(locale, isMarryBaby, togetherApiDomain)), {
                     headers: {

package/build/{index-def9867a.js → index-a8c1c011.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
-require('./index-05f106c2.js');
+require('./index-df9447b3.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-a86ea1b6.js');
-require('./index-df5cd44b.js');
-require('./index-1efa7d84.js');
-require('./useMantineLocale-a4f0c61d.js');
-var index = require('./index-d34cd464.js');
-require('./index-a7de42d1.js');
-require('./theme-e4f7f487.js');
-require('./translationsContext-39528d2f.js');
+require('./index-617bff8c.js');
+require('./index-d91f52cc.js');
+require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index = require('./index-036fe55d.js');
+require('./index-8cb3f562.js');
+require('./translationsContext-ade0df93.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-524bda7c.js');
+require('./utils-928b4701.js');
+require('./other-0edcc417.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }