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

package/build/esm/{index-ac2fdce9.js → index-57d5397c.js}

@@ -1,55 +1,55 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8305dd4e.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-4f27722b.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-4baac043.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-504154b9.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-ab5dcfbb.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-686195c5.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-7a9e7ba7.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-218cd6b0.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-17ed5b78.js';
+import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-f8a71c77.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Input, D as DEBOUNCED_TIME } from './index-bbe51061.js';
-import './translationsContext-0c7a21ea.js';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
+import { I as Input, D as DEBOUNCED_TIME } from './index-412cd460.js';
+import './translationsContext-c97124ef.js';
+import { L as LOCALE } from './Locale-1dbcb274.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-59a5e3f7.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-b270da63.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-5077477e.js';
+import { L as Logo$1 } from './index-6f00fec8.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-44ae9340.js';
-import { C as CommonGAssets } from './index-28550ae9.js';
-import './index-ddcff581.js';
-import { T as Text } from './index-a380058a.js';
-import { B as Button } from './index-9d7a0dc0.js';
-import './index-233f519a.js';
-import './index.styles-7dba830c.js';
+import { V as VideoType } from './index-dedcbcb0.js';
+import { C as CommonGAssets } from './index-1b040232.js';
+import './index-649c6832.js';
+import { T as Text } from './index-c959370f.js';
+import { B as Button } from './index-f292801e.js';
+import './index-bff3ac59.js';
+import './index.styles-06edca83.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-6a859676.js';
-import './index-fb622989.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-e61be0c3.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-0e8b6bdc.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-da5e2e00.js';
-import { I as Indicator$1 } from './index-5337dd82.js';
-import { u as useTranslations } from './index-756ae457.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-d9c31199.js';
-import { L as LOCALIZED_SLUGS } from './constants-e292e1e4.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1cad2eaf.js';
+import './index-8f41325c.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-1c60580d.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-bd4dd109.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-7db26325.js';
+import { I as Indicator$1 } from './index-60aab4d9.js';
+import { u as useTranslations } from './index-e54392da.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-5bf43a51.js';
+import { L as LOCALIZED_SLUGS } from './constants-7b858774.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-636d2f0c.js';
-import { H as Heading } from './index-0bf1e55b.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-b8267088.js';
-import { C as Container } from './index-94adeda4.js';
+import { B as Button$1 } from './index-3196488a.js';
+import { H as Heading } from './index-a17db855.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-4b336ae3.js';
+import { C as Container } from './index-601f7d25.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-71189c68.js';
+import { U as UserAvatar } from './index-fb9ae221.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-a0086f52.js';
+import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-c51d6a7a.js';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-d16f48af.js';
+import { C as CartCareButton } from './index-f46a0a5d.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-279325d6.js';
+import { g as getDataWithCache } from './core-b631407e.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 +60,25 @@ 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 ALLOW_SHOW_SEARCH_ANIMATION = [LOCALE.Vietnam, LOCALE.Malaysia];
 const TEXT_PLACEHOLDER_INPUT = {
     [LOCALE.Vietnam]: [
@@ -2652,6 +2671,67 @@ 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: formatArticle(item.data),
+    };
+};
+const formatHelloWellnessSettings = (settings) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    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) || '',
+            },
+        },
+        helloWellnessCategory: {
+            icon: ((_g = settings.hello_wellness_category) === null || _g === void 0 ? void 0 : _g.icon) || '',
+            categoryName: ((_h = settings.hello_wellness_category) === null || _h === void 0 ? void 0 : _h.category_name) || '',
+        },
+        landingPage: {
+            bannerDesktop: ((_j = settings.landing_page) === null || _j === void 0 ? void 0 : _j.banner_desktop) || '',
+            bannerMobile: ((_k = settings.landing_page) === null || _k === void 0 ? void 0 : _k.banner_mobile) || '',
+            headerForCategoriesList: ((_l = settings.landing_page) === null || _l === void 0 ? void 0 : _l.header_for_categories_list) || '',
+            categories: ((_o = (_m = settings.landing_page) === null || _m === void 0 ? void 0 : _m.category) === null || _o === void 0 ? void 0 : _o.map((category) => formatCategory(category))) || [],
+        },
+        pinArticleForEachCategory: {
+            sponsorLogo: ((_p = settings.pin_article_for_each_category) === null || _p === void 0 ? void 0 : _p.sponsor_logo) || '',
+            listCategories: ((_r = (_q = settings.pin_article_for_each_category) === null || _q === void 0 ? void 0 : _q.list_categories) === null || _r === void 0 ? void 0 : _r.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,6 +2937,32 @@ const useNavServices = () => {
     return services;
 };
 
+const CSS_VAR_DEFAULT_HEADER_HEIGHT = '--default-header-height';
+const CSS_VAR_HEADER_HEIGHT = '--header-height';
+const setRootCSSVariable = (name, value) => {
+    if (typeof document !== 'undefined') {
+        document.documentElement.style.setProperty(name, value);
+    }
+};
+/**
+ * Updates all header-related CSS variables on :root
+ */
+const updateRootHeaderVariables = ({ defaultHeaderHeight, headerHeight, }) => {
+    setRootCSSVariable(CSS_VAR_DEFAULT_HEADER_HEIGHT, `${defaultHeaderHeight}px`);
+    setRootCSSVariable(CSS_VAR_HEADER_HEIGHT, `${headerHeight}px`);
+};
+const useSetGlobalHeaderHeight = ({ headerHeight, defaultHeaderHeight, allowRootVariablesUpdate = true, }) => {
+    const finalHeaderHeight = headerHeight || defaultHeaderHeight;
+    useEffect(() => {
+        if (allowRootVariablesUpdate) {
+            updateRootHeaderVariables({
+                defaultHeaderHeight,
+                headerHeight: finalHeaderHeight,
+            });
+        }
+    }, [defaultHeaderHeight, finalHeaderHeight]);
+};
+
 const StyledContainer = styled.div `
   --header-z-index: ${ZINDEX_HEADER};
   top: 0;
@@ -2887,32 +2993,6 @@ const StyledContainer = styled.div `
   }
 `;
 
-const CSS_VAR_DEFAULT_HEADER_HEIGHT = '--default-header-height';
-const CSS_VAR_HEADER_HEIGHT = '--header-height';
-const setRootCSSVariable = (name, value) => {
-    if (typeof document !== 'undefined') {
-        document.documentElement.style.setProperty(name, value);
-    }
-};
-/**
- * Updates all header-related CSS variables on :root
- */
-const updateRootHeaderVariables = ({ defaultHeaderHeight, headerHeight, }) => {
-    setRootCSSVariable(CSS_VAR_DEFAULT_HEADER_HEIGHT, `${defaultHeaderHeight}px`);
-    setRootCSSVariable(CSS_VAR_HEADER_HEIGHT, `${headerHeight}px`);
-};
-const useSetGlobalHeaderHeight = ({ headerHeight, defaultHeaderHeight, allowRootVariablesUpdate = true, }) => {
-    const finalHeaderHeight = headerHeight || defaultHeaderHeight;
-    useEffect(() => {
-        if (allowRootVariablesUpdate) {
-            updateRootHeaderVariables({
-                defaultHeaderHeight,
-                headerHeight: finalHeaderHeight,
-            });
-        }
-    }, [defaultHeaderHeight, finalHeaderHeight]);
-};
-
 const _NavigationV2 = (props) => {
     var _a, _b;
     const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
@@ -2948,61 +3028,68 @@ 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);
+    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),
+    };
+    if ((helloWellnessResponse === null || helloWellnessResponse === void 0 ? void 0 : helloWellnessResponse.status) === 1 && (helloWellnessResponse === null || helloWellnessResponse === void 0 ? void 0 : helloWellnessResponse.data)) {
+        res.helloWellness = formatHelloWellness(helloWellnessResponse.data);
     }
-    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 +3097,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-41cf1d32.js → index-58146726.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-a07da38e.js';
-import { T as Text } from './index-535fc06a.js';
+import { M as MarryBabyText } from './index-a79789a7.js';
+import { T as Text } from './index-c1eb6a55.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-c7a594c7.js → index-5a576b03.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-756ae457.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-6a859676.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-2f4d0983.js';
-import { I as Icon } from './index-707ed62a.js';
-import { _ as __rest } from './tslib.es6-8305dd4e.js';
-import { U as UserAvatar } from './index-71189c68.js';
-import { I as ImageWrap, u as useScreenSize } from './index-4219b9c6.js';
-import './index-504154b9.js';
-import { C as CommonGAssets } from './index-28550ae9.js';
-import { c as callApi, b as getCarePath, m as domainLocales, n as getCareHospitalUrl, o as getCareDoctorUrl, l as getCurrentBaseUrl, g as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-a7d25406.js';
-import { B as Button } from './index-636d2f0c.js';
-import { T as Text } from './index-a380058a.js';
+import { u as useTranslations } from './index-e54392da.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-1cad2eaf.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-941b8738.js';
+import { I as Icon } from './index-7db77779.js';
+import { _ as __rest } from './tslib.es6-4f27722b.js';
+import { U as UserAvatar } from './index-fb9ae221.js';
+import { I as ImageWrap, u as useScreenSize } from './index-2124e914.js';
+import './index-218cd6b0.js';
+import { C as CommonGAssets } from './index-1b040232.js';
+import { c as callApi, b as getCarePath, m as domainLocales, n as getCareHospitalUrl, o as getCareDoctorUrl, l as getCurrentBaseUrl, g as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-f13542a5.js';
+import { B as Button } from './index-3196488a.js';
+import { T as Text } from './index-c959370f.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-61800914.js';
-import { H as Heading } from './index-0bf1e55b.js';
-import { M as Modal } from './index-4df280a3.js';
+import { L as Loading } from './index-8121e259.js';
+import { H as Heading } from './index-a17db855.js';
+import { M as Modal } from './index-b1501875.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-63e4886a.js').then((module) => {
+                import('./index-2fad2682.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-46926921.js → index-5e88cb2c.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-ab2c0fef.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-504154b9.js';
-import { N as NodeIntentType } from './index-44ae9340.js';
+import { c as cookie } from './index-ab8f6d4e.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-218cd6b0.js';
+import { N as NodeIntentType } from './index-dedcbcb0.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-5337dd82.js → index-60aab4d9.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-8305dd4e.js';
+import { _ as __rest } from './tslib.es6-4f27722b.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-7dbb3f88.js → index-61c77330.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-8305dd4e.js';
+import { _ as __rest } from './tslib.es6-4f27722b.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-bbe51061.js';
-import { D as DatePicker } from './index-356efbc0.js';
-import { T as Text } from './index-a380058a.js';
-import './index-9d7a0dc0.js';
+import { I as Input } from './index-412cd460.js';
+import { D as DatePicker } from './index-997c2c74.js';
+import { T as Text } from './index-c959370f.js';
+import './index-f292801e.js';
 import { theme } from './miscTheme.js';
-import './index-233f519a.js';
-import './index.styles-7dba830c.js';
-import { u as useTranslations } from './index-756ae457.js';
+import './index-bff3ac59.js';
+import './index.styles-06edca83.js';
+import { u as useTranslations } from './index-e54392da.js';
 import '@mantine/hooks';
-import './index-ddcff581.js';
-import './utils-6a859676.js';
-import './index-fb622989.js';
-import { C as CardWrapperContext } from './context-a1784b4b.js';
-import { I as INPUT_RANGE } from './constants-4e4d61d2.js';
-import { H as HealthToolFormWrapper } from './index-699a55b2.js';
-import { G as GenderOptionControl } from './index-25367d6b.js';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
+import './index-649c6832.js';
+import './utils-1cad2eaf.js';
+import './index-8f41325c.js';
+import { C as CardWrapperContext } from './context-7909a6f4.js';
+import { I as INPUT_RANGE } from './constants-81bbd4bf.js';
+import { H as HealthToolFormWrapper } from './index-c6241abf.js';
+import { G as GenderOptionControl } from './index-cc04b576.js';
+import { L as LOCALE } from './Locale-1dbcb274.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-ddcff581.js → index-649c6832.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8305dd4e.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-4f27722b.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-44ae9340.js';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
+import './index-dedcbcb0.js';
+import { L as LOCALE } from './Locale-1dbcb274.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-504154b9.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-218cd6b0.js';
 import { em, rem } from '@mantine/core';
-import { C as CommonGAssets } from './index-28550ae9.js';
+import { C as CommonGAssets } from './index-1b040232.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-6a859676.js';
-import { C as CustomStylesType, F as FontWeight } from './index-233f519a.js';
-import { A as ANIMATION_DURATION } from './shared-1555bce8.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-1cad2eaf.js';
+import { C as CustomStylesType, F as FontWeight } from './index-bff3ac59.js';
+import { A as ANIMATION_DURATION } from './shared-ef9c8579.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-5077477e.js → index-6f00fec8.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
-import { C as CommonGAssets } from './index-28550ae9.js';
+import { L as LOCALE } from './Locale-1dbcb274.js';
+import { C as CommonGAssets } from './index-1b040232.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6a859676.js';
-import { L as LogoIcon } from './logoIcon-847204ca.js';
-import './index-44ae9340.js';
-import { I as ImageWrap } from './index-4219b9c6.js';
+import { M as MediaQueries } from './utils-1cad2eaf.js';
+import { L as LogoIcon } from './logoIcon-654aadd2.js';
+import './index-dedcbcb0.js';
+import { I as ImageWrap } from './index-2124e914.js';
 
 const StyledLogo = styled.div `
   position: relative;