@hhgtech/hhg-components 1.29.401-beta-2 → 1.29.401

package/build/{index-f0f21603.js → index-64cf752a.js}

@@ -1,50 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-db2e173d.js');
+var tslib_es6 = require('./tslib.es6-ff726326.js');
 var React = require('react');
-var index$8 = require('./index-a7bc9c0c.js');
-var index$5 = require('./index-c2657751.js');
-var index$9 = require('./index-c4dfa4c0.js');
-var normalizeLink = require('./normalizeLink-19f051fb.js');
-var dataTransform = require('./dataTransform-5f7ada7e.js');
+var index$9 = require('./index-cba3765b.js');
+var index$6 = require('./index-66cfa53c.js');
+var index$1 = require('./index-5f984dd1.js');
+var normalizeLink = require('./normalizeLink-5626bf72.js');
+var dataTransform = require('./dataTransform-4436b8e4.js');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$d = require('./index-01396828.js');
+var index$d = require('./index-7124e821.js');
 var throttle = require('lodash/throttle');
-var index$b = require('./index-16fef013.js');
+var index$b = require('./index-26614c32.js');
 require('@mantine/dates');
-var index$1 = require('./index-8157819a.js');
-require('./useMantineLocale-2471f8ed.js');
-var index = require('./index-36b07932.js');
-var index$a = require('./index-85cb99b1.js');
-require('./index.styles-4de019c4.js');
-require('./translationsContext-8458e472.js');
+var index$2 = require('./index-aadacef3.js');
+require('./useMantineLocale-da63c803.js');
+var index = require('./index-63b6a569.js');
+var index$a = require('./index-d0599fca.js');
+require('./index.styles-ec4554a3.js');
+require('./translationsContext-3134cd01.js');
 require('@mantine/hooks');
-var utils = require('./utils-2c2926e7.js');
-require('./other-2a14d646.js');
-require('./index-879bbe01.js');
-var constants = require('./constants-60568c83.js');
+var utils = require('./utils-658c0e88.js');
+require('./other-2010d70b.js');
+require('./index-94887cc1.js');
+var constants = require('./constants-1f31008e.js');
 var styled = require('@emotion/styled');
-var navigationProfileButton = require('./index-fd97fc28.js');
-var store = require('./store-3376c7a7.js');
-var constants$1 = require('./constants-1f5f6146.js');
-var index$2 = require('./index-17d5a2a3.js');
+var navigationProfileButton = require('./index-f8cf9e42.js');
+var store = require('./store-42ed9969.js');
+var togetherComponentGlobalContext = require('./utils-25c154d4.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var constants$1 = require('./constants-40401054.js');
+var index$3 = require('./index-9b9ae8ac.js');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-53a8728d.js');
+var index$5 = require('./index-eb387967.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$3 = require('./index-4a04cbc4.js');
-var useIsInit = require('./useIsInit-b9a69337.js');
+var index$4 = require('./index-4eefbb25.js');
+var useIsInit = require('./useIsInit-f18f09f5.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$6 = require('./index-4e1ddd69.js');
+var index$7 = require('./index-463616a1.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$7 = require('./index-8117f9d9.js');
+var index$8 = require('./index-6998b5bf.js');
 var formatString = require('string-format');
-var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$c = require('./index-4a7717a4.js');
+var index$c = require('./index-e197a721.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-234c8a91.js');
-var core$2 = require('./core-2e4c4ab1.js');
+var Locale = require('./Locale-f7ec3d50.js');
+var core$2 = require('./core-cc343cf3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -99,6 +100,100 @@ const DisplayWrapper = ({ forceDisplay, mediaQueryKey, children, className, styl
 
 var styles$2 = {"menuContainer":"y5VJdvw","menuIcon":"oVhOSCy","menuIconWrapper":"pX8OXTM"};
 
+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$1.CARE_LOCALES.includes(locale);
+        const enableNavCareBooking = enableBookingBtn &&
+            projectType !== 'marryBaby' &&
+            projectType === 'discover' &&
+            siteType !== 'marryBaby' &&
+            index$1.CARE_BOOKING_LOCALES.includes(locale);
+        const enableNavTogether = projectType === 'marryBaby' || index$1.TOGETHER_LOCALES.includes(locale);
+        const enableNavDiscover = true;
+        const enableNavHealthTools = true;
+        const enableProfileMySaved = true;
+        const enableNavEcom = siteType !== 'marryBaby' && index$1.ECOM_LOCALES.includes(locale);
+        const enableProfileEcom = siteType !== 'marryBaby' && index$1.ECOM_LOCALES.includes(locale);
+        const enableProfileMyHealth = true;
+        const enableNavVideo = index$1.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), { configs: Object.assign(Object.assign({}, configs), props.configs), currentUrl: props.currentUrl || currentUrl }) }, children));
+};
+
 function ClosePopupIcon({ className }) {
     return (React__default["default"].createElement("div", null,
         React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
@@ -109,8 +204,8 @@ function HamburgerIcon({ siteType, enableSearch, className, style, }) {
     if (siteType === 'helloSites') {
         return (React__default["default"].createElement("div", { className: "hamburger-container" },
             React__default["default"].createElement("img", { "data-list-type": "Header", "data-content-type": "Navigation", "data-content-topic": "Hamburger", src: enableSearch
-                    ? index$1.CommonGAssets.getAssetPath('hamburgerMenuNewWithSearch.svg')
-                    : index$1.CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: '24px', height: '24px' }, style), alt: "home", className: className, loading: "lazy" })));
+                    ? index$2.CommonGAssets.getAssetPath('hamburgerMenuNewWithSearch.svg')
+                    : index$2.CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: '24px', height: '24px' }, style), alt: "home", className: className, loading: "lazy" })));
     }
     /** Marry Baby */
     return (React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
@@ -325,9 +420,9 @@ const ItemMenu = ({ item, menu }) => {
                 : null)));
 };
 const NewWrapper = ({ isNew, children, }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     if (isNew) {
-        return (React__default["default"].createElement(index$3.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
+        return (React__default["default"].createElement(index$4.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
                 root: {
                     paddingRight: 10,
                 },
@@ -337,22 +432,22 @@ const NewWrapper = ({ isNew, children, }) => {
 };
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.useTranslations();
+    const { siteType } = React.useContext(NavigationContext);
+    const { t } = index$3.useTranslations();
     const theme = core.useMantineTheme();
     return (React__default["default"].createElement(StyledItemGridLeft, null,
         React__default["default"].createElement("div", null,
             React__default["default"].createElement(StyledHeading$1, null,
-                React__default["default"].createElement(index$4.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
-            menuItems.slice(0, 6).map((item, index$2) => {
+                React__default["default"].createElement(index$5.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
+            menuItems.slice(0, 6).map((item, index$1) => {
                 const href = (item === null || item === void 0 ? void 0 : item.link)
                     ? (item === null || item === void 0 ? void 0 : item.link.startsWith('http'))
                         ? item === null || item === void 0 ? void 0 : item.link
                         : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                     : '/';
-                return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$5.isInternalLink(href) && {
+                return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$6.isInternalLink(href) && {
                     target: '_blank',
-                }), { "data-theme": siteType, key: index$2, onClick: onClosePopup }),
+                }), { "data-theme": siteType, key: index$1, onClick: onClosePopup }),
                     React__default["default"].createElement("div", { className: "icon" },
                         React__default["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.thumbnail || '/images/avatar.jpg', style: {
                                 width: 32,
@@ -371,15 +466,15 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                     item.isMobileAppTool && (React__default["default"].createElement(StyledIconNav, null,
                         React__default["default"].createElement(Phone, { className: "phone-icon", size: 16 }))),
                     React__default["default"].createElement(StyledIconNav, { className: "arrow-icon" },
-                        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+                        React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
             })),
         titleBtnViewMore && (React__default["default"].createElement(StyledViewMore$1, { "data-theme": siteType, style: { textDecoration: 'none' }, href: hrefViewMore, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": hrefViewMore },
             React__default["default"].createElement(StyledItemAll, { onClick: onClosePopup, "data-theme": siteType, "data-is-heading-category": false },
                 titleBtnViewMore,
                 React__default["default"].createElement(StyledImageWrapper, null,
                     React__default["default"].createElement("img", { className: "svg", src: siteType === 'marryBaby'
-                            ? index$1.CommonGAssets.getAssetPath('chevronRightPink.svg')
-                            : index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
+                            ? index$2.CommonGAssets.getAssetPath('chevronRightPink.svg')
+                            : index$2.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
 };
 
 const StyledContainerItems$5 = styled__default["default"].div `
@@ -545,13 +640,13 @@ const StyledItem$5 = styled__default["default"].a `
 
 const Item$4 = ({ item, index = 0 }) => {
     var _a;
-    const { t } = index$2.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { locale, configs: { statics }, } = React.useContext(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}`;
     return (React__default["default"].createElement(StyledItem$5, { key: item.id, href: href, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index + 1}`, "data-event-label": href },
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
+        React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
         React__default["default"].createElement(StyledImageCard$3, null,
             React__default["default"].createElement(StyledImageCardInner, null,
                 React__default["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.logo || '/images/avatar.jpg' }))),
@@ -560,7 +655,7 @@ const Item$4 = ({ item, index = 0 }) => {
             React__default["default"].createElement(StyledDes$2, null, item.description),
             React__default["default"].createElement(StyledBtnView$2, null,
                 t('home.seeMore'),
-                React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
+                React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
                         width: '16px',
                         height: '16px',
                         marginTop: '3px',
@@ -635,19 +730,19 @@ const StyledLeft = styled__default["default"].div `
 `;
 
 const SpotlightNoData = ({ title, link, description, cta, icon }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(StyledContainerNoPosts, { "data-theme": siteType },
         React__default["default"].createElement(StyledLeft, null,
             React__default["default"].createElement("img", { src: siteType === 'marryBaby'
-                    ? index$1.CommonGAssets.getAssetPath('navMBSpotlightBgNoData.svg')
-                    : index$1.CommonGAssets.getAssetPath('navSpotlightBgNoData.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
+                    ? index$2.CommonGAssets.getAssetPath('navMBSpotlightBgNoData.svg')
+                    : index$2.CommonGAssets.getAssetPath('navSpotlightBgNoData.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
             React__default["default"].createElement(StyledContentLeft, null, icon && React__default["default"].createElement("img", { src: icon, width: 64, height: 64, loading: "lazy" }))),
         React__default["default"].createElement("div", null,
             title && React__default["default"].createElement(StyledTitle$4, null, title),
             description && React__default["default"].createElement(StyledDescription, null, description),
             cta && (React__default["default"].createElement("div", null,
                 React__default["default"].createElement("a", { href: link },
-                    React__default["default"].createElement(index$6.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
+                    React__default["default"].createElement(index$7.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
 };
 
 const StyledItemGridRight = styled__default["default"].div `
@@ -691,21 +786,21 @@ const StyledViewMore = styled__default["default"].a `
 `;
 
 const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(StyledItemGridRight, null,
         React__default["default"].createElement(StyledHeading, null,
-            React__default["default"].createElement(index$4.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
+            React__default["default"].createElement(index$5.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
             viewMore && (React__default["default"].createElement(StyledViewMore, { "data-event-category": "Hamburger Navigation", "data-event-action": dataEventAction, "data-event-label": link, href: link, "data-theme": siteType },
                 viewMore,
                 React__default["default"].createElement("img", { src: siteType === 'marryBaby'
-                        ? index$1.CommonGAssets.getAssetPath('chevronRightPink.svg')
-                        : index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))),
+                        ? index$2.CommonGAssets.getAssetPath('chevronRightPink.svg')
+                        : index$2.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))),
         children));
 };
 
 const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
-    const { t } = index$2.useTranslations();
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { siteType } = React.useContext(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: {
@@ -714,7 +809,7 @@ const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
                 right: '1rem',
             } },
             React__default["default"].createElement("a", { href: hrefViewMore },
-                React__default["default"].createElement(index$6.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$1.CommonGAssets.getAssetPath('community.svg') }))));
+                React__default["default"].createElement(index$7.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$2.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems$4 = styled__default["default"].div `
@@ -781,14 +876,14 @@ const Item$3 = ({ item, index = 0 }) => {
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
-    const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { configs: { statics }, } = React.useContext(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,
             title: spotlight.name,
             banner: spotlight.image,
-        } }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$1.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+        } }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$2.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const StyledContainerItems$3 = styled__default["default"].div `
@@ -911,7 +1006,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(NavigationContext);
     if (!post)
         return null;
     const communityUrl = [statics.TOGETHER_URL_FE, (_a = post.community) === null || _a === void 0 ? void 0 : _a.slug].join('/');
@@ -926,7 +1021,7 @@ const Item$2 = ({ post, index = 0 }) => {
     return (React__default["default"].createElement(StyledItem$3, { href: postUrl, "data-event-category": "Hamburger Navigation", "data-event-action": `Together Click ${index + 1}`, "data-event-label": postUrl },
         React__default["default"].createElement(StyledContent$1, null,
             React__default["default"].createElement(StyledInfoUser, null,
-                React__default["default"].createElement(index$7.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
+                React__default["default"].createElement(index$8.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
                 React__default["default"].createElement(StyledWrapInfo, null,
                     React__default["default"].createElement(StyledName, { "data-theme": siteType }, (_e = post.author) === null || _e === void 0 ? void 0 : _e.name),
                     React__default["default"].createElement(StyledInfo, null,
@@ -941,9 +1036,9 @@ const Item$2 = ({ post, index = 0 }) => {
 };
 
 const CommunitySpotlights = ({ spotlights = [] }) => {
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.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$1.CommonGAssets.getAssetPath('community.svg') }))));
+    const { configs: { statics }, } = React.useContext(NavigationContext);
+    const { t } = index$3.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$2.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems$2 = styled__default["default"].div `
@@ -963,10 +1058,10 @@ const StyledItem$2 = styled__default["default"].a `
   align-items: center;
 `;
 
-const Item$1 = ({ item, index: index$2 = 0 }) => {
+const Item$1 = ({ item, index: index$1 = 0 }) => {
     if (!item)
         return null;
-    return (React__default["default"].createElement(StyledItem$2, { href: item.url, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index$2 + 1}`, "data-event-label": item.url },
+    return (React__default["default"].createElement(StyledItem$2, { href: item.url, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index$1 + 1}`, "data-event-label": item.url },
         React__default["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.featuredImage || '/images/avatar.jpg', style: {
                 width: '40px',
                 height: '40px',
@@ -974,7 +1069,7 @@ const Item$1 = ({ item, index: index$2 = 0 }) => {
         React__default["default"].createElement(index.Text, { size: "p2", weight: "regular", style: {
                 marginLeft: 16,
             } }, item.name),
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
+        React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
                 width: '20px',
                 height: '20px',
                 marginLeft: 'auto',
@@ -982,7 +1077,7 @@ const Item$1 = ({ item, index: index$2 = 0 }) => {
 };
 
 const EcomSpotlights = ({ helpfulUrls = [], }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     // const { siteType } = useContext(NavigationContext)
     if (!helpfulUrls.length)
         return null;
@@ -1128,8 +1223,8 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 `;
 
 const Item = ({ item, index = 0 }) => {
-    const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { configs: { statics }, } = React.useContext(NavigationContext);
     if (!item)
         return null;
     const link = item.link
@@ -1139,7 +1234,7 @@ const Item = ({ item, index = 0 }) => {
         : undefined;
     return (React__default["default"].createElement(StyledItem$1, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link },
         item.isMobileAppTool && React__default["default"].createElement(Phone, { size: 20, className: "phone-badge" }),
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
+        React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
         React__default["default"].createElement(StyledContentWrapper$1, null,
             React__default["default"].createElement(StyledTitle$1, null, item.title),
             React__default["default"].createElement(StyledDes$1, null, item.subtitle),
@@ -1360,8 +1455,8 @@ const StyledWrapName = styled__default["default"].div `
 `;
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
-    const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { configs: { statics }, } = React.useContext(NavigationContext);
     if (!item)
         return null;
     const link = item.link
@@ -1377,7 +1472,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
             React__default["default"].createElement(StyledDes, null, item.subtitle)),
         React__default["default"].createElement(StyledBtnView, null,
             React__default["default"].createElement("div", { className: "mobile-only" }, t('home.seeMore')),
-            React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('arrowRightGray.svg'), style: {
+            React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('arrowRightGray.svg'), style: {
                     width: '12px',
                     height: '12px',
                     marginTop: '2px',
@@ -1386,7 +1481,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
     return (React__default["default"].createElement(StyledItem, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link, "data-color": color },
         React__default["default"].createElement("svg", { className: "bg-svg", width: "74", height: "121", viewBox: "0 0 74 121", fill: "none" },
             React__default["default"].createElement("path", { d: "M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z", strokeWidth: "0" })),
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navMBCardDotBg.svg'), className: "dot-svg", loading: "lazy", alt: "" }),
+        React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('navMBCardDotBg.svg'), className: "dot-svg", loading: "lazy", alt: "" }),
         React__default["default"].createElement(StyledContentWrapper, null,
             React__default["default"].createElement("div", { className: "mobile-only" }, renderIcon()),
             React__default["default"].createElement("div", { className: "desktop-only" }, renderName())),
@@ -1395,12 +1490,12 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
 };
 
 const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const marryBabyCardColor = ['pink', 'orange', 'green'];
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(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$1.CommonGAssets.getAssetPath('community.svg') }))));
+        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$2.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems = styled__default["default"].div `
@@ -1415,22 +1510,22 @@ const StyledContainerItems = styled__default["default"].div `
 `;
 
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
-    const { t } = index$2.useTranslations();
-    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$5.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$8.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$1.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    const { t } = index$3.useTranslations();
+    const { configs: { statics }, } = React.useContext(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$6.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$9.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$2.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 { t } = index$2.useTranslations();
-    return (React__default["default"].createElement(StyledMasterMenuContainer, { className: customClasses.categoriesMenu, id: "categories-menu" },
+    const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, } = React.useContext(NavigationContext);
+    const { t } = index$3.useTranslations();
+    return (React__default["default"].createElement(StyledMasterMenuContainer, { id: 'categories-menu' },
         !isHomepage && (React__default["default"].createElement(StyleWrapperSearch, null,
             React__default["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: false, isRedirectSearchPage: true }))),
         React__default["default"].createElement(StyledWrapper, null,
             React__default["default"].createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             activeMenuService === 'categories' && (React__default["default"].createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
-            activeMenuService === 'tools' && (React__default["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$9.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
+            activeMenuService === 'tools' && (React__default["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$1.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__default["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
             activeMenuService === 'together' && (React__default["default"].createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__default["default"].createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })),
@@ -1438,7 +1533,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
 };
 
 const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType } = React.useContext(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 },
@@ -1707,10 +1802,10 @@ const StyleInput = styled__default["default"](index$b.Input) `
 `;
 
 const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
-    const { locale, configs: { statics }, siteType, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, siteType, } = React.useContext(NavigationContext);
     const [keyword, setKeyword] = React.useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
-    const { t } = index$2.useTranslations();
+    const { t } = index$3.useTranslations();
     const goToSearchPage = (searchValue = '') => {
         let sourceParam = '';
         if (projectType === 'together') {
@@ -1753,8 +1848,8 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default["default"].createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: siteType === 'marryBaby'
             ? t('navigation.search.input.placeholder')
             : t('home.search', {
-                site: index$9.LOCALE_SPECS[locale || 'en-PH']
-                    ? index$9.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+                site: index$1.LOCALE_SPECS[locale || 'en-PH']
+                    ? index$1.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
                     : '',
             }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
             goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
@@ -1935,7 +2030,7 @@ const formatVideoItem = (data) => {
         videoId: data.video_id || '',
         url: data.video_url || '',
         title: data.video_title || '',
-        type: data.type || index$8.VideoType.VIDEO,
+        type: data.type || index$9.VideoType.VIDEO,
         totalView: data.total_view || 0,
         description: data.description || '',
         createTime: data.create_time || '',
@@ -1966,8 +2061,8 @@ const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseB
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
     var _a;
-    const { t } = index$2.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { locale, configs: { statics }, } = React.useContext(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)
@@ -1986,8 +2081,8 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
 };
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
-    const { t } = index$2.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { locale, configs: { statics }, } = React.useContext(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)
@@ -2002,8 +2097,8 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
 };
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
-    const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { configs: { statics }, } = React.useContext(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)
@@ -2019,9 +2114,9 @@ const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [
 
 const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [], healthTools = [], }) => {
     var _a;
-    const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$9.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
+    const { t } = index$3.useTranslations();
+    const { configs: { statics }, } = React.useContext(NavigationContext);
+    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$1.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) => ({
                 name: t.title,
@@ -2037,18 +2132,18 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
 };
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
-    const { t } = index$2.useTranslations();
-    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { locale, configs: { statics }, } = React.useContext(NavigationContext);
     const listing = React.useMemo(() => [
         {
             name: t('home.navigator.menu.videos'),
             link: `${statics.VIDEO_URL_FE}/video/`,
-            thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/video.svg'),
+            thumbnail: index$2.CommonGAssets.getAssetPath('nav-icons/video.svg'),
         },
         {
             name: t('home.navigator.menu.shorts'),
             link: `${statics.VIDEO_URL_FE}/short/`,
-            thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/short.svg'),
+            thumbnail: index$2.CommonGAssets.getAssetPath('nav-icons/short.svg'),
         },
         // {
         //   name: t('home.navigator.menu.podcasts'),
@@ -2164,7 +2259,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(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: {
@@ -2178,10 +2273,10 @@ const MenuViewMore = ({ menuItems = [], isOpen, onClose }) => {
             React__default["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__default["default"].createElement(InitialDoctor, null) }, careNavItem.name))),
         enableAppIntroPage && (React__default["default"].createElement("a", { tabIndex: 0, href: "https://applink.hellobacsi.com/o9Q88rQh7Mb", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": `https://applink.hellobacsi.com/o9Q88rQh7Mb` },
             React__default["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__default["default"].createElement(StyleWrapperIcon, null,
-                    React__default["default"].createElement(core$1.Logo, { width: 16, height: 15 })) }, `${index$9.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
+                    React__default["default"].createElement(core$1.Logo, { width: 16, height: 15 })) }, `${index$1.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, }) => {
     var _a, _b;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, 
     // onBookingClick,
@@ -2198,7 +2293,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // enableProfileEcom,
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
-    isUserLoading, slot, } = React.useContext(navigationProfileButton.NavigationContext);
+    isUserLoading, } = React.useContext(NavigationContext);
     const { triggerLogin } = store.useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2215,7 +2310,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
-        ? (_a = index$9.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE
+        ? (_a = index$1.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = React.useCallback(throttle__default["default"](() => {
@@ -2254,10 +2349,10 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             scrolling();
     }, [isMobile]);
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
-    return (React__default["default"].createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef, className: customClasses.wrapper },
+    return (React__default["default"].createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef },
         sitewideBanner,
-        React__default["default"].createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType },
-            React__default["default"].createElement(StyledLeftGroup, { className: customClasses.leftGroup, "data-site-type": siteType },
+        React__default["default"].createElement(StyledHeader, { "data-site-type": siteType },
+            React__default["default"].createElement(StyledLeftGroup, { "data-site-type": siteType },
                 isMobile && (React__default["default"].createElement(HamburgerMenu, { menuItems: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__default["default"].createElement("a", { style: {
                         flexShrink: 0,
@@ -2265,17 +2360,16 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     React__default["default"].createElement("div", null,
                         React__default["default"].createElement(index$d.Logo, { style: {
                                 display: 'flex',
-                            }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
-                !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems, className: customClasses.navMenu })) : (enableSearchBar && (React__default["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
-            React__default["default"].createElement(StyledRightGroup, { className: customClasses.rightGroup, "data-site-type": siteType },
-                !isMobile && siteType !== 'marryBaby' && (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems.filter((m) => m.id !== 'ecom' && m.id !== 'care'), originalMenuItems: menuItems, className: customClasses.navMenu })),
+                            }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
+                !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems })) : (enableSearchBar && (React__default["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
+            React__default["default"].createElement(StyledRightGroup, { "data-site-type": siteType },
+                !isMobile && siteType !== 'marryBaby' && (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems.filter((m) => m.id !== 'ecom' && m.id !== 'care'), originalMenuItems: menuItems })),
                 React__default["default"].createElement(StyledProfileNavGroup, null,
                     languageMenu,
                     enableNavChatbotAi && (React__default["default"].createElement(core.Box, { component: "a", href: `${normalizeLink.getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
-                        React__default["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = index$9.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
+                        React__default["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = index$1.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
                             _b.SITE_NAME,
                             " AI"))),
-                    slot,
                     React__default["default"].createElement(navigationProfileButton.NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
                         // SSO_URL={normalizeLink(statics.SSO_URL)}
                         currentUrl: currentUrl, onLogout: onLogout, isLoading: isUserLoading, locale: locale, enableAppIntroPage: enableAppIntroPage, isMobile: isMobile }),
@@ -2302,9 +2396,9 @@ 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);
-    return (React__default["default"].createElement(DisplayWrapper, { className: className, mediaQueryKey: "mbUp", style: { height: '100%' } },
+const NavigationMenu = ({ menuItems, originalMenuItems, }) => {
+    const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = React.useContext(NavigationContext);
+    return (React__default["default"].createElement(DisplayWrapper, { 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 }))))));
 };
 
@@ -2368,7 +2462,7 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
 };
 
 const useInsider = () => {
-    const { isFirstLogin, userState } = React.useContext(navigationProfileButton.NavigationContext);
+    const { isFirstLogin, userState } = React.useContext(NavigationContext);
     const { userInfo } = userState;
     React.useEffect(() => {
         if (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) {
@@ -2405,8 +2499,8 @@ const useInsider = () => {
 };
 
 const useNavServices = () => {
-    const { t } = index$2.useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$3.useTranslations();
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const enableNavViewMore = enableAppIntroPage || enableNavCare || enableNavEcom;
     const services = React.useMemo(() => {
@@ -2419,8 +2513,8 @@ const useNavServices = () => {
                 link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/categories/`,
                 niceName: '',
                 thumbnail: isMarryBaby
-                    ? index$1.CommonGAssets.getAssetPath('categories-mb.svg')
-                    : index$1.CommonGAssets.getAssetPath('nav-icons/discover.svg'),
+                    ? index$2.CommonGAssets.getAssetPath('categories-mb.svg')
+                    : index$2.CommonGAssets.getAssetPath('nav-icons/discover.svg'),
                 popupType: 'categories',
             });
         enableNavVideo &&
@@ -2429,17 +2523,17 @@ const useNavServices = () => {
                 id: 'video',
                 link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/videos/`,
                 niceName: '',
-                thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/video.svg'),
+                thumbnail: index$2.CommonGAssets.getAssetPath('nav-icons/video.svg'),
                 popupType: 'video',
             });
         enableNavHealthTools &&
             _services.push({
                 name: t('home.navigator.menuItem.healthTools'),
                 id: 'tools',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$9.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
+                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$1.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
                 thumbnail: isMarryBaby
-                    ? index$1.CommonGAssets.getAssetPath('healthtools-mb.svg')
-                    : index$1.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
+                    ? index$2.CommonGAssets.getAssetPath('healthtools-mb.svg')
+                    : index$2.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
                 popupType: 'tools',
             });
         enableNavTogether &&
@@ -2448,8 +2542,8 @@ const useNavServices = () => {
                 id: 'together',
                 link: normalizeLink.normalizeLinkSlash(statics.TOGETHER_URL_FE + '/'),
                 thumbnail: isMarryBaby
-                    ? index$1.CommonGAssets.getAssetPath('community-mb.svg')
-                    : index$1.CommonGAssets.getAssetPath('nav-icons/community.svg'),
+                    ? index$2.CommonGAssets.getAssetPath('community-mb.svg')
+                    : index$2.CommonGAssets.getAssetPath('nav-icons/community.svg'),
                 popupType: 'together',
             });
         enableNavEcom &&
@@ -2457,7 +2551,7 @@ const useNavServices = () => {
                 name: t('home.navigator.menuItem.helloEcom'),
                 id: 'ecom',
                 link: normalizeLink.normalizeLinkSlash(statics.HOME_PAGE_URL + '/shop'),
-                thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/shop.svg'),
+                thumbnail: index$2.CommonGAssets.getAssetPath('nav-icons/shop.svg'),
                 popupType: null,
             });
         enableNavCare &&
@@ -2465,7 +2559,7 @@ const useNavServices = () => {
                 name: t('home.navigator.menuItem.helloCare'),
                 id: 'care',
                 link: normalizeLink.normalizeLinkSlash(statics.HOME_PAGE_URL + '/care'),
-                thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/care.svg'),
+                thumbnail: index$2.CommonGAssets.getAssetPath('nav-icons/care.svg'),
                 popupType: locale === 'id-ID' ? 'care' : null,
             });
         enableNavViewMore &&
@@ -2514,7 +2608,7 @@ const StyledContainer = styled__default["default"].div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -2532,11 +2626,11 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default["default"].createElement("section", { ref: headerRef },
-            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__default["default"].createElement(index$5.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
+            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__default["default"].createElement(index$6.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
 };
 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(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* () {
@@ -2567,7 +2661,7 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
             };
         }
         catch (_1) { }
-        if (isMarryBaby || index$9.TOGETHER_LOCALES.includes(locale)) {
+        if (isMarryBaby || index$1.TOGETHER_LOCALES.includes(locale)) {
             try {
                 const [communities, spotlightPosts] = yield Promise.all([
                     fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`)).then((res) => res.json()),
@@ -2580,7 +2674,7 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
             }
             catch (_2) { }
         }
-        if (index$9.CARE_LOCALES.includes(locale)) {
+        if (index$1.CARE_LOCALES.includes(locale)) {
             try {
                 const [specialties, hospitals] = yield Promise.all([
                     fetch(normalizeLink.normalizeLinkSlash(normalizeLink.getCareApiDomain() +