@hhgtech/hhg-components 1.29.14 → 1.29.16

package/build/{index-60365516.js → index-7a702bc3.js}

@@ -1,70 +1,71 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-fb59d3e1.js');
-var index_styles = require('./index.styles-d0a4abf7.js');
-var utils = require('./utils-8dff9cbe.js');
-var index$3 = require('./index-b7af06c0.js');
-var index$4 = require('./index-a34eab5f.js');
-var tslib_es6 = require('./tslib.es6-a3da506b.js');
+var index$2 = require('./index-25d53346.js');
+var index_styles = require('./index.styles-55076d0e.js');
+var utils = require('./utils-bcbbbac4.js');
+var index$3 = require('./index-40c225c5.js');
+var index$4 = require('./index-5328bd6e.js');
+var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
 var other = require('@hhgtech/icons/other');
-var index$5 = require('./index-09a0d3b4.js');
-var index$6 = require('./index-72453ef3.js');
-var theme = require('./theme-982fb303.js');
+var index$5 = require('./index-a07b54b4.js');
+var index$6 = require('./index-5959f30a.js');
+var theme = require('./theme-ed086c17.js');
 var core = require('@mantine/core');
 var innertext = require('innertext');
 require('@mantine/dates');
-var index$b = require('./index-aaa645ed.js');
-var Subot = require('./Subot-241b89e0.js');
-require('./useMantineLocale-bdad35ac.js');
-require('./translationsContext-7443463a.js');
+var index$b = require('./index-ad3de30e.js');
+var Subot = require('./Subot-a3e273e0.js');
+require('./useMantineLocale-b13de9e4.js');
+require('./translationsContext-85ca3983.js');
 require('string-format');
 var hooks = require('@mantine/hooks');
-var index$7 = require('./index-1371c158.js');
+var index$7 = require('./index-93e4d697.js');
 var styled = require('@emotion/styled');
 var throttle = require('lodash/throttle');
-var index$8 = require('./index-c950a7e5.js');
-var index$a = require('./index-b8af7c59.js');
-var index$9 = require('./index-ea0b6421.js');
+var index$8 = require('./index-8e95f6a2.js');
+var index$a = require('./index-ca293ff1.js');
+var index$9 = require('./index-56246626.js');
 var react = require('@emotion/react');
 var parse = require('html-react-parser');
-var isProduction = require('./isProduction-3313e9c8.js');
-var useTranslations = require('./useTranslations-ef9b0bba.js');
+var isProduction = require('./isProduction-044f7a90.js');
+var useTranslations = require('./useTranslations-499d9236.js');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
-var types = require('./types-d4ad26bd.js');
-var utils$1 = require('./utils-b91ad597.js');
-var index$d = require('./index-2cb6f2ec.js');
-var index$e = require('./index-50b78bf8.js');
-var index$f = require('./index-0e8dd968.js');
-var index$c = require('./index-d3f7c20c.js');
-var index$g = require('./index-94084c0f.js');
+var types = require('./types-67fa2f18.js');
+var utils$1 = require('./utils-65742df1.js');
+var index$d = require('./index-e66cff4b.js');
+var index$e = require('./index-c90ae6be.js');
+var index$f = require('./index-a6ab95ec.js');
+var index$c = require('./index-672ca348.js');
+var index$g = require('./index-65bbc453.js');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-ae2cfc7e.js');
+var useHealthToolCache = require('./useHealthToolCache-aefaf684.js');
 var yup = require('@hookform/resolvers/yup');
-var index$h = require('./index-d255b8ec.js');
-var constants = require('./constants-44f09550.js');
-var index$i = require('./index-d7f814d2.js');
-require('./utils-926599a5.js');
-require('./index.styled-1ea0e8b5.js');
-require('./index-26e225cb.js');
-var useOutsideClick = require('./useOutsideClick-08f8e841.js');
+var index$h = require('./index-6cbc02d3.js');
+var index$i = require('./index-9216d822.js');
+var constants = require('./constants-f0361aaf.js');
+var index$j = require('./index-4cd61e81.js');
+require('./utils-49606266.js');
+require('./index.styled-26fe3bab.js');
+require('./index-d3a663ec.js');
+var useOutsideClick = require('./useOutsideClick-02bf18df.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var getSocialList = require('./getSocialList-3faf264c.js');
+var getSocialList = require('./getSocialList-c21439fd.js');
 var uuid = require('uuid');
-var routing = require('./routing-3a77c9e9.js');
+var routing = require('./routing-60cc5763.js');
 var form = require('@mantine/form');
-var index$j = require('./index-1c5dc79a.js');
+var index$k = require('./index-69a5d443.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$k = require('./index-b22d1226.js');
+var index$l = require('./index-9e9cfd31.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var cookieHelper = require('./cookieHelper-8f3b2717.js');
-var normalizeLink = require('./normalizeLink-8533ee3c.js');
+var cookieHelper = require('./cookieHelper-80ac9664.js');
+var normalizeLink = require('./normalizeLink-93749659.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -514,7 +515,7 @@ const _Horizontal = (_a) => {
 
 // MyComponent.styles.ts
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-var useStyles$4 = core.createStyles((_theme, {}) => ({
+var useStyles$5 = core.createStyles((_theme, {}) => ({
     // add all styles as usual
     root: {},
     image: {},
@@ -534,7 +535,7 @@ const _Vertical = (_a) => {
     // size = 'lg',
     classNames, styles, unstyled, className } = _a, rest = tslib_es6.__rest(_a, ["article", "author", "authorAvatar", "badge", "bannerImageWrapProps", "hideDescription", "isBookmarked", "onBookmark", "time", "tracking", "classNames", "styles", "unstyled", "className"]);
     const { isMobile } = index$3.useScreenSize();
-    const { classes, cx } = useStyles$4(
+    const { classes, cx } = useStyles$5(
     // First argument of useStyles is styles params
     {}, 
     // Second argument is responsible for styles api integration
@@ -1753,7 +1754,7 @@ var index = /*#__PURE__*/Object.freeze({
   Body: Body
 });
 
-var useStyles$3 = core.createStyles((theme) => {
+var useStyles$4 = core.createStyles((theme) => {
     const itemLabelRef = core.getStylesRef('itemLabel');
     return {
         root: {
@@ -1805,7 +1806,7 @@ var useStyles$3 = core.createStyles((theme) => {
  * @deprecated Consider to use mantine
  */
 const Tabs = ({ style, initialTab, tabContent, onChange, className, dataEventCategory, dataEventAction, dataEventLabel, id, styles, }) => {
-    const { classes, cx, theme } = useStyles$3(undefined, { name: 'Tabs', styles });
+    const { classes, cx, theme } = useStyles$4(undefined, { name: 'Tabs', styles });
     const [activeTab, setActiveTab] = React.useState(initialTab || 0);
     React.useEffect(() => {
         setActiveTab(initialTab);
@@ -4315,12 +4316,18 @@ const BabyGrowthEmbedContext = React.createContext({});
 
 const BabyGrowthFormContext = React.createContext({});
 
+var useStyles$3 = core.createStyles(() => {
+    return {
+        root: {},
+    };
+});
+
 var useStyles$2 = core.createStyles((theme) => {
     return {
         root: {
             display: 'flex',
             flexDirection: 'column',
-            gap: core.rem(16),
+            gap: core.rem(8),
         },
         row: {
             display: 'flex',
@@ -4341,6 +4348,11 @@ var useStyles$2 = core.createStyles((theme) => {
         control: {
             width: core.rem(180),
             flexShrink: 1,
+            '&.error': {
+                'button, input': {
+                    borderColor: theme.colors.red[7],
+                },
+            },
         },
         radioLabel: {
             fontSize: core.rem(16),
@@ -4351,9 +4363,6 @@ var useStyles$2 = core.createStyles((theme) => {
         },
         bmiVal: {
             display: 'inline-block',
-            minWidth: core.rem(40),
-            marginLeft: core.rem(10),
-            textAlign: 'center',
         },
         inputWithUnit__wrapper: {
             position: 'relative',
@@ -4373,19 +4382,26 @@ var useStyles$2 = core.createStyles((theme) => {
         inputWithUnit__input: {
             input: {
                 paddingRight: core.rem(30),
+                '::-webkit-inner-spin-button': { '-webkit-appearance': 'none' },
             },
         },
         submitBtn: {},
+        switchRoot: {
+            padding: '16px 0',
+        },
     };
 });
 
-const HorizonalForm = () => {
+const HorizonalForm = (_a) => {
+    var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
     const { t } = useTranslations.useTranslations();
     const { control, currentUrl, isEmptyThreeFields, isMarryBaby } = React.useContext(BabyGrowthFormContext);
     const { classes, cx } = useStyles$2(undefined, {
         name: 'BabyGrowthForm__HorizonalForm',
+        styles,
+        classNames,
     });
-    return (React__default["default"].createElement(core.Box, { className: classes.root },
+    return (React__default["default"].createElement(core.Box, Object.assign({ className: classes.root }, props),
         React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
                 React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
                     React__default["default"].createElement("label", { className: classes.label, htmlFor: "gender" }, t('tools.selectBabyGender'))),
@@ -4398,46 +4414,45 @@ const HorizonalForm = () => {
                         React__default["default"].createElement(index$3.Radio, { value: "girl", label: t('gender.girl'), classNames: {
                                 label: classes.radioLabel,
                             } }))))) }),
-        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
-                React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
-                    React__default["default"].createElement("label", { className: classes.label, htmlFor: "birthday" }, t('babyGrowth.input.birthday'))),
-                React__default["default"].createElement(index$d.DatePicker, { className: classes.control, onChange: onChange, placeholder: "dd/mm/yyyy", pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', disabledDays: {
-                        after: new Date(),
-                    }, customInput: (props) => {
-                        return (React__default["default"].createElement(index$9.Input, Object.assign({ onChange: onChange, className: `${(error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : ''}`, name: "birthday", size: "md", actionIcon: React__default["default"].createElement(other.Calendar, null) }, props, { value: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT) })));
-                    } }))) }),
+        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => {
+                return (React__default["default"].createElement(core.Box, { className: classes.row },
+                    React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
+                        React__default["default"].createElement("label", { className: classes.label, htmlFor: "birthday" }, t('babyGrowth.input.birthday'))),
+                    React__default["default"].createElement(index$h.DatePicker, { popoverProps: {
+                            withinPortal: true,
+                        }, className: cx(classes.control, error ? 'error' : ''), onChange: onChange, placeholder: "DD/MM/YYYY", defaultDate: value || new Date(), maxDate: new Date() })));
+            } }),
         React__default["default"].createElement(core.Box, { className: classes.row },
             React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
-                React__default["default"].createElement("label", { className: classes.label }, t('babyGrowth.babyInfo'))),
+                React__default["default"].createElement("label", { className: classes.label }, "BMI")),
             React__default["default"].createElement(core.Flex, { align: 'center', gap: '8px' },
                 React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "bmi", render: ({ field: { value } }) => (React__default["default"].createElement(React__default["default"].Fragment, null,
                         React__default["default"].createElement(index$2.Text, { size: "p2" },
-                            React__default["default"].createElement("span", null, "BMI"),
                             React__default["default"].createElement("span", { className: classes.bmiVal }, !isNaN(Number(value)) && value !== '0' ? value : ''),
                             t('babyGrowth.kg.m2')))) }),
-                React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "height", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(core.Box, { className: cx(classes.control, classes.inputWithUnit__wrapper) },
-                        React__default["default"].createElement(index$9.Input, { className: `${cx(classes.inputWithUnit__input, isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '')}`, name: "height", placeholder: t('babyGrowth.height'), size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur() }),
+                React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "height", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(core.Box, { className: cx(classes.control, classes.inputWithUnit__wrapper, isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message) ? 'error' : '') },
+                        React__default["default"].createElement(index$9.Input, { className: `${cx(classes.inputWithUnit__input)}`, name: "height", placeholder: t('babyGrowth.height'), size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur() }),
                         React__default["default"].createElement(core.Box, { className: classes.inputWithUnit__unit },
                             React__default["default"].createElement(index$2.Text, { as: "span", size: "p2", className: classes.inputWithUnit__unitText }, t('babyGrowth.cm'))))) }),
-                React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "weight", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(core.Box, { className: cx(classes.control, classes.inputWithUnit__wrapper) },
+                React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "weight", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(core.Box, { className: cx(classes.control, classes.inputWithUnit__wrapper, isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message) ? 'error' : '') },
                         React__default["default"].createElement(core.Box, { className: classes.inputWithUnit__unit },
                             React__default["default"].createElement(index$2.Text, { as: "span", size: "p2", className: classes.inputWithUnit__unitText }, t('babyGrowth.kg'))),
-                        React__default["default"].createElement(index$9.Input, { className: `${cx(classes.inputWithUnit__input, isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '')}`, name: "weight", placeholder: t('babyGrowth.weight'), size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur() }))) }))),
+                        React__default["default"].createElement(index$9.Input, { className: `${cx(classes.inputWithUnit__input)}`, name: "weight", placeholder: t('babyGrowth.weight'), size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur() }))) }))),
         React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "head", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
                 React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
                     React__default["default"].createElement("label", { className: classes.label, htmlFor: "head" },
                         ' ',
                         t('babyGrowth.headCircumference'))),
-                React__default["default"].createElement(core.Box, { className: cx(classes.inputWithUnit__wrapper, classes.control) },
-                    React__default["default"].createElement(index$9.Input, { className: `${cx(classes.inputWithUnit__input, isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '')}`, name: "head", placeholder: "0", size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur() }),
+                React__default["default"].createElement(core.Box, { className: cx(classes.inputWithUnit__wrapper, classes.control, isEmptyThreeFields || (error === null || error === void 0 ? void 0 : error.message) ? 'error' : '') },
+                    React__default["default"].createElement(index$9.Input, { className: `${cx(classes.inputWithUnit__input)}`, name: "head", placeholder: "0", size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur() }),
                     React__default["default"].createElement(core.Box, { className: classes.inputWithUnit__unit },
                         React__default["default"].createElement(index$2.Text, { as: "span", size: "p2", className: classes.inputWithUnit__unitText }, t('babyGrowth.cm')))))) }),
-        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
+        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange, value } }) => (React__default["default"].createElement(core.Box, { className: classes.row },
                 React__default["default"].createElement(core.Box, { className: classes.labelWrapper },
                     React__default["default"].createElement("label", { className: classes.label, htmlFor: "measurementDate" }, t('babyGrowth.input.measurementDate'))),
-                React__default["default"].createElement(index$d.DatePicker, { className: classes.control, placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', onChange: onChange, disabledDays: {
-                        after: new Date(),
-                    }, customInput: (props) => (React__default["default"].createElement(index$9.Input, Object.assign({ className: `${(error === null || error === void 0 ? void 0 : error.message) && 'error-input'}`, name: "measurementDate", size: "md", placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), onChange: onChange, actionIcon: React__default["default"].createElement(other.Calendar, null) }, props, { value: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT) }))) }))) }),
+                React__default["default"].createElement(index$h.DatePicker, { popoverProps: {
+                        withinPortal: true,
+                    }, className: classes.control, placeholder: value && dayjs__default["default"](value).format(utils$1.DUE_DATE_FORMAT), defaultDate: value || new Date(), onChange: onChange, maxDate: new Date() }))) }),
         React__default["default"].createElement(core.Box, { className: classes.row },
             React__default["default"].createElement(index$3.Button, { className: classes.submitBtn, size: "lg", type: "submit", variant: isMarryBaby ? 'secondary' : 'primary', "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, t('babyGrowth.input.submit')))));
 };
@@ -4482,8 +4497,8 @@ const StyledRow$2 = styled__default["default"].div `
 const VerticalForm = () => {
     const { t } = useTranslations.useTranslations();
     const { control, currentUrl, isEmptyThreeFields, isMarryBaby, siteType } = React.useContext(BabyGrowthFormContext);
-    return (React__default["default"].createElement(StyledBabyGrowthWrapper$1, { "data-theme": siteType },
-        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default["default"].createElement(index$h.BabyGrowthGender, { onChange: onChange, value: value, siteType: siteType })) }),
+    return (React__default["default"].createElement(StyledBabyGrowthWrapper$1, { className: "form-wrapper", "data-theme": siteType },
+        React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "gender", render: ({ field: { onChange, value } }) => (React__default["default"].createElement(index$i.BabyGrowthGender, { onChange: onChange, value: value, siteType: siteType })) }),
         siteType === 'marryBaby' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "birthday", render: ({ field: { onChange, value }, fieldState: { error } }) => (React__default["default"].createElement(StyledFormControl, null,
                     React__default["default"].createElement(StyledTextField, { label: t('babyGrowth.input.birthday'), name: "birthday", size: "md", value: String(value), CustomInput: React__default["default"].createElement(index$d.DatePicker, { onChange: onChange, placeholder: "dd/mm/yyyy", pickedDate: value || new Date(), displayDateFormat: 'dd/MM/yyyy', disabledDays: {
@@ -4587,9 +4602,13 @@ const bmiCalculate = (height = 0, weight = 0) => {
     return 0;
 };
 
-const BabyGrowthForm = ({ onSubmit, onError, schema, siteType, layout = 'vertical', }) => {
-    const _theme = core.useMantineTheme();
-    const isMarryBaby = _theme.other.template === 'mb';
+const BabyGrowthForm = ({ onSubmit, onError, schema, siteType, layout = 'vertical', styles, classNames, }) => {
+    const { classes, theme } = useStyles$3(undefined, {
+        name: 'BabyGrowthForm',
+        styles,
+        classNames,
+    });
+    const isMarryBaby = theme.other.template === 'mb';
     const { control, setValue, watch, handleSubmit, formState: { isSubmitted }, } = reactHookForm.useForm({
         resolver: yup.yupResolver(schema),
         mode: 'onSubmit',
@@ -4621,7 +4640,9 @@ const BabyGrowthForm = ({ onSubmit, onError, schema, siteType, layout = 'vertica
             isMarryBaby,
             siteType,
         } },
-        React__default["default"].createElement("form", { onSubmit: handleSubmit(onSubmit, onError) }, layout === 'vertical' ? React__default["default"].createElement(VerticalForm, null) : React__default["default"].createElement(HorizonalForm, null))));
+        React__default["default"].createElement(core.Box, { component: "form", onSubmit: handleSubmit(onSubmit, onError) }, layout === 'vertical' ? (React__default["default"].createElement(VerticalForm, null)) : (React__default["default"].createElement(HorizonalForm, { classNames: {
+                root: classes.root,
+            } })))));
 };
 
 const StyledBabyGrowthWrapper = styled__default["default"].div `
@@ -5111,7 +5132,7 @@ const THRCardEmbed = ({ isSide, locale, thrContent, isMobile, info, inputErrorMe
         React__default["default"].createElement(ToolsBannerCard, { isSide: isSide, icon: React__default["default"].createElement("img", { alt: "health-tool-icon", src: (thrContent === null || thrContent === void 0 ? void 0 : thrContent.featured_image) ||
                     index$5.CommonGAssets.getAssetPath('health-tools/target-heart-rate-icon.svg'), loading: "lazy" }), heading: t('targetHearRate.heading'), medicalReview: ((_a = thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy) === null || _a === void 0 ? void 0 : _a.display_name)
                 ? {
-                    link: index$i.formatUserProfileUrl(thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy),
+                    link: index$j.formatUserProfileUrl(thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy),
                     reviewer: (_b = thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy) === null || _b === void 0 ? void 0 : _b.display_name,
                     date: thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedDate,
                 }
@@ -5575,7 +5596,7 @@ const PWGCardEmbed = ({ locale, onClick, inputErrorMessage, pwgContent, onFormCh
     return (React__default["default"].createElement(StyledContainer$3, { "data-is-side": isSide, "data-site": siteType },
         React__default["default"].createElement(ToolsBannerCard, { siteType: siteType, bannerColor: siteType === 'marryBaby' && theme.theme.mbColors.mint, isEmbeded: true, color: "pink", icon: React__default["default"].createElement("img", { alt: "health-tool-icon", src: (pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.featuredImage) ||
                     index$5.CommonGAssets.getAssetPath('health-tools/pwg-icon.svg'), loading: "lazy" }), heading: t('pregnancyWeightGain.heading'), medicalReview: {
-                link: index$i.formatUserProfileUrl(pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy),
+                link: index$j.formatUserProfileUrl(pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy),
                 reviewer: (_a = pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy) === null || _a === void 0 ? void 0 : _a.display_name,
                 date: pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedDate,
             }, isMobile: isMobile, isSide: isSide }),
@@ -6097,7 +6118,7 @@ const ShareContainer = ({ url, onCopied, locale, siteType, }) => {
             React__default["default"].createElement(index$a.Button, { theme: siteType, size: "sm", type: "button", color: "tertiary", className: "share", style: {}, icon: React__default["default"].createElement(AttachIcon, null), onClick: copyToClipboard, "data-event-category": "Health Tool", "data-event-action": "Copy Link", "data-event-label": currentUrl }))));
 };
 
-const StyledShareDrawer = styled__default["default"](index$h.Drawer) `
+const StyledShareDrawer = styled__default["default"](index$i.Drawer) `
   padding-bottom: 24px;
   .share-container {
     display: flex;
@@ -6983,7 +7004,7 @@ const BannerWithOptions = (props) => {
                             cursor: 'pointer',
                         },
                     } }))))),
-            React__default["default"].createElement(index$3.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$j.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
+            React__default["default"].createElement(index$3.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$k.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
                     const curValues = form$1.getInputProps('bannerOptions').value;
                     saveStep(curValues.join('|'));
                     handleClickOption(curValues.join('|'));
@@ -7082,7 +7103,7 @@ const SideBannerModal = (_a) => {
     const curBannerHeight = (viewportWidth * mobileBannerRatio.height) / mobileBannerRatio.width;
     const minHeightNha = (viewportHeight <= 667 ? 190 : 265) + curBannerHeight + 74;
     const [isFullScreen, setIsFullScreen] = React.useState(false);
-    return (React__default["default"].createElement(index$k.Modal, Object.assign({ styles: (theme) => ({
+    return (React__default["default"].createElement(index$l.Modal, Object.assign({ styles: (theme) => ({
             content: {
                 flex: 'auto',
                 background: 'transparent',

package/build/{index-d06ed4f1.js → index-7ada84e0.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var index_styles = require('./index.styles-d0a4abf7.js');
-var tslib_es6 = require('./tslib.es6-a3da506b.js');
-var useTranslations = require('./useTranslations-ef9b0bba.js');
-var index = require('./index-b7af06c0.js');
-var paths = require('./paths-bc64d1d5.js');
-var constants = require('./constants-44f09550.js');
-var index$1 = require('./index-aaa645ed.js');
-var utils = require('./utils-b91ad597.js');
-var isProduction = require('./isProduction-3313e9c8.js');
+var index_styles = require('./index.styles-55076d0e.js');
+var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
+var useTranslations = require('./useTranslations-499d9236.js');
+var index = require('./index-40c225c5.js');
+var paths = require('./paths-00c36b95.js');
+var constants = require('./constants-f0361aaf.js');
+var index$1 = require('./index-ad3de30e.js');
+var utils = require('./utils-65742df1.js');
+var isProduction = require('./isProduction-044f7a90.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c950a7e5.js → index-8e95f6a2.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var Subot = require('./Subot-241b89e0.js');
-var index$1 = require('./index-09a0d3b4.js');
-var utils = require('./utils-926599a5.js');
-var index = require('./index-b7af06c0.js');
+var Subot = require('./Subot-a3e273e0.js');
+var index$1 = require('./index-a07b54b4.js');
+var utils = require('./utils-49606266.js');
+var index = require('./index-40c225c5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d255b8ec.js → index-9216d822.js}

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-8dff9cbe.js');
-var index_styles = require('./index.styles-d0a4abf7.js');
-var index = require('./index-fb59d3e1.js');
-var useScrollbarSize = require('./useScrollbarSize-0a09b197.js');
+var utils = require('./utils-bcbbbac4.js');
+var index_styles = require('./index.styles-55076d0e.js');
+var index = require('./index-25d53346.js');
+var useScrollbarSize = require('./useScrollbarSize-41e4ff2c.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-b91ad597.js');
-var theme = require('./theme-982fb303.js');
+var utils$1 = require('./utils-65742df1.js');
+var theme = require('./theme-ed086c17.js');
 var other = require('@hhgtech/icons/other');
-var useTranslations = require('./useTranslations-ef9b0bba.js');
-var Subot = require('./Subot-241b89e0.js');
-var index$1 = require('./index-50b78bf8.js');
-var index$2 = require('./index-a34eab5f.js');
+var useTranslations = require('./useTranslations-499d9236.js');
+var Subot = require('./Subot-a3e273e0.js');
+var index$1 = require('./index-c90ae6be.js');
+var index$2 = require('./index-5328bd6e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1371c158.js → index-93e4d697.js}

@@ -1,46 +1,46 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a3da506b.js');
+var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
 var React = require('react');
-var index$2 = require('./index-b7af06c0.js');
+var index$2 = require('./index-40c225c5.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-982fb303.js');
-var index = require('./index-fb59d3e1.js');
-var index$1 = require('./index-09a0d3b4.js');
-var index$3 = require('./index-aaa645ed.js');
-var normalizeLink = require('./normalizeLink-8533ee3c.js');
-var routing = require('./routing-3a77c9e9.js');
-var index$4 = require('./index-d7f814d2.js');
-var index$9 = require('./index-c950a7e5.js');
-var useTranslations = require('./useTranslations-ef9b0bba.js');
+var theme = require('./theme-ed086c17.js');
+var index = require('./index-25d53346.js');
+var index$1 = require('./index-a07b54b4.js');
+var index$3 = require('./index-ad3de30e.js');
+var normalizeLink = require('./normalizeLink-93749659.js');
+var routing = require('./routing-60cc5763.js');
+var index$4 = require('./index-4cd61e81.js');
+var index$9 = require('./index-8e95f6a2.js');
+var useTranslations = require('./useTranslations-499d9236.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var Subot = require('./Subot-241b89e0.js');
-require('./useMantineLocale-bdad35ac.js');
-require('./translationsContext-7443463a.js');
+var Subot = require('./Subot-a3e273e0.js');
+require('./useMantineLocale-b13de9e4.js');
+require('./translationsContext-85ca3983.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-8dff9cbe.js');
-var constants = require('./constants-bec2b168.js');
+var utils = require('./utils-bcbbbac4.js');
+var constants = require('./constants-6092e6fe.js');
 var core$1 = require('@hhgtech/icons/core');
-var utils$1 = require('./utils-b91ad597.js');
-var ChevronDown = require('./ChevronDown-836fce4c.js');
+var utils$1 = require('./utils-65742df1.js');
+var ChevronDown = require('./ChevronDown-81769935.js');
 var react = require('@emotion/react');
-var index$5 = require('./index-b8af7c59.js');
-var constants$1 = require('./constants-44f09550.js');
-var index$7 = require('./index-72453ef3.js');
-var index$6 = require('./index-1eaa4ef8.js');
-var useIsInit = require('./useIsInit-2a0ded85.js');
-require('./index.styles-d0a4abf7.js');
-require('./utils-926599a5.js');
-require('./index.styled-1ea0e8b5.js');
-require('./index-26e225cb.js');
+var index$5 = require('./index-ca293ff1.js');
+var constants$1 = require('./constants-f0361aaf.js');
+var index$7 = require('./index-5959f30a.js');
+var index$6 = require('./index-2b2a1f02.js');
+var useIsInit = require('./useIsInit-62b7a2bb.js');
+require('./index.styles-55076d0e.js');
+require('./utils-49606266.js');
+require('./index.styled-26fe3bab.js');
+require('./index-d3a663ec.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-94084c0f.js');
+var index$8 = require('./index-65bbc453.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-5f047bdf.js');
+var core$2 = require('./core-c7605b01.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -2962,13 +2962,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-5139b88d.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-83a40baa.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                Promise.resolve().then(function () { return require('./cart-117abd56.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-fb2c9818.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2987,7 +2987,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
             border: '1px solid #BCDEFF',
             background: '#E3F2FF',
         };
-    return (React__default["default"].createElement(Tag, { tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.itemNavButton, ref: containerRef, onMouseDown: onButtonMouseDown },
+    return (React__default["default"].createElement(Tag, { tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.itemNavButton, ref: containerRef },
         React__default["default"].createElement(index$2.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { options: {
                     loop: true,
                     autoplay: true,
@@ -3013,7 +3013,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 },
             }, style: Object.assign(Object.assign({}, buttonStyle), { padding: '6px 8px 6px 8px', color: '#262626', height: 'unset' }), size: "sm", rightIcon: item.popupType ? (React__default["default"].createElement("div", { className: styles$1.menuIconWrapper },
                 React__default["default"].createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
-                    React__default["default"].createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", stroke: "#202135", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default["default"].createElement("div", null)) }, item.name),
+                    React__default["default"].createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", stroke: "#202135", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default["default"].createElement("div", null)), onMouseDown: onButtonMouseDown }, item.name),
         item.popupType === 'categories' ? (React__default["default"].createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights, onClose: onClose })) : item.popupType === 'tools' ? (React__default["default"].createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, onClose: onClose })) : item.popupType === 'together' ? (React__default["default"].createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights, onClose: onClose })) : item.popupType === 'care' ? (React__default["default"].createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights, onClose: onClose })) : null));
 };
 

package/build/{index-b22d1226.js → index-9e9cfd31.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a3da506b.js');
+var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-b7af06c0.js');
+var index = require('./index-40c225c5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-09a0d3b4.js → index-a07b54b4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-aaa645ed.js');
-var isProduction = require('./isProduction-3313e9c8.js');
+var index = require('./index-ad3de30e.js');
+var isProduction = require('./isProduction-044f7a90.js');
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/{index-0e8dd968.js → index-a6ab95ec.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a3da506b.js');
+var tslib_es6 = require('./tslib.es6-ce78c6b1.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
-var index = require('./index-b7af06c0.js');
+var index = require('./index-40c225c5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-aaa645ed.js → index-ad3de30e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-var Subot = require('./Subot-241b89e0.js');
-var isProduction = require('./isProduction-3313e9c8.js');
+var Subot = require('./Subot-a3e273e0.js');
+var isProduction = require('./isProduction-044f7a90.js');
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',