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

package/build/esm/{index-ec1b69eb.js → index-3185b5f8.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-8305dd4e.js';
+import { _ as __rest } from './tslib.es6-c6018143.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-7f85c12e.js';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
+import { L as LastPeriod } from './LastPeriod-b3f26b46.js';
+import { L as LOCALE } from './Locale-1277b794.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } 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 './index-233f519a.js';
-import './index.styles-7dba830c.js';
-import { u as useTranslations } from './index-756ae457.js';
+import { R as Radio, I as Input, S as Select } from './index-54661209.js';
+import { D as DatePicker } from './index-927a503e.js';
+import { T as Text } from './index-8b9b1bff.js';
+import './index-7c76f8f5.js';
+import './index-ab803f99.js';
+import './index.styles-2df851a1.js';
+import { u as useTranslations } from './index-79f9d5a7.js';
 import '@mantine/hooks';
-import './index-ddcff581.js';
-import './utils-6a859676.js';
-import './index-fb622989.js';
-import { H as HealthToolFormWrapper } from './index-699a55b2.js';
+import './index-1f371bbf.js';
+import './utils-49f34d88.js';
+import './index-befb66ef.js';
+import { H as HealthToolFormWrapper } from './index-38111ba9.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-a1784b4b.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-504154b9.js';
+import { C as CardWrapperContext } from './context-71512b3b.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-494af13f.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-ac2fdce9.js → index-31912a31.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-c6018143.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-b7954dbd.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-494af13f.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-8e02f668.js';
+import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-473d2878.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-54661209.js';
+import './translationsContext-47b42f0c.js';
+import { L as LOCALE } from './Locale-1277b794.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-54d26ed5.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-caff93a5.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-15f34233.js';
+import { C as CommonGAssets } from './index-abec31ab.js';
+import './index-1f371bbf.js';
+import { T as Text } from './index-8b9b1bff.js';
+import { B as Button } from './index-7c76f8f5.js';
+import './index-ab803f99.js';
+import './index.styles-2df851a1.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-49f34d88.js';
+import './index-befb66ef.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-354b5670.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-9eeee92c.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-fac4aca1.js';
+import { I as Indicator$1 } from './index-8e27c71a.js';
+import { u as useTranslations } from './index-79f9d5a7.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-7fd4aeaf.js';
+import { L as LOCALIZED_SLUGS } from './constants-622cfc9e.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-d21734db.js';
+import { H as Heading } from './index-aa89c203.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-5a0c21ab.js';
+import { C as Container } from './index-49ac8796.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-2be1722a.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-5cfadc7f.js';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-d16f48af.js';
+import { C as CartCareButton } from './index-4b5c9e07.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-36109d3c.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,70 @@ 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, _s, _t;
+    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
+                    : '',
+            },
+        },
+        helloWellnessCategory: {
+            icon: ((_j = settings.hello_wellness_category) === null || _j === void 0 ? void 0 : _j.icon) || '',
+            categoryName: ((_k = settings.hello_wellness_category) === null || _k === void 0 ? void 0 : _k.category_name) || '',
+        },
+        landingPage: {
+            bannerDesktop: ((_l = settings.landing_page) === null || _l === void 0 ? void 0 : _l.banner_desktop) || '',
+            bannerMobile: ((_m = settings.landing_page) === null || _m === void 0 ? void 0 : _m.banner_mobile) || '',
+            headerForCategoriesList: ((_o = settings.landing_page) === null || _o === void 0 ? void 0 : _o.header_for_categories_list) || '',
+            categories: ((_q = (_p = settings.landing_page) === null || _p === void 0 ? void 0 : _p.category) === null || _q === void 0 ? void 0 : _q.map((category) => formatCategory(category))) || [],
+        },
+        pinArticleForEachCategory: {
+            sponsorLogo: ((_r = settings.pin_article_for_each_category) === null || _r === void 0 ? void 0 : _r.sponsor_logo) || '',
+            listCategories: ((_t = (_s = settings.pin_article_for_each_category) === null || _s === void 0 ? void 0 : _s.list_categories) === null || _t === void 0 ? void 0 : _t.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 +2940,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 +2996,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 +3031,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 +3100,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-566554b7.js → index-365bae10.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-8305dd4e.js';
+import { _ as __rest } from './tslib.es6-c6018143.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-bbe51061.js';
+import './index-54661209.js';
 import '@mantine/dates';
-import './index-504154b9.js';
-import './index-44ae9340.js';
-import './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 { u as useTranslations } from './index-756ae457.js';
+import './index-494af13f.js';
+import './index-15f34233.js';
+import './index-abec31ab.js';
+import './index-1f371bbf.js';
+import { T as Text } from './index-8b9b1bff.js';
+import { B as Button } from './index-7c76f8f5.js';
+import './index-ab803f99.js';
+import './index.styles-2df851a1.js';
+import { u as useTranslations } from './index-79f9d5a7.js';
 import '@mantine/hooks';
-import './utils-6a859676.js';
-import './index-fb622989.js';
-import { C as CardWrapperContext } from './context-a1784b4b.js';
-import { H as HealthToolFormWrapper } from './index-699a55b2.js';
+import './utils-49f34d88.js';
+import './index-befb66ef.js';
+import { C as CardWrapperContext } from './context-71512b3b.js';
+import { H as HealthToolFormWrapper } from './index-38111ba9.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-699a55b2.js → index-38111ba9.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-8305dd4e.js';
+import { _ as __rest } from './tslib.es6-c6018143.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-a380058a.js';
-import { B as Button } from './index-9d7a0dc0.js';
-import { u as useTranslations } from './index-756ae457.js';
+import { T as Text } from './index-8b9b1bff.js';
+import { B as Button } from './index-7c76f8f5.js';
+import { u as useTranslations } from './index-79f9d5a7.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-01a4fb35.js → index-410e543e.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-8305dd4e.js';
+import { _ as __rest } from './tslib.es6-c6018143.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-ddcff581.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-233f519a.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-1f371bbf.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-ab803f99.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-993e1728.js → index-4374bb36.js}

@@ -1,29 +1,29 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8305dd4e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c6018143.js';
 import React__default, { createContext, useState, useContext, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-58b1fa4a.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-da5e2e00.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-32ba212f.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-fac4aca1.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-bbe51061.js';
+import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-54661209.js';
 import '@mantine/dates';
-import './index-504154b9.js';
-import './index-44ae9340.js';
-import './index-28550ae9.js';
-import './index-ddcff581.js';
-import { T as Text } from './index-a380058a.js';
-import './index-9d7a0dc0.js';
-import { T as TemplateProvider, C as CustomStylesType } from './index-233f519a.js';
-import './index.styles-7dba830c.js';
-import { u as useTranslations } from './index-756ae457.js';
+import './index-494af13f.js';
+import './index-15f34233.js';
+import './index-abec31ab.js';
+import './index-1f371bbf.js';
+import { T as Text } from './index-8b9b1bff.js';
+import './index-7c76f8f5.js';
+import { T as TemplateProvider, C as CustomStylesType } from './index-ab803f99.js';
+import './index.styles-2df851a1.js';
+import { u as useTranslations } from './index-79f9d5a7.js';
 import '@mantine/hooks';
-import './utils-6a859676.js';
-import './index-fb622989.js';
-import { H as HealthToolFormWrapper } from './index-699a55b2.js';
-import { C as ChevronDown } from './ChevronDown-f61bce3c.js';
-import { C as CardWrapperContext } from './context-a1784b4b.js';
-import { G as GenderOptionControl } from './index-25367d6b.js';
+import './utils-49f34d88.js';
+import './index-befb66ef.js';
+import { H as HealthToolFormWrapper } from './index-38111ba9.js';
+import { C as ChevronDown } from './ChevronDown-ce8cc375.js';
+import { C as CardWrapperContext } from './context-71512b3b.js';
+import { G as GenderOptionControl } from './index-930d74aa.js';
 import '@hhgtech/icons/other';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
+import { L as LOCALE } from './Locale-1277b794.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-25b72f0f.js → index-46d9ac11.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-8305dd4e.js';
+import { a as __awaiter } from './tslib.es6-c6018143.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-ab5dcfbb.js';
-import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-504154b9.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-8e02f668.js';
+import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-494af13f.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
+import { L as LOCALE } from './Locale-1277b794.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {
@@ -48,8 +48,8 @@ const SSO_V2_PATHS = {
     },
 };
 
-const locale = process.env.NEXT_PUBLIC_DEPLOY_LOCALE || 'vi-VN';
-// export const locale = process.env.NEXT_PUBLIC_DEPLOY_LOCALE || 'ms-MY'
+// export const locale = process.env.NEXT_PUBLIC_DEPLOY_LOCALE || 'vi-VN'
+const locale = process.env.NEXT_PUBLIC_DEPLOY_LOCALE || 'ms-MY';
 const websiteId = {
     [LOCALE.Vietnam]: '1',
     [LOCALE.Indonesia]: '2',

package/build/esm/{index-504154b9.js → index-494af13f.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-44ae9340.js';
+import './index-15f34233.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-bbc12dfa.js';
+import { L as LOCALE } from './Locale-1277b794.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-d16f48af.js → index-4b5c9e07.js}

@@ -3,10 +3,10 @@ import React__default from 'react';
 import classNames from 'classnames';
 import styled from '@emotion/styled';
 import { Box } from '@mantine/core';
-import { M as MediaQueries } from './utils-6a859676.js';
+import { M as MediaQueries } from './utils-49f34d88.js';
 import { theme } from './miscTheme.js';
-import { u as useTranslations } from './index-756ae457.js';
-import { T as Text } from './index-a380058a.js';
+import { u as useTranslations } from './index-79f9d5a7.js';
+import { T as Text } from './index-8b9b1bff.js';
 
 /* eslint-disable prettier/prettier */
 const ShoppingCartCare = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),