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

package/build/{index-be2c7088.js → index-23d0cf47.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-6eec8a5c.js');
+var index = require('./index-babc75a2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b8c50047.js → index-2deddde3.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-ab8f81d9.js');
-var index = require('./index-b8f30bc3.js');
-var index$6 = require('./index-a7c74175.js');
-var constants = require('./constants-74164f67.js');
-var index$2 = require('./index-c1c5148d.js');
-var index$5 = require('./index-e7478ca0.js');
-var index$3 = require('./index-18b2892d.js');
-var index$4 = require('./index-9f7d8a0c.js');
-require('./index-60f85264.js');
+var useHealthToolCache = require('./useHealthToolCache-77290a55.js');
+var index = require('./index-6dce0505.js');
+var index$6 = require('./index-bf905c58.js');
+var constants = require('./constants-9a281dd9.js');
+var index$2 = require('./index-f7083639.js');
+var index$5 = require('./index-5544e58f.js');
+var index$3 = require('./index-e1ad5e73.js');
+var index$4 = require('./index-074ccb35.js');
+require('./index-3a6eaa49.js');
 require('@mantine/core');
-require('./index-957278f8.js');
-require('./index.styles-c36973fe.js');
+require('./index-10d0b125.js');
+require('./index.styles-d21d675e.js');
 require('@mantine/hooks');
-require('./index-0b727873.js');
-require('./utils-af53b062.js');
-require('./index-77697e0a.js');
-require('./index-6eec8a5c.js');
-var context = require('./context-d252cf5f.js');
-var index$1 = require('./index-9b790eca.js');
+require('./index-f2c12d3f.js');
+require('./utils-40d45105.js');
+require('./index-716944b7.js');
+require('./index-babc75a2.js');
+var context = require('./context-1be97f8a.js');
+var index$1 = require('./index-2158ba9a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-4dd6d234.js → index-336f688f.js}

@@ -4,10 +4,10 @@ var React = require('react');
 var classNames = require('classnames');
 var styled = require('@emotion/styled');
 var core = require('@mantine/core');
-var utils = require('./utils-af53b062.js');
+var utils = require('./utils-40d45105.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-b8f30bc3.js');
-var index$1 = require('./index-9f7d8a0c.js');
+var index = require('./index-6dce0505.js');
+var index$1 = require('./index-074ccb35.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-188c9bca.js → index-340abfee.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-6194dfad.js');
-var index$3 = require('./index-e7478ca0.js');
-var index$2 = require('./index-60f85264.js');
-var index$5 = require('./index-9f7d8a0c.js');
-var index$1 = require('./index-b8f30bc3.js');
-var index$4 = require('./index-a7c74175.js');
+var Spinner = require('./Spinner-4416809d.js');
+var index$3 = require('./index-5544e58f.js');
+var index$2 = require('./index-3a6eaa49.js');
+var index$5 = require('./index-074ccb35.js');
+var index$1 = require('./index-6dce0505.js');
+var index$4 = require('./index-bf905c58.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-af53b062.js');
+var utils = require('./utils-40d45105.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var classNames = require('classnames');
-var index = require('./index-6eec8a5c.js');
-var togetherComponentGlobalContext = require('./utils-2d3f967a.js');
-var normalizeLink = require('./normalizeLink-7448bef7.js');
+var index = require('./index-babc75a2.js');
+var togetherComponentGlobalContext = require('./utils-d2153035.js');
+var normalizeLink = require('./normalizeLink-e7a7eb51.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-ee465fe2.js → index-37bae7c2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-60f85264.js → index-3a6eaa49.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-000099b6.js');
-var index = require('./index-957278f8.js');
+var shared = require('./shared-a6fde5f5.js');
+var index = require('./index-10d0b125.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-465c9a1f.js → index-414c156f.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-c36973fe.js');
+var index_styles = require('./index.styles-d21d675e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-211e28e6.js → index-43d3a99d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-0b727873.js');
-var index = require('./index-957278f8.js');
+var index$1 = require('./index-f2c12d3f.js');
+var index = require('./index-10d0b125.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b2a9bf76.js → index-454a08eb.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-b145d0b0.js');
-var Spinner = require('./Spinner-6194dfad.js');
+var WhatsApp = require('./WhatsApp-8fa6a865.js');
+var Spinner = require('./Spinner-4416809d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-439427cf.js → index-47719ee4.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-9fb4b056.js');
-var index$4 = require('./index-e7478ca0.js');
-var index$2 = require('./index-18b2892d.js');
-var index$3 = require('./index-9f7d8a0c.js');
-require('./index-60f85264.js');
-require('./index-957278f8.js');
-require('./index.styles-c36973fe.js');
-var index = require('./index-b8f30bc3.js');
+var LastPeriod = require('./LastPeriod-dc3af1ff.js');
+var index$4 = require('./index-5544e58f.js');
+var index$2 = require('./index-e1ad5e73.js');
+var index$3 = require('./index-074ccb35.js');
+require('./index-3a6eaa49.js');
+require('./index-10d0b125.js');
+require('./index.styles-d21d675e.js');
+var index = require('./index-6dce0505.js');
 require('@mantine/hooks');
-require('./index-0b727873.js');
-require('./utils-af53b062.js');
-require('./index-77697e0a.js');
-var context = require('./context-d252cf5f.js');
-var index$1 = require('./index-9b790eca.js');
+require('./index-f2c12d3f.js');
+require('./utils-40d45105.js');
+require('./index-716944b7.js');
+var context = require('./context-1be97f8a.js');
+var index$1 = require('./index-2158ba9a.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-cab147fa.js → index-4c141878.js}

@@ -1,56 +1,56 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87a2fb66.js');
+var tslib_es6 = require('./tslib.es6-cb62c20b.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-7aa535d7.js');
-var index$2 = require('./index-6eec8a5c.js');
-var normalizeLink = require('./normalizeLink-7448bef7.js');
-var dataTransform = require('./dataTransform-0ddb2340.js');
+var SiteWideBanner = require('./SiteWideBanner-5540a6be.js');
+var index$2 = require('./index-babc75a2.js');
+var normalizeLink = require('./normalizeLink-e7a7eb51.js');
+var dataTransform = require('./dataTransform-20981087.js');
 var core = require('@hhgtech/icons/core');
-var index = require('./index-e7478ca0.js');
-require('./translationsContext-45e96423.js');
-var Locale = require('./Locale-5175dba6.js');
+var index = require('./index-5544e58f.js');
+require('./translationsContext-b1a4d285.js');
+var Locale = require('./Locale-34d9b653.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-188c9bca.js');
+var navigationProfileButton = require('./index-340abfee.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-0fffbc91.js');
+var index$c = require('./index-e3383be5.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-537a32ba.js');
-var index$6 = require('./index-a7c74175.js');
-require('./index-0b727873.js');
-var index$4 = require('./index-9f7d8a0c.js');
-var index$3 = require('./index-60f85264.js');
-require('./index-957278f8.js');
-require('./index.styles-c36973fe.js');
+var index$b = require('./index-86a9aa43.js');
+var index$6 = require('./index-bf905c58.js');
+require('./index-f2c12d3f.js');
+var index$4 = require('./index-074ccb35.js');
+var index$3 = require('./index-3a6eaa49.js');
+require('./index-10d0b125.js');
+require('./index.styles-d21d675e.js');
 require('@mantine/hooks');
-var utils = require('./utils-af53b062.js');
-require('./index-77697e0a.js');
-var constants = require('./constants-fbd74e50.js');
-var store = require('./store-d5185455.js');
-var constants$3 = require('./constants-74164f67.js');
-var index$5 = require('./index-ee465fe2.js');
-var index$1 = require('./index-b8f30bc3.js');
-var useCartCareService = require('./useCartCareService-b0a21e0c.js');
-var constants$1 = require('./constants-e65020ec.js');
+var utils = require('./utils-40d45105.js');
+require('./index-716944b7.js');
+var constants = require('./constants-40b7fbed.js');
+var store = require('./store-701f931a.js');
+var constants$3 = require('./constants-9a281dd9.js');
+var index$5 = require('./index-37bae7c2.js');
+var index$1 = require('./index-6dce0505.js');
+var useCartCareService = require('./useCartCareService-ee613343.js');
+var constants$1 = require('./constants-3d05d137.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-3a7d1257.js');
-var index$8 = require('./index-da50d6c9.js');
-var utils$1 = require('./utils-6df73a54.js');
-var index$9 = require('./index-0d91ed13.js');
+var index$7 = require('./index-5d018a77.js');
+var index$8 = require('./index-08763346.js');
+var utils$1 = require('./utils-a4b0c5ab.js');
+var index$9 = require('./index-a940703a.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-ec26fb69.js');
+var index$a = require('./index-6a11d9ff.js');
 var get = require('lodash/get');
-var constants$2 = require('./constants-4c6967b4.js');
+var constants$2 = require('./constants-46400dbe.js');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-4dd6d234.js');
+var index$d = require('./index-336f688f.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-cb626037.js');
+var core$2 = require('./core-063724c8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -90,6 +90,25 @@ const StarPair = (props) => (React__namespace.createElement("svg", Object.assign
     React__namespace.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React__namespace.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
+function getSettledValue(result) {
+    var _a;
+    return result.status === 'fulfilled' ? (_a = result.value) !== null && _a !== void 0 ? _a : null : null;
+}
+/** Promise.allSettled polyfill for es2017 lib target */
+function allSettled(promises) {
+    return tslib_es6.__awaiter(this, void 0, void 0, function* () {
+        return Promise.all(Array.from(promises).map((promise) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+            try {
+                const value = yield promise;
+                return { status: 'fulfilled', value };
+            }
+            catch (reason) {
+                return { status: 'rejected', reason };
+            }
+        })));
+    });
+}
+
 const ALLOW_SHOW_SEARCH_ANIMATION = [Locale.LOCALE.Vietnam, Locale.LOCALE.Malaysia];
 const TEXT_PLACEHOLDER_INPUT = {
     [Locale.LOCALE.Vietnam]: [
@@ -2682,6 +2701,70 @@ const NavigationMenu = ({ menuItems, originalMenuItems, className, }) => {
         React__namespace["default"].createElement(StyledWrapMenuItems, { "data-site-type": siteType }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((menuItem, index) => (React__namespace["default"].createElement(ItemMenu, { key: index, item: menuItem, menu: menuItem.popupType === 'categories' ? (React__namespace["default"].createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights })) : menuItem.popupType === 'tools' ? (React__namespace["default"].createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights })) : menuItem.popupType === 'together' ? (React__namespace["default"].createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights })) : menuItem.popupType === 'care' ? (React__namespace["default"].createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights })) : menuItem.popupType === 'video' ? (React__namespace["default"].createElement(MenuVideoList, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights })) : menuItem.popupType === 'other' ? (React__namespace["default"].createElement(MenuViewMore, { menuItems: originalMenuItems })) : null }))))));
 };
 
+const formatHelloWellnessFeatureImage = (data) => ({
+    image: (data === null || data === void 0 ? void 0 : data.image) || '',
+    header: (data === null || data === void 0 ? void 0 : data.header) || '',
+    description: (data === null || data === void 0 ? void 0 : data.description) || '',
+    redirectLink: (data === null || data === void 0 ? void 0 : data.redirect_link) || '',
+});
+const formatHelloWellnessPinCategoryItem = (item) => {
+    if (!item)
+        return null;
+    if (item.type === 'feature_image') {
+        return {
+            categoryId: item.category,
+            type: 'feature_image',
+            data: formatHelloWellnessFeatureImage(item.data),
+        };
+    }
+    return {
+        categoryId: item.category,
+        type: 'pin_article',
+        data: dataTransform.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) => utils$1.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 = React.useRef(null);
     const [headerHeight, setHeaderHeight] = React.useState(0);
@@ -2887,6 +2970,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;
+    React.useEffect(() => {
+        if (allowRootVariablesUpdate) {
+            updateRootHeaderVariables({
+                defaultHeaderHeight,
+                headerHeight: finalHeaderHeight,
+            });
+        }
+    }, [defaultHeaderHeight, finalHeaderHeight]);
+};
+
 const StyledContainer = styled__default["default"].div `
   --header-z-index: ${index$2.ZINDEX_HEADER};
   top: 0;
@@ -2917,32 +3026,6 @@ const StyledContainer = styled__default["default"].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;
-    React.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;
@@ -2978,61 +3061,68 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     const res = {};
     const isMarryBaby = locale === 'vi-VN_MB';
-    try {
-        const customLang = locale === 'tl-PH' ? 'lang=fil' : '';
-        try {
-            const [categories, spotlights, healthtools, healthtoolsFavorites, videos,] = yield Promise.all([
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/categories${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/spotlights?per_page=10&order_by=start_date${customLang ? '&' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/${isMarryBaby ? 'health-tools' : 'healthtools'}/favorites${customLang ? '?' + customLang : ''}`)).then((res) => res.json()),
-                index$2.VIDEO_LOCALES.includes(locale) &&
-                    fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/video/navigation`)).then((res) => res.json()),
-            ]);
-            res.categories = {
-                items: ((_b = (_a = categories === null || categories === void 0 ? void 0 : categories.data) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, utils$1.formatCategory)) || [],
-                spotlights: ((_f = (_e = (_d = (_c = spotlights === null || spotlights === void 0 ? void 0 : spotlights.data) === null || _c === void 0 ? void 0 : _c.articles) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.call(_d, utils$1.formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(utils$1.checkAvailableSpotlight)) || [],
-            };
-            res.healthTools = {
-                items: ((_h = (_g = healthtools === null || healthtools === void 0 ? void 0 : healthtools.data) === null || _g === void 0 ? void 0 : _g.map) === null || _h === void 0 ? void 0 : _h.call(_g, utils$1.formatHealthTool)) || [],
-                spotlights: ((_k = (_j = healthtoolsFavorites === null || healthtoolsFavorites === void 0 ? void 0 : healthtoolsFavorites.data) === null || _j === void 0 ? void 0 : _j.map) === null || _k === void 0 ? void 0 : _k.call(_j, utils$1.formatHealthTool)) || [],
-            };
-            res.videos = {
-                spotlights: ((_m = (_l = videos === null || videos === void 0 ? void 0 : videos.data) === null || _l === void 0 ? void 0 : _l.videos) !== null && _m !== void 0 ? _m : []).map(utils$1.formatVideoItem),
-            };
-        }
-        catch (_1) { }
-        if (isMarryBaby || index$2.LOCALE_HAS_COMMUNITY_SITE.includes(locale)) {
-            try {
-                const [communities, spotlightPosts] = yield Promise.all([
-                    fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`)).then((res) => res.json()),
-                    fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getTogetherApiDomain()}/api/v1/options?website_url=https://${constantsDomainLocales.domainLocales[locale]}&meta_key=popular_post`)).then((res) => res.json()),
-                ]);
-                res.together = {
-                    items: ((_q = (_p = (_o = communities === null || communities === void 0 ? void 0 : communities.data) === null || _o === void 0 ? void 0 : _o.communities) === null || _p === void 0 ? void 0 : _p.map) === null || _q === void 0 ? void 0 : _q.call(_p, dataTransform.formatCommunity)) || [],
-                    spotlights: ((_t = (_s = (_r = spotlightPosts === null || spotlightPosts === void 0 ? void 0 : spotlightPosts.data) === null || _r === void 0 ? void 0 : _r.posts) === null || _s === void 0 ? void 0 : _s.map) === null || _t === void 0 ? void 0 : _t.call(_s, dataTransform.formatPost)) || [],
-                };
-            }
-            catch (_2) { }
-        }
-        if (index$2.CARE_LOCALES.includes(locale)) {
-            try {
-                const [specialties, hospitals] = yield Promise.all([
-                    fetch(normalizeLink.normalizeLinkSlash(normalizeLink.getCareApiDomain() +
-                        `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=0`)).then((res) => res.json()),
-                    fetch(normalizeLink.normalizeLinkSlash(normalizeLink.getCareApiDomain() +
-                        `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=1`)).then((res) => res.json()),
-                ]);
-                res.care = {
-                    items: ((_x = (_w = (_v = (_u = specialties === null || specialties === void 0 ? void 0 : specialties._data) === null || _u === void 0 ? void 0 : _u.setting_menu) === null || _v === void 0 ? void 0 : _v.menu_specialty) === null || _w === void 0 ? void 0 : _w.map) === null || _x === void 0 ? void 0 : _x.call(_w, utils$1.formatSpecialties)) || [],
-                    spotlights: ((_0 = (_z = (_y = hospitals === null || hospitals === void 0 ? void 0 : hospitals._data.setting_menu) === null || _y === void 0 ? void 0 : _y.menu_hospital) === null || _z === void 0 ? void 0 : _z.map) === null || _0 === void 0 ? void 0 : _0.call(_z, utils$1.formatHospital)) || [],
-                };
-            }
-            catch (_3) { }
-        }
+    const customLang = locale === 'tl-PH' ? 'lang=fil' : '';
+    const discoverDomain = normalizeLink.getDiscoverApiDomain(locale);
+    const healthToolsPath = isMarryBaby ? 'health-tools' : 'healthtools';
+    const langSuffix = customLang ? '?' + customLang : '';
+    const langAmpSuffix = customLang ? '&' + customLang : '';
+    const fetchJson = (url) => fetch(normalizeLink.normalizeLinkSlash(url)).then((response) => response.json());
+    const [categoriesResult, spotlightsResult, healthtoolsResult, healthtoolsFavoritesResult, videosResult, helloWellnessResult,] = yield allSettled([
+        fetchJson(`${discoverDomain}/wp-json/api/categories${langSuffix}`),
+        fetchJson(`${discoverDomain}/wp-json/api/spotlights?per_page=10&order_by=start_date${langAmpSuffix}`),
+        fetchJson(`${discoverDomain}/wp-json/api/${healthToolsPath}${langSuffix}`),
+        fetchJson(`${discoverDomain}/wp-json/api/${healthToolsPath}/favorites${langSuffix}`),
+        index$2.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, utils$1.formatCategory)) || [],
+        spotlights: ((_f = (_e = (_d = (_c = spotlights === null || spotlights === void 0 ? void 0 : spotlights.data) === null || _c === void 0 ? void 0 : _c.articles) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.call(_d, utils$1.formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(utils$1.checkAvailableSpotlight)) || [],
+    };
+    res.healthTools = {
+        items: ((_h = (_g = healthtools === null || healthtools === void 0 ? void 0 : healthtools.data) === null || _g === void 0 ? void 0 : _g.map) === null || _h === void 0 ? void 0 : _h.call(_g, utils$1.formatHealthTool)) || [],
+        spotlights: ((_k = (_j = healthtoolsFavorites === null || healthtoolsFavorites === void 0 ? void 0 : healthtoolsFavorites.data) === null || _j === void 0 ? void 0 : _j.map) === null || _k === void 0 ? void 0 : _k.call(_j, utils$1.formatHealthTool)) || [],
+    };
+    res.videos = {
+        spotlights: ((_m = (_l = videos === null || videos === void 0 ? void 0 : videos.data) === null || _l === void 0 ? void 0 : _l.videos) !== null && _m !== void 0 ? _m : []).map(utils$1.formatVideoItem),
+    };
+    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 || index$2.LOCALE_HAS_COMMUNITY_SITE.includes(locale)) {
+        const [communitiesResult, spotlightPostsResult] = yield allSettled([
+            fetchJson(`${normalizeLink.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`),
+            fetchJson(`${normalizeLink.getTogetherApiDomain()}/api/v1/options?website_url=https://${constantsDomainLocales.domainLocales[locale]}&meta_key=popular_post`),
+        ]);
+        const communities = getSettledValue(communitiesResult);
+        const spotlightPosts = getSettledValue(spotlightPostsResult);
+        res.together = {
+            items: ((_q = (_p = (_o = communities === null || communities === void 0 ? void 0 : communities.data) === null || _o === void 0 ? void 0 : _o.communities) === null || _p === void 0 ? void 0 : _p.map) === null || _q === void 0 ? void 0 : _q.call(_p, dataTransform.formatCommunity)) || [],
+            spotlights: ((_t = (_s = (_r = spotlightPosts === null || spotlightPosts === void 0 ? void 0 : spotlightPosts.data) === null || _r === void 0 ? void 0 : _r.posts) === null || _s === void 0 ? void 0 : _s.map) === null || _t === void 0 ? void 0 : _t.call(_s, dataTransform.formatPost)) || [],
+        };
+    }
+    if (index$2.CARE_LOCALES.includes(locale)) {
+        const [specialtiesResult, hospitalsResult] = yield allSettled([
+            fetchJson(normalizeLink.getCareApiDomain() +
+                `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=0`),
+            fetchJson(normalizeLink.getCareApiDomain() +
+                `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=1`),
+        ]);
+        const specialties = getSettledValue(specialtiesResult);
+        const hospitals = getSettledValue(hospitalsResult);
+        res.care = {
+            items: ((_x = (_w = (_v = (_u = specialties === null || specialties === void 0 ? void 0 : specialties._data) === null || _u === void 0 ? void 0 : _u.setting_menu) === null || _v === void 0 ? void 0 : _v.menu_specialty) === null || _w === void 0 ? void 0 : _w.map) === null || _x === void 0 ? void 0 : _x.call(_w, utils$1.formatSpecialties)) || [],
+            spotlights: ((_0 = (_z = (_y = hospitals === null || hospitals === void 0 ? void 0 : hospitals._data.setting_menu) === null || _y === void 0 ? void 0 : _y.menu_hospital) === null || _z === void 0 ? void 0 : _z.map) === null || _0 === void 0 ? void 0 : _0.call(_z, utils$1.formatHospital)) ||
+                [],
+        };
     }
     return res;
 });
@@ -3044,5 +3134,7 @@ exports.HHG_SEARCH_BACK_KEY = HHG_SEARCH_BACK_KEY;
 exports.HamburgerWhite = HamburgerWhite;
 exports.NavigationV2 = NavigationV2;
 exports.StarPair = StarPair;
+exports.formatHelloWellness = formatHelloWellness;
+exports.formatHelloWellnessSettings = formatHelloWellnessSettings;
 exports.getNavMenuContent = getNavMenuContent;
 exports.getNavMenuContentWithCache = getNavMenuContentWithCache;