@hhgtech/hhg-components 1.29.544 → 1.29.546-beta-1

package/build/{index-54ad7bf3.js → index-3e6bc80a.js}

@@ -1,56 +1,57 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2c2ed574.js');
+var tslib_es6 = require('./tslib.es6-d943330a.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-20c60fbd.js');
-var index$2 = require('./index-6ce6e395.js');
-var normalizeLink = require('./normalizeLink-20e290e8.js');
-var dataTransform = require('./dataTransform-a2855b2e.js');
+var SiteWideBanner = require('./SiteWideBanner-f365ca44.js');
+var index = require('./index-2a7802e2.js');
+var normalizeLink = require('./normalizeLink-55e31d61.js');
+var dataTransform = require('./dataTransform-ad9421da.js');
 var core = require('@hhgtech/icons/core');
-var index = require('./index-1e5e2223.js');
-require('./translationsContext-78113889.js');
-var Locale = require('./Locale-fbe01177.js');
+var index$1 = require('./index-fbbf7190.js');
+require('./translationsContext-9282d674.js');
+var Locale = require('./Locale-a58a0889.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-e85152d0.js');
+var navigationProfileButton = require('./index-3753dba4.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-a02b9dd2.js');
+var index$c = require('./index-589edad5.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-da3b86cd.js');
-var index$6 = require('./index-b0ce6f8f.js');
-require('./index-024542ed.js');
-var index$4 = require('./index-a31ed3e1.js');
-var index$3 = require('./index-3d563586.js');
-require('./index-59a9827e.js');
-require('./index.styles-691de58f.js');
+var index$b = require('./index-01cd7594.js');
+var index$6 = require('./index-ab1664f5.js');
+require('./index-fcffe1fa.js');
+var index$4 = require('./index-6821a630.js');
+var index$3 = require('./index-458c34cd.js');
+require('./index-53f509dc.js');
+require('./index.styles-d0c1155f.js');
 require('@mantine/hooks');
-var utils = require('./utils-b92a8b1c.js');
-require('./index-eba09ec0.js');
-var constants = require('./constants-1b66eaa9.js');
-var store = require('./store-bb6f9909.js');
-var constants$3 = require('./constants-762249c4.js');
-var index$5 = require('./index-87ed9c3a.js');
-var index$1 = require('./index-3643ff1b.js');
-var useCartCareService = require('./useCartCareService-35f487b0.js');
-var constants$1 = require('./constants-3fbd741a.js');
+var utils = require('./utils-d609f225.js');
+require('./index-3eb9104c.js');
+var constants = require('./constants-ce783029.js');
+var store = require('./store-4c79e933.js');
+var constants$3 = require('./constants-b68a7fb3.js');
+var index$5 = require('./index-a26514ea.js');
+var index$2 = require('./index-c6552415.js');
+var useCartCareService = require('./useCartCareService-f5c36167.js');
+var constants$1 = require('./constants-2346cf9c.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-98ac1127.js');
-var index$8 = require('./index-d54fe628.js');
-var utils$1 = require('./utils-0cc6746b.js');
-var index$9 = require('./index-07c3d435.js');
+var index$7 = require('./index-d374bb97.js');
+var index$8 = require('./index-5ec53100.js');
+var utils$1 = require('./utils-211f191d.js');
+var index$9 = require('./index-177e0db0.js');
+var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-3259bc56.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-17dd60b9.js');
+var index$a = require('./index-580c6375.js');
 var get = require('lodash/get');
-var constants$2 = require('./constants-f734b4e4.js');
+var constants$2 = require('./constants-9dfa0506.js');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-985cec35.js');
+var index$d = require('./index-daf6dedd.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-d07a5649.js');
+var core$2 = require('./core-207aecaa.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -90,6 +91,98 @@ const StarPair = (props) => (React__namespace.createElement("svg", Object.assign
     React__namespace.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React__namespace.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
+function getSettledValue(result) {
+    var _a;
+    return result.status === 'fulfilled' ? (_a = result.value) !== null && _a !== void 0 ? _a : null : null;
+}
+/** Promise.allSettled polyfill for es2017 lib target */
+function allSettled(promises) {
+    return tslib_es6.__awaiter(this, void 0, void 0, function* () {
+        return Promise.all(Array.from(promises).map((promise) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+            try {
+                const value = yield promise;
+                return { status: 'fulfilled', value };
+            }
+            catch (reason) {
+                return { status: 'rejected', reason };
+            }
+        })));
+    });
+}
+
+const HELLO_WELLNESS_MENU_ITEM_INDEX = 3;
+const insertHelloWellnessMenuItem = (items, item) => {
+    if (items.length >= 4) {
+        return [
+            ...items.slice(0, HELLO_WELLNESS_MENU_ITEM_INDEX),
+            item,
+            ...items.slice(HELLO_WELLNESS_MENU_ITEM_INDEX),
+        ];
+    }
+    return [...items, item];
+};
+
+const DEFAULT_SPOTLIGHT_IMAGE = `${index.basePath}/images/hhg-logo.png`;
+const applyHelloWellnessNavCategories = ({ helloWellness, categoryItems = [], categorySpotlights = [], }) => {
+    var _a, _b, _c;
+    const helloWellnessSpotlightMenu = (_b = (_a = helloWellness === null || helloWellness === void 0 ? void 0 : helloWellness.settings) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.spotlightMenu;
+    const helloWellnessCategory = (_c = helloWellness === null || helloWellness === void 0 ? void 0 : helloWellness.settings) === null || _c === void 0 ? void 0 : _c.helloWellnessCategory;
+    const helloWellnessCategoryPermalink = `${index.basePath}/hello-wellness/`;
+    const helloWellnessSpotlightPermalink = (helloWellnessSpotlightMenu === null || helloWellnessSpotlightMenu === void 0 ? void 0 : helloWellnessSpotlightMenu.url) || helloWellnessCategoryPermalink;
+    const spotlights = categorySpotlights.map((item) => (Object.assign(Object.assign({}, item), { image: item.image || DEFAULT_SPOTLIGHT_IMAGE })));
+    const helloWellnessSpotlightMenuItem = {
+        id: 0,
+        name: (helloWellnessCategory === null || helloWellnessCategory === void 0 ? void 0 : helloWellnessCategory.categoryName) || 'Hello Wellness',
+        permalink: helloWellnessSpotlightPermalink,
+        image: (helloWellnessSpotlightMenu === null || helloWellnessSpotlightMenu === void 0 ? void 0 : helloWellnessSpotlightMenu.banner) || '',
+        imageMedium: (helloWellnessSpotlightMenu === null || helloWellnessSpotlightMenu === void 0 ? void 0 : helloWellnessSpotlightMenu.banner) || '',
+        imageThumbnail: (helloWellnessSpotlightMenu === null || helloWellnessSpotlightMenu === void 0 ? void 0 : helloWellnessSpotlightMenu.banner) || '',
+    };
+    const helloWellnessCategoryItem = (helloWellness === null || helloWellness === void 0 ? void 0 : helloWellness.enabled) &&
+        (helloWellnessCategory === null || helloWellnessCategory === void 0 ? void 0 : helloWellnessCategory.icon) &&
+        (helloWellnessCategory === null || helloWellnessCategory === void 0 ? void 0 : helloWellnessCategory.categoryName)
+        ? {
+            iconUrl: helloWellnessCategory.icon,
+            categoryName: helloWellnessCategory.categoryName,
+            name: helloWellnessCategory.categoryName,
+            slugName: 'hello-wellness',
+            imageColor: '',
+            displayName: helloWellnessCategory.categoryName,
+            permalink: helloWellnessCategoryPermalink,
+            slug: 'hello-wellness',
+            childCates: [],
+        }
+        : null;
+    const updatedCategoryItems = helloWellnessCategoryItem
+        ? [
+            helloWellnessCategoryItem,
+            ...categoryItems.filter((item) => item.slug !== 'hello-wellness' &&
+                item.slugName !== 'hello-wellness' &&
+                item.permalink !== helloWellnessCategoryPermalink),
+        ]
+        : categoryItems;
+    const updatedSpotlights = (helloWellnessSpotlightMenu === null || helloWellnessSpotlightMenu === void 0 ? void 0 : helloWellnessSpotlightMenu.banner) && (helloWellnessSpotlightMenu === null || helloWellnessSpotlightMenu === void 0 ? void 0 : helloWellnessSpotlightMenu.url)
+        ? insertHelloWellnessMenuItem(spotlights, helloWellnessSpotlightMenuItem)
+        : spotlights;
+    return {
+        items: updatedCategoryItems,
+        spotlights: updatedSpotlights,
+    };
+};
+
+const applyHelloWellnessNavVideos = ({ helloWellness, videoSpotlights = [], }) => {
+    var _a, _b;
+    const helloWellnessVideoMenu = (_b = (_a = helloWellness === null || helloWellness === void 0 ? void 0 : helloWellness.settings) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.videoMenu;
+    const helloWellnessVideoMenuItem = {
+        url: (helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.videoUrl) || '',
+        thumbnail: (helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.thumbnail) || '',
+        title: helloWellnessVideoMenu.title || '',
+    };
+    return (helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.thumbnail) && (helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.videoUrl)
+        ? insertHelloWellnessMenuItem(videoSpotlights, helloWellnessVideoMenuItem)
+        : videoSpotlights;
+};
+
 const ALLOW_SHOW_SEARCH_ANIMATION = [Locale.LOCALE.Vietnam, Locale.LOCALE.Malaysia];
 const TEXT_PLACEHOLDER_INPUT = {
     [Locale.LOCALE.Vietnam]: [
@@ -110,7 +203,7 @@ const TEXT_PLACEHOLDER_INPUT = {
 const TIME_ANIMATION_SEARCH_INPUT = 5000;
 const TIME_ANIMATION_SEARCH_INPUT_DELAY = TIME_ANIMATION_SEARCH_INPUT - 2000;
 
-const StyleInput = styled__default["default"](index.Input) `
+const StyleInput = styled__default["default"](index$1.Input) `
   position: relative;
   z-index: 0;
 
@@ -214,7 +307,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     const [isFocused, setIsFocused] = React.useState(false);
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
     const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const goToSearchPage = React.useCallback((searchValue = '') => {
         let sourceParam = '';
         if (projectType === 'together') {
@@ -238,7 +331,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     const debouncedTime = React.useMemo(() => {
         return ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)
             ? 0
-            : index.DEBOUNCED_TIME;
+            : index$1.DEBOUNCED_TIME;
     }, [locale]);
     const goBack = React.useCallback(() => {
         const historyBackUrl = localStorage.getItem(HHG_SEARCH_BACK_KEY);
@@ -284,8 +377,8 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             return t('navigation.search.input.placeholder');
         }
         return t('home.search', {
-            site: index$2.LOCALE_SPECS[locale || 'en-PH']
-                ? index$2.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+            site: index.LOCALE_SPECS[locale || 'en-PH']
+                ? index.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
                 : '',
         });
     }, [locale, siteType, t, isFocused]);
@@ -396,7 +489,7 @@ const ItemMenu = ({ item, menu }) => {
                 : null)));
 };
 const NewWrapper = ({ isNew, children, }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     if (isNew) {
         return (React__namespace["default"].createElement(index$5.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
                 root: {
@@ -570,7 +663,7 @@ const StyledItem$6 = styled__default["default"].a `
 
 const Item$4 = ({ item, index = 0 }) => {
     var _a;
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
@@ -729,7 +822,7 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
 };
 
 const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightHospitals') }, spotlights.length !== 0 ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         React__namespace["default"].createElement(StyledContainerItems$5, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 3).map((s, index) => (React__namespace["default"].createElement(Item$4, { key: index, index: index, item: s })))),
@@ -920,7 +1013,7 @@ const CategoriesItem = ({ href, menuItem, activeItem, siteType, onClick, }) => {
     const { name, thumbnail, link, linkTarget, isNew, id, isMobileAppTool,
     // Break line
      } = menuItem;
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const theme = core$1.useMantineTheme();
     return (React__namespace["default"].createElement(StyledItem$5, { className: core$1.clsx('iconMenu', `itemMenu-${id}`), "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": link, "data-is-heading-category": false, "data-active": id && id === activeItem, "data-is-mobile-tool": isMobileAppTool, href: href, target: linkTarget || !SiteWideBanner.isInternalLink(href) ? '_blank' : undefined, "data-theme": siteType, onClick: onClick },
         React__namespace["default"].createElement("div", { className: "icon" },
@@ -953,7 +1046,7 @@ const ExtraCategories = ({ menuItems, siteType, onClick, }) => {
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
     var _a;
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["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) => {
@@ -1102,11 +1195,13 @@ const Item$3 = ({ item, index = 0 }) => {
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const spotlightPermalinks = React.useMemo(() => spotlightsList.map((spotlight) => spotlight.permalink), [spotlightsList]);
+    const resolvedPermalinks = useResolvedCaptureUrls.useResolvedCaptureUrls(spotlightPermalinks);
     return (React__namespace["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__namespace["default"].createElement(StyledContainerItems$4, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((spotlight, index) => (React__namespace["default"].createElement(Item$3, { key: index, index: index, item: {
             id: spotlight.id,
-            link: statics.HOME_PAGE_URL + spotlight.permalink,
+            link: normalizeLink.resolveDiscoverNavLink(statics.HOME_PAGE_URL, resolvedPermalinks[index] || spotlight.permalink),
             title: spotlight.name,
             banner: spotlight.image,
             buttonDisplay: spotlight.buttonDisplay,
@@ -1114,7 +1209,7 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
 };
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["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) => {
@@ -1280,12 +1375,12 @@ const Item$2 = ({ post, index = 0 }) => {
 
 const CommunitySpotlights = ({ spotlights = [] }) => {
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     return (React__namespace["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__namespace["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__namespace["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__namespace["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$6.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["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) => {
@@ -1431,7 +1526,7 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 `;
 
 const Item$1 = ({ item, index = 0 }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
@@ -1663,7 +1758,7 @@ const StyledWrapName = styled__default["default"].div `
 `;
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
@@ -1698,7 +1793,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
 };
 
 const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const marryBabyCardColor = ['pink', 'orange', 'green'];
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightTools') },
@@ -1708,9 +1803,9 @@ const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
 
 const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [], healthTools = [], }) => {
     var _a;
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
+    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["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,
@@ -1736,14 +1831,25 @@ const StyledContainerItems$1 = styled__default["default"].div `
   }
 `;
 
+const isHelloWellnessVideo = (video, helloWellnessVideoUrl, helloWellnessVideoThumbnail) => Boolean(helloWellnessVideoUrl &&
+    helloWellnessVideoThumbnail &&
+    video.url === helloWellnessVideoUrl &&
+    video.thumbnail === helloWellnessVideoThumbnail);
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
-    const { t } = index$1.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__namespace["default"].createElement(SiteWideBanner.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$b.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__namespace["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$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    var _a, _b, _c;
+    const { t } = index$2.useTranslations();
+    const { configs: { statics }, ssrMenuContent, } = React.useContext(navigationProfileButton.NavigationContext);
+    const helloWellnessVideoMenu = (_c = (_b = (_a = ssrMenuContent === null || ssrMenuContent === void 0 ? void 0 : ssrMenuContent.helloWellness) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.menu) === null || _c === void 0 ? void 0 : _c.videoMenu;
+    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => {
+        const isHelloWellness = isHelloWellnessVideo(video, helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.videoUrl, helloWellnessVideoMenu === null || helloWellnessVideoMenu === void 0 ? void 0 : helloWellnessVideoMenu.thumbnail);
+        return (React__namespace["default"].createElement(SiteWideBanner.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$b.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: isHelloWellness
+                ? 'Click to Pin Video'
+                : `Video Click ${index + 1}`, dataEventLabel: isHelloWellness ? video.url : undefined }));
+    }))) : (React__namespace["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$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const listing = React.useMemo(() => [
         {
@@ -1884,7 +1990,7 @@ const MenuViewMore = ({ menuItems = [], isOpen, onClose }) => {
             React__namespace["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(InitialDoctor, null) }, careNavItem.name))),
         enableAppIntroPage && (React__namespace["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__namespace["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(StyleWrapperIcon, null,
-                    React__namespace["default"].createElement(core.Logo, { width: 16, height: 15 })) }, `${index$2.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
+                    React__namespace["default"].createElement(core.Logo, { width: 16, height: 15 })) }, `${index.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
 };
 
 var styles = {"menuContainer":"y5VJdvw","menuIcon":"oVhOSCy","menuIconWrapper":"pX8OXTM"};
@@ -1993,7 +2099,7 @@ const Item = ({ item, index = 0 }) => {
 };
 
 const EcomSpotlights = ({ helpfulUrls = [], }) => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     // const { siteType } = useContext(NavigationContext)
     if (!helpfulUrls.length)
         return null;
@@ -2011,7 +2117,7 @@ const EcomSpotlights = ({ helpfulUrls = [], }) => {
 const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], 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$1.useTranslations();
+    const { t } = index$2.useTranslations();
     return (React__namespace["default"].createElement(StyledMasterMenuContainer, { className: customClasses.categoriesMenu, id: "categories-menu" },
         !isHomepage && (React__namespace["default"].createElement(StyleWrapperSearch, { className: "search-wrapper" },
             React__namespace["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: false, isRedirectSearchPage: true }))),
@@ -2021,7 +2127,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], proj
                     : t('home.navigator.menuItem.allCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType, onClick: closePopup })),
             activeMenuService === 'categories' && (React__namespace["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__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
+            activeMenuService === 'tools' && (React__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__namespace["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__namespace["default"].createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__namespace["default"].createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })),
@@ -2496,7 +2602,7 @@ const StyleButtonAiChat = styled__default["default"](index$3.Button) `
 `;
 
 function O2ONavigationMenu() {
-    const { locale, t } = index$1.useTranslations();
+    const { locale, t } = index$2.useTranslations();
     const o2oCategoryItems = get__default["default"](getO2OCategoryItems(t), locale, []);
     const contact = get__default["default"](getO2OContacts(t), locale);
     if (isEmpty__default["default"](o2oCategoryItems) || isEmpty__default["default"](contact))
@@ -2540,7 +2646,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
     isUserLoading, slot, isWinCashBackTheme: winCashBackTheme, enableO2ONavigationMenu, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { triggerLogin } = store.useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2560,7 +2666,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
-        ? (_b = index$2.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE
+        ? (_b = index.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = React.useCallback(throttle__default["default"](() => {
@@ -2629,6 +2735,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 isMobile && (React__namespace["default"].createElement(HamburgerMenu, { menuItems: hamburgerMenuItems, extraMenuItems: hamburgerExtraMenuItems, isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__namespace["default"].createElement("a", { style: {
                         flexShrink: 0,
+                        pointerEvents: 'auto',
                     }, href: HOME_PAGE_URL },
                     React__namespace["default"].createElement("div", null,
                         React__namespace["default"].createElement(index$c.Logo, { style: {
@@ -2643,10 +2750,10 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     languageMenu,
                     enableNavCartCare && winCashBackTheme && (React__namespace["default"].createElement(index$d.CartCareButton, { href: cartHref !== null && cartHref !== void 0 ? cartHref : cartBaseUrl, count: cartHref ? 1 : 0 })),
                     enableNavChatbotAi && (React__namespace["default"].createElement(core$1.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__namespace["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = index$2.LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
+                        React__namespace["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = index.LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
                             _c.SITE_NAME,
                             " AI"))),
-                    enableNavClinityDownload && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${(_d = index$2.STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_e = index$2.STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
+                    enableNavClinityDownload && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${(_d = index.STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_e = index.STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
                         React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('clinity-download.png'), alt: "Clinity", className: "clinity-logo", style: { display: 'block' } }))),
                     slot,
                     React__namespace["default"].createElement(navigationProfileButton.NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
@@ -2682,6 +2789,71 @@ const NavigationMenu = ({ menuItems, originalMenuItems, className, }) => {
         React__namespace["default"].createElement(StyledWrapMenuItems, { "data-site-type": siteType }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((menuItem, index) => (React__namespace["default"].createElement(ItemMenu, { key: index, item: menuItem, menu: menuItem.popupType === 'categories' ? (React__namespace["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__namespace["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__namespace["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__namespace["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__namespace["default"].createElement(MenuVideoList, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights })) : menuItem.popupType === 'other' ? (React__namespace["default"].createElement(MenuViewMore, { menuItems: originalMenuItems })) : null }))))));
 };
 
+const formatHelloWellnessFeatureImage = (data) => ({
+    image: (data === null || data === void 0 ? void 0 : data.image) || '',
+    header: (data === null || data === void 0 ? void 0 : data.header) || '',
+    description: (data === null || data === void 0 ? void 0 : data.description) || '',
+    redirectLink: (data === null || data === void 0 ? void 0 : data.redirect_link) || '',
+});
+const formatHelloWellnessPinCategoryItem = (item) => {
+    if (!item)
+        return null;
+    if (item.type === 'feature_image') {
+        return {
+            categoryId: item.category,
+            type: 'feature_image',
+            data: formatHelloWellnessFeatureImage(item.data),
+        };
+    }
+    return {
+        categoryId: item.category,
+        type: 'pin_article',
+        data: Object.assign(Object.assign({}, dataTransform.formatArticle(item.data)), { isHelloWellness: true }),
+    };
+};
+const formatHelloWellnessSettings = (settings) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    if (!settings)
+        return {};
+    return {
+        menu: {
+            spotlightMenu: {
+                banner: ((_b = (_a = settings.menu) === null || _a === void 0 ? void 0 : _a['spotlight-menu']) === null || _b === void 0 ? void 0 : _b.banner) || '',
+                url: ((_d = (_c = settings.menu) === null || _c === void 0 ? void 0 : _c['spotlight-menu']) === null || _d === void 0 ? void 0 : _d.url) || '',
+            },
+            videoMenu: {
+                videoUrl: ((_f = (_e = settings.menu) === null || _e === void 0 ? void 0 : _e.video_menu) === null || _f === void 0 ? void 0 : _f.video_url) || '',
+                thumbnail: typeof ((_h = (_g = settings.menu) === null || _g === void 0 ? void 0 : _g.video_menu) === null || _h === void 0 ? void 0 : _h.thumbnail_video) === 'string'
+                    ? settings.menu.video_menu.thumbnail_video
+                    : '',
+                title: ((_k = (_j = settings.menu) === null || _j === void 0 ? void 0 : _j.video_menu) === null || _k === void 0 ? void 0 : _k.title) || '',
+            },
+        },
+        helloWellnessCategory: {
+            icon: ((_l = settings.hello_wellness_category) === null || _l === void 0 ? void 0 : _l.icon) || '',
+            categoryName: ((_m = settings.hello_wellness_category) === null || _m === void 0 ? void 0 : _m.category_name) || '',
+        },
+        landingPage: {
+            bannerDesktop: ((_o = settings.landing_page) === null || _o === void 0 ? void 0 : _o.banner_desktop) || '',
+            bannerMobile: ((_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.banner_mobile) || '',
+            headerForCategoriesList: ((_q = settings.landing_page) === null || _q === void 0 ? void 0 : _q.header_for_categories_list) || '',
+            categories: ((_s = (_r = settings.landing_page) === null || _r === void 0 ? void 0 : _r.category) === null || _s === void 0 ? void 0 : _s.map((category) => utils$1.formatCategory(category))) || [],
+        },
+        pinArticleForEachCategory: {
+            sponsorLogo: ((_t = settings.pin_article_for_each_category) === null || _t === void 0 ? void 0 : _t.sponsor_logo) || '',
+            listCategories: ((_v = (_u = settings.pin_article_for_each_category) === null || _u === void 0 ? void 0 : _u.list_categories) === null || _v === void 0 ? void 0 : _v.map(formatHelloWellnessPinCategoryItem).filter(Boolean)) || [],
+        },
+    };
+};
+const formatHelloWellness = (data) => {
+    if (!data)
+        return {};
+    return {
+        enabled: Boolean(data.enabled),
+        settings: formatHelloWellnessSettings(data.settings),
+    };
+};
+
 const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBanner, isMobile, }) => {
     const headerRef = React.useRef(null);
     const [headerHeight, setHeaderHeight] = React.useState(0);
@@ -2807,7 +2979,7 @@ const useInsider = () => {
 };
 
 const useNavServices = () => {
-    const { t } = index$1.useTranslations();
+    const { t } = index$2.useTranslations();
     const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(navigationProfileButton.NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const enableNavViewMore = [enableAppIntroPage, enableNavCare, enableNavEcom].filter(Boolean).length >
@@ -2839,7 +3011,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.healthTools'),
                 id: 'tools',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
+                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
                 thumbnail: isMarryBaby
                     ? index$6.CommonGAssets.getAssetPath('healthtools-mb.svg')
                     : index$6.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
@@ -2887,36 +3059,6 @@ const useNavServices = () => {
     return services;
 };
 
-const StyledContainer = styled__default["default"].div `
-  --header-z-index: ${index$2.ZINDEX_HEADER};
-  top: 0;
-  z-index: var(--header-z-index);
-
-  ${utils.MediaQueries.mbDown} {
-    width: 100vw;
-    max-width: 100%;
-  }
-  --amp-site-wide-closed: 2px;
-
-  -webkit-transform: translateZ(0);
-  position: sticky;
-
-  &.nav-open {
-    margin-top: 64px;
-  }
-
-  &:not(.nav-open) {
-    --amp-site-wide-closed: 66px;
-  }
-  pointer-events: none;
-  > section
-    *:not([data-cart-menu] *):not([data-search-animation-wrapper] *):not(
-      [data-search-animation-wrapper]
-    ) {
-    pointer-events: auto;
-  }
-`;
-
 const CSS_VAR_DEFAULT_HEADER_HEIGHT = '--default-header-height';
 const CSS_VAR_HEADER_HEIGHT = '--header-height';
 const setRootCSSVariable = (name, value) => {
@@ -2943,6 +3085,30 @@ const useSetGlobalHeaderHeight = ({ headerHeight, defaultHeaderHeight, allowRoot
     }, [defaultHeaderHeight, finalHeaderHeight]);
 };
 
+const StyledContainer = styled__default["default"].div `
+  --header-z-index: ${index.ZINDEX_HEADER};
+  top: 0;
+  z-index: var(--header-z-index);
+
+  ${utils.MediaQueries.mbDown} {
+    width: 100vw;
+    max-width: 100%;
+  }
+  --amp-site-wide-closed: 2px;
+
+  -webkit-transform: translateZ(0);
+  position: sticky;
+
+  &.nav-open {
+    margin-top: 64px;
+  }
+
+  &:not(.nav-open) {
+    --amp-site-wide-closed: 66px;
+  }
+  pointer-events: none;
+`;
+
 const _NavigationV2 = (props) => {
     var _a, _b;
     const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
@@ -2978,61 +3144,77 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     const res = {};
     const isMarryBaby = locale === 'vi-VN_MB';
-    try {
-        const customLang = locale === 'tl-PH' ? 'lang=fil' : '';
-        try {
-            const [categories, spotlights, healthtools, healthtoolsFavorites, videos,] = yield Promise.all([
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/categories${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/spotlights?per_page=10&order_by=start_date${customLang ? '&' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}/favorites${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                index$2.VIDEO_LOCALES.includes(locale) &&
-                    fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/video/navigation`)).then((res) => res.json()),
-            ]);
-            res.categories = {
-                items: ((_b = (_a = categories === null || categories === void 0 ? void 0 : categories.data) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, utils$1.formatCategory)) || [],
-                spotlights: ((_f = (_e = (_d = (_c = spotlights === null || spotlights === void 0 ? void 0 : spotlights.data) === null || _c === void 0 ? void 0 : _c.articles) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.call(_d, utils$1.formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(utils$1.checkAvailableSpotlight)) || [],
-            };
-            res.healthTools = {
-                items: ((_h = (_g = healthtools === null || healthtools === void 0 ? void 0 : healthtools.data) === null || _g === void 0 ? void 0 : _g.map) === null || _h === void 0 ? void 0 : _h.call(_g, utils$1.formatHealthTool)) || [],
-                spotlights: ((_k = (_j = healthtoolsFavorites === null || healthtoolsFavorites === void 0 ? void 0 : healthtoolsFavorites.data) === null || _j === void 0 ? void 0 : _j.map) === null || _k === void 0 ? void 0 : _k.call(_j, utils$1.formatHealthTool)) || [],
-            };
-            res.videos = {
-                spotlights: ((_m = (_l = videos === null || videos === void 0 ? void 0 : videos.data) === null || _l === void 0 ? void 0 : _l.videos) !== null && _m !== void 0 ? _m : []).map(utils$1.formatVideoItem),
-            };
-        }
-        catch (_1) { }
-        if (isMarryBaby || index$2.LOCALE_HAS_COMMUNITY_SITE.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()),
-                    fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getTogetherApiDomain()}/api/v1/options?website_url=https://${constantsDomainLocales.domainLocales[locale]}&meta_key=popular_post`)).then((res) => res.json()),
-                ]);
-                res.together = {
-                    items: ((_q = (_p = (_o = communities === null || communities === void 0 ? void 0 : communities.data) === null || _o === void 0 ? void 0 : _o.communities) === null || _p === void 0 ? void 0 : _p.map) === null || _q === void 0 ? void 0 : _q.call(_p, dataTransform.formatCommunity)) || [],
-                    spotlights: ((_t = (_s = (_r = spotlightPosts === null || spotlightPosts === void 0 ? void 0 : spotlightPosts.data) === null || _r === void 0 ? void 0 : _r.posts) === null || _s === void 0 ? void 0 : _s.map) === null || _t === void 0 ? void 0 : _t.call(_s, dataTransform.formatPost)) || [],
-                };
-            }
-            catch (_2) { }
-        }
-        if (index$2.CARE_LOCALES.includes(locale)) {
-            try {
-                const [specialties, hospitals] = yield Promise.all([
-                    fetch(normalizeLink.normalizeLinkSlash(normalizeLink.getCareApiDomain() +
-                        `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=0`)).then((res) => res.json()),
-                    fetch(normalizeLink.normalizeLinkSlash(normalizeLink.getCareApiDomain() +
-                        `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=1`)).then((res) => res.json()),
-                ]);
-                res.care = {
-                    items: ((_x = (_w = (_v = (_u = specialties === null || specialties === void 0 ? void 0 : specialties._data) === null || _u === void 0 ? void 0 : _u.setting_menu) === null || _v === void 0 ? void 0 : _v.menu_specialty) === null || _w === void 0 ? void 0 : _w.map) === null || _x === void 0 ? void 0 : _x.call(_w, utils$1.formatSpecialties)) || [],
-                    spotlights: ((_0 = (_z = (_y = hospitals === null || hospitals === void 0 ? void 0 : hospitals._data.setting_menu) === null || _y === void 0 ? void 0 : _y.menu_hospital) === null || _z === void 0 ? void 0 : _z.map) === null || _0 === void 0 ? void 0 : _0.call(_z, utils$1.formatHospital)) || [],
-                };
-            }
-            catch (_3) { }
-        }
+    const customLang = locale === 'tl-PH' ? 'lang=fil' : '';
+    const discoverDomain = normalizeLink.getDiscoverApiDomain(locale);
+    const healthToolsPath = isMarryBaby ? 'health-tools' : 'healthtools';
+    const langSuffix = customLang ? '?' + customLang : '';
+    const langAmpSuffix = customLang ? '&' + customLang : '';
+    const fetchJson = (url) => fetch(normalizeLink.normalizeLinkSlash(url)).then((response) => response.json());
+    const [categoriesResult, spotlightsResult, healthtoolsResult, healthtoolsFavoritesResult, videosResult, helloWellnessResult,] = yield allSettled([
+        fetchJson(`${discoverDomain}/wp-json/api/categories${langSuffix}`),
+        fetchJson(`${discoverDomain}/wp-json/api/spotlights?per_page=10&order_by=start_date${langAmpSuffix}`),
+        fetchJson(`${discoverDomain}/wp-json/api/${healthToolsPath}${langSuffix}`),
+        fetchJson(`${discoverDomain}/wp-json/api/${healthToolsPath}/favorites${langSuffix}`),
+        index.VIDEO_LOCALES.includes(locale)
+            ? fetchJson(`${discoverDomain}/wp-json/api/video/navigation`)
+            : Promise.resolve(null),
+        fetchJson(`${discoverDomain}/wp-json/api/hello-wellness`),
+    ]);
+    const categories = getSettledValue(categoriesResult);
+    const spotlights = getSettledValue(spotlightsResult);
+    const healthtools = getSettledValue(healthtoolsResult);
+    const healthtoolsFavorites = getSettledValue(healthtoolsFavoritesResult);
+    const videos = getSettledValue(videosResult);
+    const helloWellnessResponse = getSettledValue(helloWellnessResult);
+    const helloWellness = (helloWellnessResponse === null || helloWellnessResponse === void 0 ? void 0 : helloWellnessResponse.status) === 1 && (helloWellnessResponse === null || helloWellnessResponse === void 0 ? void 0 : helloWellnessResponse.data)
+        ? formatHelloWellness(helloWellnessResponse.data)
+        : null;
+    res.categories = applyHelloWellnessNavCategories({
+        helloWellness,
+        categoryItems: ((_b = (_a = categories === null || categories === void 0 ? void 0 : categories.data) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, utils$1.formatCategory)) || [],
+        categorySpotlights: ((_f = (_e = (_d = (_c = spotlights === null || spotlights === void 0 ? void 0 : spotlights.data) === null || _c === void 0 ? void 0 : _c.articles) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.call(_d, utils$1.formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(utils$1.checkAvailableSpotlight)) || [],
+    });
+    res.healthTools = {
+        items: ((_h = (_g = healthtools === null || healthtools === void 0 ? void 0 : healthtools.data) === null || _g === void 0 ? void 0 : _g.map) === null || _h === void 0 ? void 0 : _h.call(_g, utils$1.formatHealthTool)) || [],
+        spotlights: ((_k = (_j = healthtoolsFavorites === null || healthtoolsFavorites === void 0 ? void 0 : healthtoolsFavorites.data) === null || _j === void 0 ? void 0 : _j.map) === null || _k === void 0 ? void 0 : _k.call(_j, utils$1.formatHealthTool)) || [],
+    };
+    res.videos = {
+        spotlights: applyHelloWellnessNavVideos({
+            helloWellness,
+            videoSpotlights: ((_m = (_l = videos === null || videos === void 0 ? void 0 : videos.data) === null || _l === void 0 ? void 0 : _l.videos) !== null && _m !== void 0 ? _m : [])
+                .map(utils$1.formatVideoItem)
+                .filter((item) => !!item),
+        }),
+    };
+    if (helloWellness) {
+        res.helloWellness = helloWellness;
     }
-    catch (e) {
-        console.error(e);
+    if (isMarryBaby || index.LOCALE_HAS_COMMUNITY_SITE.includes(locale)) {
+        const [communitiesResult, spotlightPostsResult] = yield allSettled([
+            fetchJson(`${normalizeLink.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`),
+            fetchJson(`${normalizeLink.getTogetherApiDomain()}/api/v1/options?website_url=https://${constantsDomainLocales.domainLocales[locale]}&meta_key=popular_post`),
+        ]);
+        const communities = getSettledValue(communitiesResult);
+        const spotlightPosts = getSettledValue(spotlightPostsResult);
+        res.together = {
+            items: ((_q = (_p = (_o = communities === null || communities === void 0 ? void 0 : communities.data) === null || _o === void 0 ? void 0 : _o.communities) === null || _p === void 0 ? void 0 : _p.map) === null || _q === void 0 ? void 0 : _q.call(_p, dataTransform.formatCommunity)) || [],
+            spotlights: ((_t = (_s = (_r = spotlightPosts === null || spotlightPosts === void 0 ? void 0 : spotlightPosts.data) === null || _r === void 0 ? void 0 : _r.posts) === null || _s === void 0 ? void 0 : _s.map) === null || _t === void 0 ? void 0 : _t.call(_s, dataTransform.formatPost)) || [],
+        };
+    }
+    if (index.CARE_LOCALES.includes(locale)) {
+        const [specialtiesResult, hospitalsResult] = yield allSettled([
+            fetchJson(normalizeLink.getCareApiDomain() +
+                `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=0`),
+            fetchJson(normalizeLink.getCareApiDomain() +
+                `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=1`),
+        ]);
+        const specialties = getSettledValue(specialtiesResult);
+        const hospitals = getSettledValue(hospitalsResult);
+        res.care = {
+            items: ((_x = (_w = (_v = (_u = specialties === null || specialties === void 0 ? void 0 : specialties._data) === null || _u === void 0 ? void 0 : _u.setting_menu) === null || _v === void 0 ? void 0 : _v.menu_specialty) === null || _w === void 0 ? void 0 : _w.map) === null || _x === void 0 ? void 0 : _x.call(_w, utils$1.formatSpecialties)) || [],
+            spotlights: ((_0 = (_z = (_y = hospitals === null || hospitals === void 0 ? void 0 : hospitals._data.setting_menu) === null || _y === void 0 ? void 0 : _y.menu_hospital) === null || _z === void 0 ? void 0 : _z.map) === null || _0 === void 0 ? void 0 : _0.call(_z, utils$1.formatHospital)) ||
+                [],
+        };
     }
     return res;
 });
@@ -3044,5 +3226,7 @@ exports.HHG_SEARCH_BACK_KEY = HHG_SEARCH_BACK_KEY;
 exports.HamburgerWhite = HamburgerWhite;
 exports.NavigationV2 = NavigationV2;
 exports.StarPair = StarPair;
+exports.formatHelloWellness = formatHelloWellness;
+exports.formatHelloWellnessSettings = formatHelloWellnessSettings;
 exports.getNavMenuContent = getNavMenuContent;
 exports.getNavMenuContentWithCache = getNavMenuContentWithCache;