@hhgtech/hhg-components 1.29.82 → 1.29.83

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-1fdf2f01.js');
-var index$1 = require('./index-3eb666e6.js');
-var useTranslations = require('./useTranslations-685f989b.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-be20929b.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-9e8877c0.js → index-7b98097c.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var theme = require('./theme-be20929b.js');
+var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -11,7 +11,7 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 const StyledDivider = styled__default["default"].hr `
   border-width: 1px;
-  border-color: ${theme.theme.colors.neutral200};
+  border-color: ${miscTheme.theme.colors.neutral200};
   border-style: ${(props) => props.dividerType};
 `;
 

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

@@ -1,13 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
-var index = require('./index-1f3fc2e3.js');
+require('./index-d91f52cc.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-64d8db08.js');
-var theme = require('./theme-be20929b.js');
-var index$1 = require('./index-dff7ee1b.js');
-var index$3 = require('./index-a9bbb5aa.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-4b7d4b5b.js → index-7efbe5e3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-dff7ee1b.js');
+var index$2 = require('./index-df9447b3.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-be20929b.js');
-var index = require('./index-1fdf2f01.js');
-var index$1 = require('./index-64d8db08.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-3eb666e6.js → index-8cb3f562.js}

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

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

@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-1f3fc2e3.js');
-var index$2 = require('./index-64d8db08.js');
+var Locale = require('./Locale-0b86b849.js');
+var index$1 = require('./index-6e7aede8.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-15a9772e.js');
-var logoIcon = require('./logoIcon-21a16853.js');
-var index$1 = require('./index-dff7ee1b.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-206afefb.js → index-99ddd1a4.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-var index$1 = require('./index-82c85f9d.js');
-var index$2 = require('./index-e3bbd009.js');
-var index = require('./index-1f3fc2e3.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-20cd663d.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-ec34e358.js → index-a0659d79.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var useTranslations = require('./useTranslations-685f989b.js');
-var cookieHelper = require('./cookieHelper-86ae022e.js');
-var index$1 = require('./index-64d8db08.js');
-var normalizeLink = require('./normalizeLink-d307f624.js');
-var theme = require('./theme-be20929b.js');
-var index = require('./index-53e14542.js');
-var index$2 = require('./index-d9919cd2.js');
-var index$3 = require('./index-f222ee45.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-a9bbb5aa.js → index-a8c1c011.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
-require('./index-dff7ee1b.js');
+require('./index-df9447b3.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-e3bbd009.js');
-require('./index-1f3fc2e3.js');
-require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-var index = require('./index-1fdf2f01.js');
-require('./index-3eb666e6.js');
-require('./theme-be20929b.js');
-require('./translationsContext-00fdb62e.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-15a9772e.js');
+require('./utils-928b4701.js');
+require('./other-0edcc417.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }