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

package/build/esm/{index-bcd0508c.js → index-6d1d70bc.js}

@@ -1,55 +1,56 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ab63fd84.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-aeb83deb.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useCallback, useMemo, useEffect, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-f124abd4.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-a8162282.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-0bc93fbf.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-35304d21.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-07d471a4.js';
+import { b as basePath, L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-fe3d42b3.js';
+import { r as resolveDiscoverNavLink, e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-3197974c.js';
+import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-0d2e5ac0.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Input, D as DEBOUNCED_TIME } from './index-c3177e04.js';
-import './translationsContext-4de1415e.js';
-import { L as LOCALE } from './Locale-87b46912.js';
+import { I as Input, D as DEBOUNCED_TIME } from './index-88c9be49.js';
+import './translationsContext-d24fab3f.js';
+import { L as LOCALE } from './Locale-dafe556c.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-9ef06f7d.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-204a96e0.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx, Flex } from '@mantine/core';
-import { L as Logo$1 } from './index-6f8dd7c5.js';
+import { L as Logo$1 } from './index-6ca60e9d.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-91c6a49c.js';
-import { C as CommonGAssets } from './index-43584299.js';
-import './index-4e6b8a2b.js';
-import { T as Text } from './index-d0a1200e.js';
-import { B as Button } from './index-f71a880f.js';
-import './index-38e03570.js';
-import './index.styles-3ba274d2.js';
+import { V as VideoType } from './index-44995486.js';
+import { C as CommonGAssets } from './index-89abf3e8.js';
+import './index-5442537f.js';
+import { T as Text } from './index-39e5fe7e.js';
+import { B as Button } from './index-36ad465e.js';
+import './index-fe5b8d3a.js';
+import './index.styles-63311dd4.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-32d7d5af.js';
-import './index-f21110d2.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-e1af6937.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-b88d97b9.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-67be5c94.js';
-import { I as Indicator$1 } from './index-6fbb16f8.js';
-import { u as useTranslations } from './index-960c3169.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-4af08500.js';
-import { L as LOCALIZED_SLUGS } from './constants-106f2bcb.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1edbc81c.js';
+import './index-4c40eee1.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-dc77a938.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-023575cd.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-53b38d20.js';
+import { I as Indicator$1 } from './index-075677e4.js';
+import { u as useTranslations } from './index-15ffc0a1.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-21412d73.js';
+import { L as LOCALIZED_SLUGS } from './constants-5f603c5c.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-96c62ad5.js';
-import { H as Heading } from './index-afe90ec2.js';
-import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-5b0a0cb8.js';
-import { C as Container } from './index-f5f8f564.js';
+import { B as Button$1 } from './index-f959b4cd.js';
+import { H as Heading } from './index-39e65f79.js';
+import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-68ad49a9.js';
+import { C as Container } from './index-d833e00b.js';
+import { b as useResolvedCaptureUrls } from './useResolvedCaptureUrls-e95a1c6f.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-aebd61a9.js';
+import { U as UserAvatar } from './index-3e8c62d8.js';
 import get from 'lodash/get';
-import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-96288a21.js';
+import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-0e629c31.js';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-8ef247f2.js';
+import { C as CartCareButton } from './index-68c68989.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-0cf3a3a7.js';
+import { g as getDataWithCache } from './core-98a99bb6.js';
 
 const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -60,6 +61,98 @@ const StarPair = (props) => (React.createElement("svg", Object.assign({ width: "
     React.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.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 __awaiter(this, void 0, void 0, function* () {
+        return Promise.all(Array.from(promises).map((promise) => __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 = `${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 = `${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.Vietnam, LOCALE.Malaysia];
 const TEXT_PLACEHOLDER_INPUT = {
     [LOCALE.Vietnam]: [
@@ -1074,9 +1167,11 @@ const Item$3 = ({ item, index = 0 }) => {
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
     const { t } = useTranslations();
     const { configs: { statics }, } = useContext(NavigationContext);
+    const spotlightPermalinks = useMemo(() => spotlightsList.map((spotlight) => spotlight.permalink), [spotlightsList]);
+    const resolvedPermalinks = useResolvedCaptureUrls(spotlightPermalinks);
     return (React__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.createElement(StyledContainerItems$4, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((spotlight, index) => (React__default.createElement(Item$3, { key: index, index: index, item: {
             id: spotlight.id,
-            link: statics.HOME_PAGE_URL + spotlight.permalink,
+            link: resolveDiscoverNavLink(statics.HOME_PAGE_URL, resolvedPermalinks[index] || spotlight.permalink),
             title: spotlight.name,
             banner: spotlight.image,
             buttonDisplay: spotlight.buttonDisplay,
@@ -1706,10 +1801,21 @@ const StyledContainerItems$1 = styled.div `
   }
 `;
 
+const isHelloWellnessVideo = (video, helloWellnessVideoUrl, helloWellnessVideoThumbnail) => Boolean(helloWellnessVideoUrl &&
+    helloWellnessVideoThumbnail &&
+    video.url === helloWellnessVideoUrl &&
+    video.thumbnail === helloWellnessVideoThumbnail);
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
+    var _a, _b, _c;
     const { t } = useTranslations();
-    const { configs: { statics }, } = useContext(NavigationContext);
-    return (React__default.createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__default.createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__default.createElement(VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__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: CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    const { configs: { statics }, ssrMenuContent, } = useContext(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__default.createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__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__default.createElement(VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: 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__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: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
@@ -2599,6 +2705,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 isMobile && (React__default.createElement(HamburgerMenu, { menuItems: hamburgerMenuItems, extraMenuItems: hamburgerExtraMenuItems, isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__default.createElement("a", { style: {
                         flexShrink: 0,
+                        pointerEvents: 'auto',
                     }, href: HOME_PAGE_URL },
                     React__default.createElement("div", null,
                         React__default.createElement(Logo$1, { style: {
@@ -2652,6 +2759,71 @@ const NavigationMenu = ({ menuItems, originalMenuItems, className, }) => {
         React__default.createElement(StyledWrapMenuItems, { "data-site-type": siteType }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((menuItem, index) => (React__default.createElement(ItemMenu, { key: index, item: menuItem, menu: menuItem.popupType === 'categories' ? (React__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.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.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.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.createElement(MenuVideoList, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights })) : menuItem.popupType === 'other' ? (React__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({}, 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) => 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 = useRef(null);
     const [headerHeight, setHeaderHeight] = useState(0);
@@ -2857,36 +3029,6 @@ const useNavServices = () => {
     return services;
 };
 
-const StyledContainer = styled.div `
-  --header-z-index: ${ZINDEX_HEADER};
-  top: 0;
-  z-index: var(--header-z-index);
-
-  ${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) => {
@@ -2913,6 +3055,30 @@ const useSetGlobalHeaderHeight = ({ headerHeight, defaultHeaderHeight, allowRoot
     }, [defaultHeaderHeight, finalHeaderHeight]);
 };
 
+const StyledContainer = styled.div `
+  --header-z-index: ${ZINDEX_HEADER};
+  top: 0;
+  z-index: var(--header-z-index);
+
+  ${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;
@@ -2948,61 +3114,77 @@ const getNavMenuContent = (locale) => __awaiter(void 0, void 0, void 0, function
     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(normalizeLinkSlash(`${getDiscoverApiDomain(locale)}/wp-json/api/categories${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLinkSlash(`${getDiscoverApiDomain(locale)}/wp-json/api/spotlights?per_page=10&order_by=start_date${customLang ? '&' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLinkSlash(`${getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLinkSlash(`${getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}/favorites${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                VIDEO_LOCALES.includes(locale) &&
-                    fetch(normalizeLinkSlash(`${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, 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, formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(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, 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, 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(formatVideoItem),
-            };
-        }
-        catch (_1) { }
-        if (isMarryBaby || LOCALE_HAS_COMMUNITY_SITE.includes(locale)) {
-            try {
-                const [communities, spotlightPosts] = yield Promise.all([
-                    fetch(normalizeLinkSlash(`${getTogetherApiDomain()}/api/v1/community?website_url=https://${domainLocales[locale]}`)).then((res) => res.json()),
-                    fetch(normalizeLinkSlash(`${getTogetherApiDomain()}/api/v1/options?website_url=https://${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, 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, formatPost)) || [],
-                };
-            }
-            catch (_2) { }
-        }
-        if (CARE_LOCALES.includes(locale)) {
-            try {
-                const [specialties, hospitals] = yield Promise.all([
-                    fetch(normalizeLinkSlash(getCareApiDomain() +
-                        `/api/options/setting_menu?site=${domainLocales[locale]}&type=0`)).then((res) => res.json()),
-                    fetch(normalizeLinkSlash(getCareApiDomain() +
-                        `/api/options/setting_menu?site=${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, 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, formatHospital)) || [],
-                };
-            }
-            catch (_3) { }
-        }
+    const customLang = locale === 'tl-PH' ? 'lang=fil' : '';
+    const discoverDomain = getDiscoverApiDomain(locale);
+    const healthToolsPath = isMarryBaby ? 'health-tools' : 'healthtools';
+    const langSuffix = customLang ? '?' + customLang : '';
+    const langAmpSuffix = customLang ? '&' + customLang : '';
+    const fetchJson = (url) => fetch(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}`),
+        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, 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, formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(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, 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, 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(formatVideoItem)
+                .filter((item) => !!item),
+        }),
+    };
+    if (helloWellness) {
+        res.helloWellness = helloWellness;
     }
-    catch (e) {
-        console.error(e);
+    if (isMarryBaby || LOCALE_HAS_COMMUNITY_SITE.includes(locale)) {
+        const [communitiesResult, spotlightPostsResult] = yield allSettled([
+            fetchJson(`${getTogetherApiDomain()}/api/v1/community?website_url=https://${domainLocales[locale]}`),
+            fetchJson(`${getTogetherApiDomain()}/api/v1/options?website_url=https://${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, 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, formatPost)) || [],
+        };
+    }
+    if (CARE_LOCALES.includes(locale)) {
+        const [specialtiesResult, hospitalsResult] = yield allSettled([
+            fetchJson(getCareApiDomain() +
+                `/api/options/setting_menu?site=${domainLocales[locale]}&type=0`),
+            fetchJson(getCareApiDomain() +
+                `/api/options/setting_menu?site=${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, 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, formatHospital)) ||
+                [],
+        };
     }
     return res;
 });
@@ -3010,4 +3192,4 @@ const getNavMenuContentWithCache = (locale) => __awaiter(void 0, void 0, void 0,
     return (yield getDataWithCache('nav-menu-content', () => getNavMenuContent(locale || 'en-PH'), (data) => { var _a, _b; return !!((_b = (_a = data === null || data === void 0 ? void 0 : data.categories) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length); })) || {};
 });
 
-export { HamburgerWhite as H, NavigationV2 as N, StarPair as S, getNavMenuContentWithCache as a, HHG_SEARCH_BACK_KEY as b, getNavMenuContent as g };
+export { HamburgerWhite as H, NavigationV2 as N, StarPair as S, getNavMenuContentWithCache as a, formatHelloWellnessSettings as b, HHG_SEARCH_BACK_KEY as c, formatHelloWellness as f, getNavMenuContent as g };

package/build/esm/{index-5dd44171.js → index-6d32bfab.js}

@@ -1,29 +1,29 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ab63fd84.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-aeb83deb.js';
 import React__default, { createContext, useState, useContext, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-872bf831.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-67be5c94.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4e931079.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-53b38d20.js';
 import { createStyles, Flex, Box, useMantineTheme, Menu, rem, UnstyledButton, Text as Text$1, Stack, clsx, Grid } from '@mantine/core';
-import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-c3177e04.js';
+import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-88c9be49.js';
 import '@mantine/dates';
-import './index-a8162282.js';
-import './index-91c6a49c.js';
-import './index-43584299.js';
-import './index-4e6b8a2b.js';
-import { T as Text } from './index-d0a1200e.js';
-import './index-f71a880f.js';
-import { T as TemplateProvider, C as CustomStylesType } from './index-38e03570.js';
-import './index.styles-3ba274d2.js';
-import { u as useTranslations } from './index-960c3169.js';
+import './index-fe3d42b3.js';
+import './index-44995486.js';
+import './index-89abf3e8.js';
+import './index-5442537f.js';
+import { T as Text } from './index-39e5fe7e.js';
+import './index-36ad465e.js';
+import { T as TemplateProvider, C as CustomStylesType } from './index-fe5b8d3a.js';
+import './index.styles-63311dd4.js';
+import { u as useTranslations } from './index-15ffc0a1.js';
 import '@mantine/hooks';
-import './utils-32d7d5af.js';
-import './index-f21110d2.js';
-import { H as HealthToolFormWrapper } from './index-70e81356.js';
-import { C as ChevronDown } from './ChevronDown-8ce63f9a.js';
-import { C as CardWrapperContext } from './context-e9fa0aef.js';
-import { G as GenderOptionControl } from './index-f3c67a5d.js';
+import './utils-1edbc81c.js';
+import './index-4c40eee1.js';
+import { H as HealthToolFormWrapper } from './index-881b2c68.js';
+import { C as ChevronDown } from './ChevronDown-c826aaa5.js';
+import { C as CardWrapperContext } from './context-1b66a34f.js';
+import { G as GenderOptionControl } from './index-e9e3c308.js';
 import '@hhgtech/icons/other';
-import { L as LOCALE } from './Locale-87b46912.js';
+import { L as LOCALE } from './Locale-dafe556c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-5b1ba061.js → index-743f7bdf.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-96c62ad5.js';
-import { T as TogetherComponentGlobalContext } from './utils-f5ed68ed.js';
+import { B as Button } from './index-f959b4cd.js';
+import { T as TogetherComponentGlobalContext } from './utils-cf892015.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-24be25e0.js → index-78f83c2d.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-ab63fd84.js';
+import { _ as __rest } from './tslib.es6-aeb83deb.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-d0a1200e.js';
-import { u as useTranslations } from './index-960c3169.js';
+import { T as Text } from './index-39e5fe7e.js';
+import { u as useTranslations } from './index-15ffc0a1.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-fc085ad1.js → index-7e095c46.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-d9b5d0ac.js';
+import { L as Label } from './index-f19f503a.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `