@hhgtech/hhg-components 1.29.451-beta-4 → 1.29.451-beta-5

package/build/{index-11724330.js → index-619f2a6c.js}

@@ -1,51 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
-var index$8 = require('./index-5bf38077.js');
-var index$3 = require('./index-94e3287c.js');
-var normalizeLink = require('./normalizeLink-cb83b1b4.js');
-var dataTransform = require('./dataTransform-209a5261.js');
+var index$8 = require('./index-b07fa793.js');
+var index$3 = require('./index-e110305a.js');
+var normalizeLink = require('./normalizeLink-bfcd0b29.js');
+var dataTransform = require('./dataTransform-d6e4fad6.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-166c6c1d.js');
+require('./translationsContext-e774e9df.js');
 var styled = require('@emotion/styled');
-var index = require('./index-322a87fa.js');
+var index = require('./index-dd6911c5.js');
 var miscTheme = require('./miscTheme.js');
-var profileNavigation = require('./index-4024ba84.js');
+var navigationProfileButton = require('./index-af87f66e.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-b2b5db47.js');
+var index$d = require('./index-10fd38c3.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$a = require('./index-e254404b.js');
-var index$5 = require('./index-1a2b8cf5.js');
-require('./index-6972e3d2.js');
-var index$4 = require('./index-04259619.js');
-var index$2 = require('./index-1a053af5.js');
-require('./index-b3337964.js');
-require('./index.styles-27d39435.js');
+var index$a = require('./index-aff156fe.js');
+var index$5 = require('./index-acfb1148.js');
+require('./index-6aeeb0dc.js');
+var index$4 = require('./index-437661c8.js');
+var index$2 = require('./index-aa4c22b7.js');
+require('./index-e932473f.js');
+require('./index.styles-64cc331d.js');
 require('@mantine/hooks');
-var utils = require('./utils-4f677fea.js');
-require('./index-2bacfbf6.js');
-var constants = require('./constants-cbe8fee4.js');
-var navigationProfileButton = require('./index-13965bb1.js');
-var store = require('./store-6370c4c2.js');
-var constants$1 = require('./constants-18d545d4.js');
-var index$1 = require('./index-cbc65f63.js');
-var index$7 = require('./index-ea9d0a06.js');
-var index$6 = require('./index-9993d73b.js');
-var useIsInit = require('./useIsInit-deca5f91.js');
+var utils = require('./utils-5e3e1930.js');
+require('./index-24307d2f.js');
+var constants = require('./constants-001baa56.js');
+var store = require('./store-ca320236.js');
+var constants$1 = require('./constants-2b52edb3.js');
+var index$1 = require('./index-527ab108.js');
+var index$7 = require('./index-b7223ed7.js');
+var index$6 = require('./index-e257c103.js');
+var useIsInit = require('./useIsInit-c0551f75.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-0e428d2a.js');
+var index$9 = require('./index-deb96ccc.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$b = require('./index-5ba0abb2.js');
-var index$c = require('./index-2f21ee00.js');
-var Locale = require('./Locale-51750edf.js');
+var index$b = require('./index-ed98b9af.js');
+var index$c = require('./index-fcc0a8e3.js');
+var Locale = require('./Locale-fe2c9c8d.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-18394030.js');
+var core$2 = require('./core-3571533c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -88,7 +87,7 @@ const StyleInput = styled__default["default"](index.Input) `
 
 const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
 const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
-    const { locale, siteType } = React.useContext(profileNavigation.NavigationContext);
+    const { locale, siteType } = React.useContext(navigationProfileButton.NavigationContext);
     const [keyword, setKeyword] = React.useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
     const { t } = index$1.useTranslations();
@@ -444,7 +443,7 @@ const NewWrapper = ({ isNew, children, }) => {
 };
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
-    const { siteType } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     const { t } = index$1.useTranslations();
     const theme = core$1.useMantineTheme();
     return (React__default["default"].createElement(StyledItemGridLeft, null,
@@ -653,7 +652,7 @@ const StyledItem$5 = styled__default["default"].a `
 const Item$4 = ({ item, index = 0 }) => {
     var _a;
     const { t } = index$1.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
     const href = `${statics.CARE_URL_FE}/${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${item.slug}-${item.id}`;
@@ -742,7 +741,7 @@ const StyledLeft = styled__default["default"].div `
 `;
 
 const SpotlightNoData = ({ title, link, description, cta, icon }) => {
-    const { siteType } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(StyledContainerNoPosts, { "data-theme": siteType },
         React__default["default"].createElement(StyledLeft, null,
             React__default["default"].createElement("img", { src: siteType === 'marryBaby'
@@ -798,7 +797,7 @@ const StyledViewMore = styled__default["default"].a `
 `;
 
 const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', }) => {
-    const { siteType } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(StyledItemGridRight, null,
         React__default["default"].createElement(StyledHeading, null,
             React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
@@ -812,7 +811,7 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
 
 const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
     const { t } = index$1.useTranslations();
-    const { siteType } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightHospitals') }, spotlights.length !== 0 ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(StyledContainerItems$5, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 3).map((s, index) => (React__default["default"].createElement(Item$4, { key: index, index: index, item: s })))),
         React__default["default"].createElement("div", { style: {
@@ -1193,7 +1192,7 @@ const Item$3 = ({ item, index = 0 }) => {
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlights'), viewMore: t('home.navigator.menu.spotlights.seeAll'), link: hrefViewMore, dataEventAction: "Spotlight See More Click" }, spotlightsList.length !== 0 ? (React__default["default"].createElement(StyledContainerItems$4, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((spotlight, index) => (React__default["default"].createElement(Item$3, { key: index, index: index, item: {
             id: spotlight.id,
             link: statics.HOME_PAGE_URL + spotlight.permalink,
@@ -1323,7 +1322,7 @@ const StyledWrapInfo = styled__default["default"].div `
 dayjs__default["default"].extend(relativeTime__default["default"]);
 const Item$2 = ({ post, index = 0 }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { siteType, configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!post)
         return null;
     const communityUrl = [statics.TOGETHER_URL_FE, (_a = post.community) === null || _a === void 0 ? void 0 : _a.slug].join('/');
@@ -1353,7 +1352,7 @@ const Item$2 = ({ post, index = 0 }) => {
 };
 
 const CommunitySpotlights = ({ spotlights = [] }) => {
-    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const { t } = index$1.useTranslations();
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.trendingPosts'), viewMore: t('home.navigator.menu.trendingPosts.seeMore'), link: normalizeLink.normalizeLink(statics.TOGETHER_URL_FE), dataEventAction: "Together See More Click" }, spotlights.length !== 0 ? (React__default["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__default["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.together.noPosts.title'), description: t('home.navigator.menu.together.noPosts.description'), link: `${statics.HOME_PAGE_URL}/community/`, cta: t('home.navigator.menu.together.noPosts.cta'), icon: index$5.CommonGAssets.getAssetPath('community.svg') }))));
 };
@@ -1541,7 +1540,7 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 
 const Item = ({ item, index = 0 }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
     const link = item.link
@@ -1773,7 +1772,7 @@ const StyledWrapName = styled__default["default"].div `
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
     const link = item.link
@@ -1809,7 +1808,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
 const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
     const { t } = index$1.useTranslations();
     const marryBabyCardColor = ['pink', 'orange', 'green'];
-    const { siteType } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightTools') },
         spotlightHealthTools.length !== 0 && (React__default["default"].createElement(StyledContainerItems$1, null, spotlightHealthTools === null || spotlightHealthTools === void 0 ? void 0 : spotlightHealthTools.slice(0, 3).map((item, index) => siteType === 'marryBaby' ? (React__default["default"].createElement(ItemMarryBaby, { key: index, index: index, item: item, color: marryBabyCardColor[index] })) : (React__default["default"].createElement(Item, { key: index, index: index, item: item }))))),
         spotlightHealthTools.length === 0 && (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.healthTools.noDatas.title'), description: t('home.navigator.menu.healthTools.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.healthTools.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('community.svg') }))));
@@ -1828,13 +1827,13 @@ const StyledContainerItems = styled__default["default"].div `
 
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__default["default"].createElement(StyledContainerItems, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__default["default"].createElement(index$8.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$a.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', redirectToLandingPage: true, dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
     var _a, _b;
-    const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, customClasses, } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, customClasses, } = React.useContext(navigationProfileButton.NavigationContext);
     const { t } = index$1.useTranslations();
     return (React__default["default"].createElement(StyledMasterMenuContainer, { className: customClasses.categoriesMenu, id: "categories-menu" },
         !isHomepage && (React__default["default"].createElement(StyleWrapperSearch, null,
@@ -1850,7 +1849,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
 };
 
 const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
-    const { siteType } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = navigationProfileButton.useCSSFocusPopupHelper();
     return (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
         React__default["default"].createElement("header", { className: styles$2.menuContainer },
@@ -2090,7 +2089,7 @@ const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseB
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
     var _a;
     const { t } = index$1.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { headingTitle: t('home.navigator.menuItem.specialties'), hrefViewMore: `${statics.CARE_URL_FE}/`, UrlFE: statics.CARE_URL_FE, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allSpecialties'), menuItems: (careSpecialties === null || careSpecialties === void 0 ? void 0 : careSpecialties.map((specialty) => {
                 if (!specialty)
@@ -2110,7 +2109,7 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
     const { t } = index$1.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/categories/`, UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: (categories === null || categories === void 0 ? void 0 : categories.map((cat) => {
                 if (!cat)
@@ -2126,7 +2125,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { hrefViewMore: normalizeLink.normalizeLink(statics.TOGETHER_URL_FE), UrlFE: normalizeLink.normalizeLinkSlash(statics.TOGETHER_URL_FE), onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCommunities'), menuItems: (communities === null || communities === void 0 ? void 0 : communities.map((community) => {
                 if (!community)
@@ -2143,7 +2142,7 @@ const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [
 const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [], healthTools = [], }) => {
     var _a;
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { hrefViewMore: hrefViewMore, UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, headingTitle: t('home.navigator.menuItem.healthToolsList'), titleBtnViewMore: t('home.navigator.menuItem.allHealthTools'), menuItems: healthTools.map((t) => ({
@@ -2161,7 +2160,7 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
     const { t } = index$1.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const listing = React.useMemo(() => [
         {
             name: t('home.navigator.menu.videos'),
@@ -2287,7 +2286,7 @@ const InitialDoctor = () => (React__default["default"].createElement("svg", { xm
             React__default["default"].createElement("path", { fill: "#FF6F4D", d: "M389 358h-11a17 17 0 0 0-12 5 17 17 0 0 0-5 12v3l-1 3a4 4 0 0 1-3 1h-3a17 17 0 0 0-17 17v12a17 17 0 0 0 17 17h3a4 4 0 0 1 4 3v3a17 17 0 0 0 17 17h11c5 0 9-2 12-5s5-7 5-12v-3a4 4 0 0 1 4-3h3c4 0 9-2 12-5s5-8 5-12v-12c0-5-2-9-5-12a17 17 0 0 0-12-5h-3a4 4 0 0 1-4-4v-3a17 17 0 0 0-5-12 17 17 0 0 0-12-5" })))));
 
 const MenuViewMore = ({ menuItems = [], isOpen, onClose }) => {
-    const { locale, configs: { enableAppIntroPage }, } = React.useContext(profileNavigation.NavigationContext);
+    const { locale, configs: { enableAppIntroPage }, } = React.useContext(navigationProfileButton.NavigationContext);
     const ecomNavItem = menuItems.find((m) => m.id === 'ecom');
     const careNavItem = menuItems.find((m) => m.id === 'care');
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true, hideCloseBtn: true, stylesContainer: {
@@ -2321,7 +2320,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // enableProfileEcom,
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
-    isUserLoading, slot, } = React.useContext(profileNavigation.NavigationContext);
+    isUserLoading, slot, } = React.useContext(navigationProfileButton.NavigationContext);
     const { triggerLogin } = store.useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2428,7 +2427,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
 const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, }) => (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
     React__default["default"].createElement(SearchInput, { id: "desktop", projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, isRedirectSearchPage: isRedirectSearchPage })));
 const NavigationMenu = ({ menuItems, originalMenuItems, className, }) => {
-    const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(DisplayWrapper, { className: className, mediaQueryKey: "mbUp", style: { height: '100%' } },
         React__default["default"].createElement(StyledWrapMenuItems, { "data-site-type": siteType }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((menuItem, index) => (React__default["default"].createElement(ItemMenu, { key: index, item: menuItem, menu: menuItem.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 })) : menuItem.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 })) : menuItem.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 })) : menuItem.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 })) : menuItem.popupType === 'video' ? (React__default["default"].createElement(MenuVideoList, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights })) : menuItem.popupType === 'other' ? (React__default["default"].createElement(MenuViewMore, { menuItems: originalMenuItems })) : null }))))));
 };
@@ -2493,7 +2492,7 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
 };
 
 const useInsider = () => {
-    const { isFirstLogin, userState } = React.useContext(profileNavigation.NavigationContext);
+    const { isFirstLogin, userState } = React.useContext(navigationProfileButton.NavigationContext);
     const { userInfo } = userState;
     React.useEffect(() => {
         if (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) {
@@ -2531,7 +2530,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = index$1.useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(profileNavigation.NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(navigationProfileButton.NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const enableNavViewMore = [enableAppIntroPage, enableNavCare, enableNavEcom].filter(Boolean).length >
         1;
@@ -2662,7 +2661,7 @@ const _NavigationV2 = (props) => {
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);
-    return (React__default["default"].createElement(profileNavigation.NavigationProvider, Object.assign({}, propsWithDefaultValues),
+    return (React__default["default"].createElement(navigationProfileButton.NavigationProvider, Object.assign({}, propsWithDefaultValues),
         React__default["default"].createElement(_NavigationV2, Object.assign({}, propsWithDefaultValues))));
 };
 const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {

package/build/{index-af2df041.js → index-65702725.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
-require('./index-e254404b.js');
+require('./index-aff156fe.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-1a2b8cf5.js');
+var index$1 = require('./index-acfb1148.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-92cb26b4.js');
-var index$2 = require('./index-a318b500.js');
-var Locale = require('./Locale-51750edf.js');
-var index$3 = require('./index-322a87fa.js');
+var index = require('./index-c586cc9f.js');
+var index$2 = require('./index-b8768f2f.js');
+var Locale = require('./Locale-fe2c9c8d.js');
+var index$3 = require('./index-dd6911c5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-14bbc734.js → index-68757826.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$9 = require('./index-2bacfbf6.js');
-var index$7 = require('./index-bc27f6e6.js');
-var dataTransform = require('./dataTransform-209a5261.js');
+var index$9 = require('./index-24307d2f.js');
+var index$7 = require('./index-41811667.js');
+var dataTransform = require('./dataTransform-d6e4fad6.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-2aa82a2a.js');
+var togetherComponentGlobalContext = require('./utils-147442cc.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$2 = require('./index-1a2b8cf5.js');
-var index$1 = require('./index-92cb26b4.js');
-var togetherMoleculesCardAuthor = require('./index-3b824427.js');
-var index$3 = require('./index-e254404b.js');
-var index = require('./index-cbc65f63.js');
+var index$2 = require('./index-acfb1148.js');
+var index$1 = require('./index-c586cc9f.js');
+var togetherMoleculesCardAuthor = require('./index-3bbc116a.js');
+var index$3 = require('./index-aff156fe.js');
+var index = require('./index-527ab108.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-322a87fa.js');
+var index$4 = require('./index-dd6911c5.js');
 require('@mantine/dates');
-require('./index-94e3287c.js');
-require('./index-6972e3d2.js');
-var index$8 = require('./index-04259619.js');
-var index$5 = require('./index-1a053af5.js');
-require('./index-b3337964.js');
-require('./index.styles-27d39435.js');
+require('./index-e110305a.js');
+require('./index-6aeeb0dc.js');
+var index$8 = require('./index-437661c8.js');
+var index$5 = require('./index-aa4c22b7.js');
+require('./index-e932473f.js');
+require('./index.styles-64cc331d.js');
 require('@mantine/hooks');
-require('./utils-4f677fea.js');
+require('./utils-5e3e1930.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-0a2c0b68.js');
-var index$6 = require('./index-0e428d2a.js');
-require('./translationsContext-166c6c1d.js');
+var post = require('./post-3784935c.js');
+var index$6 = require('./index-deb96ccc.js');
+require('./translationsContext-e774e9df.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b084f316.js → index-68ad7600.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-2f21ee00.js');
-var index$1 = require('./index-04259619.js');
+var index = require('./index-fcc0a8e3.js');
+var index$1 = require('./index-437661c8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-aa9b8043.js → index-6aba25d0.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-4f677fea.js');
+var utils = require('./utils-5e3e1930.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6972e3d2.js → index-6aeeb0dc.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
 var dayjs = require('dayjs');
-require('./index-e254404b.js');
-var Locale = require('./Locale-51750edf.js');
+require('./index-aff156fe.js');
+var Locale = require('./Locale-fe2c9c8d.js');
 var notifications = require('@mantine/notifications');
-var index$1 = require('./index-94e3287c.js');
+var index$1 = require('./index-e110305a.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-1a2b8cf5.js');
+var index$2 = require('./index-acfb1148.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-4f677fea.js');
-var index = require('./index-b3337964.js');
-var shared = require('./shared-e3022bda.js');
+var utils = require('./utils-5e3e1930.js');
+var index = require('./index-e932473f.js');
+var shared = require('./shared-4fdea59f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9655abd8.js → index-71240831.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-043487a1.js');
-var index = require('./index-cbc65f63.js');
-var constants$1 = require('./constants-b7fab30e.js');
-var index$2 = require('./index-322a87fa.js');
+var useHealthToolCache = require('./useHealthToolCache-bbdbac4f.js');
+var index = require('./index-527ab108.js');
+var constants$1 = require('./constants-b7e6ccca.js');
+var index$2 = require('./index-dd6911c5.js');
 require('@mantine/dates');
-require('./index-94e3287c.js');
-require('./index-e254404b.js');
-require('./index-1a2b8cf5.js');
-require('./index-6972e3d2.js');
-require('./index-04259619.js');
-require('./index-1a053af5.js');
-require('./index-b3337964.js');
-require('./index.styles-27d39435.js');
+require('./index-e110305a.js');
+require('./index-aff156fe.js');
+require('./index-acfb1148.js');
+require('./index-6aeeb0dc.js');
+require('./index-437661c8.js');
+require('./index-aa4c22b7.js');
+require('./index-e932473f.js');
+require('./index.styles-64cc331d.js');
 require('@mantine/hooks');
-require('./utils-4f677fea.js');
-require('./index-2bacfbf6.js');
-var context = require('./context-34861f03.js');
-var index$1 = require('./index-8a1f9607.js');
-var constants = require('./constants-0938022b.js');
+require('./utils-5e3e1930.js');
+require('./index-24307d2f.js');
+var context = require('./context-c89148bb.js');
+var index$1 = require('./index-b72d2331.js');
+var constants = require('./constants-fde69815.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-9aca9d9d.js → index-7d7f878b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-1a053af5.js');
+var index = require('./index-aa4c22b7.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-57d870df.js → index-878d4b1c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-0e428d2a.js');
-var togetherComponentGlobalContext = require('./utils-2aa82a2a.js');
+var index = require('./index-deb96ccc.js');
+var togetherComponentGlobalContext = require('./utils-147442cc.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-b947d52a.js → index-8abc5f1a.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-04259619.js');
+var index = require('./index-437661c8.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-4f677fea.js');
+var utils = require('./utils-5e3e1930.js');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$1 = require('./index-c1f61681.js');
-var index$2 = require('./index-322a87fa.js');
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
-var index$3 = require('./index-a318b500.js');
+var index$1 = require('./index-3f291bbc.js');
+var index$2 = require('./index-dd6911c5.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
+var index$3 = require('./index-b8768f2f.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var flattenChildren = require('react-keyed-flatten-children');
-var index$4 = require('./index-ea9d0a06.js');
-var Close = require('./Close-fd3c6897.js');
-var index$5 = require('./index-cbc65f63.js');
+var index$4 = require('./index-b7223ed7.js');
+var Close = require('./Close-cb524453.js');
+var index$5 = require('./index-527ab108.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-acf4daed.js → index-8cba251b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-04e56720.js');
+var useScrollbarSize = require('./useScrollbarSize-9e127272.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-4f677fea.js');
+var utils = require('./utils-5e3e1930.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-b6f98f08.js → index-8dc73eeb.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-4f677fea.js');
+var utils = require('./utils-5e3e1930.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-514651e1.js → index-8ecd5e90.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var index$1 = require('./index-b3337964.js');
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var index$1 = require('./index-e932473f.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/{index-ae20d017.js → index-92bfcd68.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-00afb19c.js');
-var index$1 = require('./index-a318b500.js');
+var index = require('./index-f56e1f39.js');
+var index$1 = require('./index-b8768f2f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-435defb9.js → index-a0d89b3f.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fcf2b878.js');
+var tslib_es6 = require('./tslib.es6-21b362f3.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-27d39435.js');
+var index_styles = require('./index.styles-64cc331d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }