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

package/build/{index-93712e1a.js → index-0a656432.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b314099.js');
+var tslib_es6 = require('./tslib.es6-fcf2b878.js');
 var React = require('react');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-238c0cd5.js');
+var index = require('./index-94e3287c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1c8137f6.js → index-0e428d2a.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b314099.js');
+var tslib_es6 = require('./tslib.es6-fcf2b878.js');
 var React = require('react');
-var index = require('./index-2b3dcba8.js');
+var index = require('./index-1a053af5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-66841929.js → index-11724330.js}

@@ -1,50 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b314099.js');
+var tslib_es6 = require('./tslib.es6-fcf2b878.js');
 var React = require('react');
-var index$8 = require('./index-3bc39238.js');
-var index$3 = require('./index-238c0cd5.js');
-var normalizeLink = require('./normalizeLink-aa3a373e.js');
-var dataTransform = require('./dataTransform-01e12e3d.js');
+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 core = require('@hhgtech/icons/core');
-require('./translationsContext-994ceb1e.js');
+require('./translationsContext-166c6c1d.js');
 var styled = require('@emotion/styled');
-var index = require('./index-3877a4b9.js');
+var index = require('./index-322a87fa.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-87b8fba1.js');
+var profileNavigation = require('./index-4024ba84.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-3596942b.js');
+var index$d = require('./index-b2b5db47.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$a = require('./index-e6d67077.js');
-var index$5 = require('./index-b8a99796.js');
-require('./index-4e1430f5.js');
-var index$4 = require('./index-0f9e5ebe.js');
-var index$2 = require('./index-2b3dcba8.js');
-require('./index-623d20b7.js');
-require('./index.styles-8ddc248d.js');
+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');
 require('@mantine/hooks');
-var utils = require('./utils-e28b2e90.js');
-require('./index-b58fa190.js');
-var constants = require('./constants-6400c5bd.js');
-var store = require('./store-2f1a16d2.js');
-var constants$1 = require('./constants-775b26b6.js');
-var index$1 = require('./index-569d040d.js');
-var index$7 = require('./index-003462f2.js');
-var index$6 = require('./index-7ddbacb8.js');
-var useIsInit = require('./useIsInit-88970d32.js');
+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 miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-1c8137f6.js');
+var index$9 = require('./index-0e428d2a.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-7decfe6b.js');
-var index$c = require('./index-18729914.js');
-var Locale = require('./Locale-60acdf83.js');
+var index$b = require('./index-5ba0abb2.js');
+var index$c = require('./index-2f21ee00.js');
+var Locale = require('./Locale-51750edf.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-7c0358fe.js');
+var core$2 = require('./core-18394030.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -87,7 +88,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(navigationProfileButton.NavigationContext);
+    const { locale, siteType } = React.useContext(profileNavigation.NavigationContext);
     const [keyword, setKeyword] = React.useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
     const { t } = index$1.useTranslations();
@@ -443,7 +444,7 @@ const NewWrapper = ({ isNew, children, }) => {
 };
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(profileNavigation.NavigationContext);
     const { t } = index$1.useTranslations();
     const theme = core$1.useMantineTheme();
     return (React__default["default"].createElement(StyledItemGridLeft, null,
@@ -652,7 +653,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(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(profileNavigation.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}`;
@@ -741,7 +742,7 @@ const StyledLeft = styled__default["default"].div `
 `;
 
 const SpotlightNoData = ({ title, link, description, cta, icon }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(profileNavigation.NavigationContext);
     return (React__default["default"].createElement(StyledContainerNoPosts, { "data-theme": siteType },
         React__default["default"].createElement(StyledLeft, null,
             React__default["default"].createElement("img", { src: siteType === 'marryBaby'
@@ -797,7 +798,7 @@ const StyledViewMore = styled__default["default"].a `
 `;
 
 const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(profileNavigation.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),
@@ -811,7 +812,7 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
 
 const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
     const { t } = index$1.useTranslations();
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(profileNavigation.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: {
@@ -1192,7 +1193,7 @@ const Item$3 = ({ item, index = 0 }) => {
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { configs: { statics }, } = React.useContext(profileNavigation.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,
@@ -1322,7 +1323,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(navigationProfileButton.NavigationContext);
+    const { siteType, configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
     if (!post)
         return null;
     const communityUrl = [statics.TOGETHER_URL_FE, (_a = post.community) === null || _a === void 0 ? void 0 : _a.slug].join('/');
@@ -1352,7 +1353,7 @@ const Item$2 = ({ post, index = 0 }) => {
 };
 
 const CommunitySpotlights = ({ spotlights = [] }) => {
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { configs: { statics }, } = React.useContext(profileNavigation.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') }))));
 };
@@ -1540,7 +1541,7 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 
 const Item = ({ item, index = 0 }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
     if (!item)
         return null;
     const link = item.link
@@ -1772,7 +1773,7 @@ const StyledWrapName = styled__default["default"].div `
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
     if (!item)
         return null;
     const link = item.link
@@ -1808,7 +1809,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(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(profileNavigation.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') }))));
@@ -1827,13 +1828,13 @@ const StyledContainerItems = styled__default["default"].div `
 
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { configs: { statics }, } = React.useContext(profileNavigation.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(navigationProfileButton.NavigationContext);
+    const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, customClasses, } = React.useContext(profileNavigation.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,
@@ -1849,7 +1850,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
 };
 
 const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(profileNavigation.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 },
@@ -2089,7 +2090,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(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(profileNavigation.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)
@@ -2109,7 +2110,7 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
     const { t } = index$1.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(profileNavigation.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)
@@ -2125,7 +2126,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
     const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { configs: { statics }, } = React.useContext(profileNavigation.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)
@@ -2142,7 +2143,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(navigationProfileButton.NavigationContext);
+    const { configs: { statics }, } = React.useContext(profileNavigation.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) => ({
@@ -2160,7 +2161,7 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
     const { t } = index$1.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(profileNavigation.NavigationContext);
     const listing = React.useMemo(() => [
         {
             name: t('home.navigator.menu.videos'),
@@ -2286,7 +2287,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(navigationProfileButton.NavigationContext);
+    const { locale, configs: { enableAppIntroPage }, } = React.useContext(profileNavigation.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: {
@@ -2320,7 +2321,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // enableProfileEcom,
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
-    isUserLoading, slot, } = React.useContext(navigationProfileButton.NavigationContext);
+    isUserLoading, slot, } = React.useContext(profileNavigation.NavigationContext);
     const { triggerLogin } = store.useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2427,7 +2428,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(navigationProfileButton.NavigationContext);
+    const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = React.useContext(profileNavigation.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 }))))));
 };
@@ -2492,7 +2493,7 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
 };
 
 const useInsider = () => {
-    const { isFirstLogin, userState } = React.useContext(navigationProfileButton.NavigationContext);
+    const { isFirstLogin, userState } = React.useContext(profileNavigation.NavigationContext);
     const { userInfo } = userState;
     React.useEffect(() => {
         if (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) {
@@ -2530,7 +2531,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = index$1.useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(profileNavigation.NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const enableNavViewMore = [enableAppIntroPage, enableNavCare, enableNavEcom].filter(Boolean).length >
         1;
@@ -2661,7 +2662,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(navigationProfileButton.NavigationProvider, Object.assign({}, propsWithDefaultValues),
+    return (React__default["default"].createElement(profileNavigation.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-87b8fba1.js → index-13965bb1.js}

@@ -1,24 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b314099.js');
+var tslib_es6 = require('./tslib.es6-fcf2b878.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-c6c92a57.js');
-var index$3 = require('./index-3877a4b9.js');
-var index$2 = require('./index-2b3dcba8.js');
-var index$5 = require('./index-0f9e5ebe.js');
-var index$1 = require('./index-569d040d.js');
-var index$4 = require('./index-b8a99796.js');
+var Spinner = require('./Spinner-f85e99a7.js');
+var index$2 = require('./index-322a87fa.js');
+var index$1 = require('./index-1a053af5.js');
+var index$4 = require('./index-04259619.js');
+var index = require('./index-cbc65f63.js');
+var index$3 = require('./index-1a2b8cf5.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-e28b2e90.js');
+var utils = require('./utils-4f677fea.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var cn = require('classnames');
-var index = require('./index-238c0cd5.js');
-var togetherComponentGlobalContext = require('./utils-57aab09c.js');
-var normalizeLink = require('./normalizeLink-aa3a373e.js');
-var constantsDomainLocales = require('./constantsDomainLocales.js');
-var profileNavigation = require('./profileNavigation.js');
+var profileNavigation = require('./index-4024ba84.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -27,100 +23,6 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var cn__default = /*#__PURE__*/_interopDefault(cn);
 
-const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
-    const config = React.useMemo(() => {
-        const enableSearchBar = projectType === 'discover' ||
-            projectType === 'together' ||
-            projectType === 'marryBaby' ||
-            (projectType === 'profile' && siteType === 'marryBaby');
-        const enableNavCare = siteType !== 'marryBaby' &&
-            projectType !== 'marryBaby' &&
-            index.CARE_LOCALES.includes(locale);
-        const enableNavCareBooking = enableBookingBtn &&
-            projectType !== 'marryBaby' &&
-            projectType === 'discover' &&
-            siteType !== 'marryBaby' &&
-            index.CARE_BOOKING_LOCALES.includes(locale);
-        const enableNavTogether = projectType === 'marryBaby' || index.LOCALE_HAS_COMMUNITY_SITE.includes(locale);
-        const enableNavDiscover = true;
-        const enableNavHealthTools = true;
-        const enableProfileMySaved = true;
-        const enableNavEcom = siteType !== 'marryBaby' && index.ECOM_LOCALES.includes(locale);
-        const enableProfileEcom = siteType !== 'marryBaby' && index.ECOM_LOCALES.includes(locale);
-        const enableProfileMyHealth = true;
-        const enableNavVideo = index.VIDEO_LOCALES.includes(locale);
-        const baseUrl = normalizeLink.getCurrentBaseUrl(locale, siteType === 'marryBaby');
-        let fixBaseUrl = baseUrl;
-        if (typeof window !== 'undefined') {
-            if (fixBaseUrl.includes('//id.'))
-                fixBaseUrl = fixBaseUrl.replace('id.', '');
-            if (fixBaseUrl.includes('//staging-id.'))
-                fixBaseUrl = fixBaseUrl.replace('staging-id.', 'discover.');
-        }
-        const ssoUrl = normalizeLink.getCurrentSsoUrl(locale, siteType === 'marryBaby');
-        const statics = (() => {
-            return {
-                HOME_PAGE_URL: fixBaseUrl,
-                CARE_URL_FE: `${fixBaseUrl}/care`,
-                TOGETHER_URL_FE: `${fixBaseUrl}/community`,
-                VIDEO_URL_FE: `${fixBaseUrl}/videos`,
-                SSO_URL: ssoUrl,
-                TOGETHER_API: normalizeLink.getTogetherApiDomain(),
-                DISCOVER_API: normalizeLink.getDiscoverApiDomain(locale),
-            };
-        })();
-        return {
-            enableSearchBar,
-            enableNavCare,
-            enableNavCareBooking,
-            enableNavTogether,
-            enableNavEcom,
-            enableProfileEcom,
-            enableNavVideo,
-            enableProfileMyHealth,
-            enableNavDiscover,
-            enableNavHealthTools,
-            enableProfileMySaved,
-            statics,
-        };
-    }, []);
-    return config;
-};
-
-const NavigationContext = React__default["default"].createContext({});
-const NavigationProvider = (_a) => {
-    var { children } = _a, props = tslib_es6.__rest(_a, ["children"]);
-    const [currentUrl, setCurrentUrl] = React__default["default"].useState(() => {
-        return (props.currentUrl ||
-            `https://${props.siteType === 'marryBaby'
-                ? togetherComponentGlobalContext.domainLocalesMarryBaby[props.locale || 'en-PH']
-                : constantsDomainLocales.domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
-                ? '/community'
-                : props.projectType === 'ecom'
-                    ? '/ecom'
-                    : props.projectType === 'care'
-                        ? '/care'
-                        : ''}/`);
-    });
-    React.useEffect(() => {
-        const update = () => {
-            setCurrentUrl(window.location.href);
-        };
-        window.addEventListener('popstate', update);
-        update();
-        return () => {
-            window.removeEventListener('popstate', update);
-        };
-    }, []);
-    const configs = useNavConfig({
-        locale: props.locale,
-        projectType: props.projectType,
-        siteType: props.siteType,
-        enableBookingBtn: props.enableBookingBtn,
-    });
-    return (React__default["default"].createElement(NavigationContext.Provider, { value: Object.assign(Object.assign({}, props), { customClasses: props.customClasses || {}, configs: Object.assign(Object.assign({}, configs), props.configs), currentUrl: props.currentUrl || currentUrl }) }, children));
-};
-
 const useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};
     const ref = React.useRef();
@@ -307,7 +209,7 @@ const StyledLoggedOutAnchor = styled__default["default"].a `
 `;
 
 const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
-    const { customClasses = {} } = React.useContext(NavigationContext);
+    const { customClasses = {} } = React.useContext(profileNavigation.NavigationContext);
     const handleClickLogout = () => {
         if (dispatchLogout) {
             dispatchLogout();
@@ -320,13 +222,13 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
 };
 
 const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index.useTranslations();
     const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = React.useState(false);
     const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     const isLoginIcon = React.useMemo(() => isMobile && siteType === 'helloSites', [isMobile]);
     if (isLoading)
-        return isLoginIcon ? (React__default["default"].createElement(Spinner.Spinner, null)) : (React__default["default"].createElement(index$2.Button, { size: 'sm', color: "transparent", loading: true }));
+        return isLoginIcon ? (React__default["default"].createElement(Spinner.Spinner, null)) : (React__default["default"].createElement(index$1.Button, { size: 'sm', color: "transparent", loading: true }));
     return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(StyledImageWrapper, { ref: containerRef, style: style, tabIndex: 0, onBlur: onContainerBlur, onFocus: () => {
                 var _a;
@@ -342,7 +244,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
             React__default["default"].createElement("div", { onMouseDown: onButtonMouseDown },
                 React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
                     React__default["default"].createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
-                React__default["default"].createElement(index$3.Avatar, { size: 32, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
+                React__default["default"].createElement(index$2.Avatar, { size: 32, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
                         ? miscTheme.theme.mbColors.pink
                         : miscTheme.theme.colors.secondaryBase, placeholderText: name && name.length ? name[0].toUpperCase() : 'A' })),
             React__default["default"].createElement(ProfilePopup, { dispatchLogout: () => {
@@ -357,17 +259,17 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 document.body.classList.toggle('noscroll', false);
                 yield onLogout();
             }) }))) : (React__default["default"].createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default["default"].createElement(StyledAvatar, null,
-        React__default["default"].createElement("img", { src: index$4.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
+        React__default["default"].createElement("img", { src: index$3.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default["default"].createElement(React__default["default"].Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$4.CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$3.CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                } })) : (React__default["default"].createElement(index$2.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } })) : (React__default["default"].createElement(index$1.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 }, styles: {
@@ -378,11 +280,9 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
         siteType === 'marryBaby' && (React__default["default"].createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
-            React__default["default"].createElement(index$5.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+            React__default["default"].createElement(index$4.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
+        siteType === 'marryBaby' ? (React__default["default"].createElement(index$1.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$1.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
-exports.NavigationContext = NavigationContext;
 exports.NavigationProfileButton = NavigationProfileButton;
-exports.NavigationProvider = NavigationProvider;
 exports.useCSSFocusPopupHelper = useCSSFocusPopupHelper;

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

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b314099.js');
+var tslib_es6 = require('./tslib.es6-fcf2b878.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$9 = require('./index-b58fa190.js');
-var index$7 = require('./index-a77cc731.js');
-var dataTransform = require('./dataTransform-01e12e3d.js');
+var index$9 = require('./index-2bacfbf6.js');
+var index$7 = require('./index-bc27f6e6.js');
+var dataTransform = require('./dataTransform-209a5261.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-57aab09c.js');
+var togetherComponentGlobalContext = require('./utils-2aa82a2a.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$2 = require('./index-b8a99796.js');
-var index$1 = require('./index-275b25dd.js');
-var togetherMoleculesCardAuthor = require('./index-fc71a9f0.js');
-var index$3 = require('./index-e6d67077.js');
-var index = require('./index-569d040d.js');
+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 miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-3877a4b9.js');
+var index$4 = require('./index-322a87fa.js');
 require('@mantine/dates');
-require('./index-238c0cd5.js');
-require('./index-4e1430f5.js');
-var index$8 = require('./index-0f9e5ebe.js');
-var index$5 = require('./index-2b3dcba8.js');
-require('./index-623d20b7.js');
-require('./index.styles-8ddc248d.js');
+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('@mantine/hooks');
-require('./utils-e28b2e90.js');
+require('./utils-4f677fea.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-61fbbe98.js');
-var index$6 = require('./index-1c8137f6.js');
-require('./translationsContext-994ceb1e.js');
+var post = require('./post-0a2c0b68.js');
+var index$6 = require('./index-0e428d2a.js');
+require('./translationsContext-166c6c1d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-2b3dcba8.js → index-1a053af5.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b314099.js');
+var tslib_es6 = require('./tslib.es6-fcf2b878.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-7149d231.js');
-var index = require('./index-623d20b7.js');
+var shared = require('./shared-e3022bda.js');
+var index = require('./index-b3337964.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }