@hhgtech/hhg-components 1.29.559 → 1.29.560

package/build/esm/{index-0d8a0b6b.js → index-4194ecec.js}

@@ -1,56 +1,56 @@
-import { _ as __awaiter, a as __rest } from './tslib.es6-108950a6.js';
+import { _ as __awaiter, a as __rest } from './tslib.es6-6211c58b.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-5e2ff673.js';
-import { b as basePath, L as LOCALE_SPECS, S as STATIC_PAGES, Z as ZINDEX_HEADER, V as VIDEO_LOCALES, a as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-3cc4a66e.js';
-import { r as resolveDiscoverNavLink, n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-ecf283a2.js';
-import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-5e714925.js';
+import React__default, { useContext, useState, useRef, useCallback, useMemo, useEffect } from 'react';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-169a0e8b.js';
+import { b as basePath, L as LOCALE_SPECS, S as STATIC_PAGES, Z as ZINDEX_HEADER, V as VIDEO_LOCALES, a as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-879b0b6a.js';
+import { w as withLocalePathPrefix, r as resolveDiscoverNavLink, a as normalizeLink, n as normalizeLinkSlash, b as getCurrentBaseUrl, e as getDiscoverApiDomain, d as getTogetherApiDomain, h as getCareApiDomain } from './routing-e06ccf78.js';
+import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-eb8bd8dd.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Input, D as DEBOUNCED_TIME } from './index-d5db92ac.js';
-import './translationsContext-6696e322.js';
-import { L as LOCALE } from './Locale-aa37d7e1.js';
+import { I as Input, D as DEBOUNCED_TIME } from './index-d71e8d10.js';
+import './translationsContext-ce0f51d2.js';
+import { L as LOCALE } from './Locale-e28e4a5b.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-e05ba213.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-dc59b58b.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-780050ca.js';
+import { L as Logo$1 } from './index-ccdee165.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-24ad4c2e.js';
-import { C as CommonGAssets } from './index-01e81403.js';
-import './index-c7a3a3e1.js';
-import { T as Text } from './index-d19e60da.js';
-import { B as Button } from './index-029d4d53.js';
-import './index-a9c6ca2a.js';
-import './index.styles-2008ca9e.js';
+import { V as VideoType } from './index-266074ea.js';
+import { C as CommonGAssets } from './index-5c03cda0.js';
+import './index-1fcd8b44.js';
+import { T as Text } from './index-94863d5d.js';
+import { B as Button } from './index-18654dcd.js';
+import './index-773e6cd4.js';
+import './index.styles-24962f06.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-68da549d.js';
-import './index-69bce5e3.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-7da602d8.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8d793b5e.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-319b4c45.js';
-import { I as Indicator$1 } from './index-86208300.js';
-import { u as useTranslations } from './index-a65995d6.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-f12ef731.js';
-import { L as LOCALIZED_SLUGS } from './constants-9aa8dfa6.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d4093c5a.js';
+import './index-86540e62.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-4ed3b9c0.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-dba2f234.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-bdb091e1.js';
+import { I as Indicator$1 } from './index-263ddac3.js';
+import { u as useTranslations } from './index-e98f4eec.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-3958ffc1.js';
+import { L as LOCALIZED_SLUGS } from './constants-0c454628.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-0fbd3149.js';
-import { H as Heading } from './index-8af3162f.js';
-import { g as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, a as hsbToRgb, f as formatCategory, b as formatSpotlightsList, c as checkAvailableSpotlight, d as formatHealthTool, e as formatVideoItem, i as formatSpecialties, j as formatHospital } from './utils-de7e8b1f.js';
-import { C as Container } from './index-ccfdb1c6.js';
-import { b as useResolvedCaptureUrls } from './useResolvedCaptureUrls-505922a7.js';
+import { B as Button$1 } from './index-7a20a63d.js';
+import { H as Heading } from './index-4942b7fd.js';
+import { g as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, a as hsbToRgb, f as formatCategory, b as formatSpotlightsList, c as checkAvailableSpotlight, d as formatHealthTool, e as formatVideoItem, i as formatSpecialties, j as formatHospital } from './utils-3c9b4c12.js';
+import { C as Container } from './index-9284fc74.js';
+import { b as useResolvedCaptureUrls } from './useResolvedCaptureUrls-acdb3329.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-649c3d73.js';
+import { U as UserAvatar } from './index-428477e5.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-30d1ae4b.js';
+import { Z as Z_INDEX, D as DEFAULT_HEADER_HEIGHT_MOBILE, a as DEFAULT_HEADER_HEIGHT_DESKTOP } from './constants-7cf84fcf.js';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-bb6c190e.js';
+import { C as CartCareButton } from './index-3de7f4fc.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-b7fe1eb6.js';
+import { g as getDataWithCache } from './core-9f029127.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" }),
@@ -97,7 +97,8 @@ const applyHelloWellnessNavCategories = ({ helloWellness, categoryItems = [], ca
     var _a, _b, _c;
     const helloWellnessSpotlightMenu = (_b = (_a = helloWellness === null || helloWellness === void 0 ? void 0 : helloWellness.settings) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.spotlightMenu;
     const helloWellnessCategory = (_c = helloWellness === null || helloWellness === void 0 ? void 0 : helloWellness.settings) === null || _c === void 0 ? void 0 : _c.helloWellnessCategory;
-    const helloWellnessCategoryPermalink = `${basePath}/hello-wellness/`;
+    // Locale path prefix is applied when rendering the URL.
+    const helloWellnessCategoryPermalink = '/hello-wellness/';
     const helloWellnessSpotlightPermalink = (helloWellnessSpotlightMenu === null || helloWellnessSpotlightMenu === void 0 ? void 0 : helloWellnessSpotlightMenu.url) || helloWellnessCategoryPermalink;
     const spotlights = categorySpotlights.map((item) => (Object.assign(Object.assign({}, item), { image: item.image || DEFAULT_SPOTLIGHT_IMAGE })));
     const helloWellnessSpotlightMenuItem = {
@@ -271,33 +272,61 @@ const StyledTextAnimation = styled.p `
 `;
 
 const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
+const getSearchSourceParam = (projectType) => {
+    if (projectType === 'together') {
+        return 'community';
+    }
+    if (projectType === 'discover') {
+        if (typeof window !== 'undefined' &&
+            window.location.pathname.startsWith('/health-tools/')) {
+            return 'health-tools';
+        }
+        return projectType;
+    }
+    return '';
+};
+const buildSearchPageUrl = (searchValue = '', projectType) => {
+    const searchParams = new URLSearchParams(typeof window !== 'undefined' ? window.location.search : '');
+    searchParams.set('source', getSearchSourceParam(projectType));
+    searchParams.set('s', searchValue);
+    searchParams.delete('page');
+    return `/search/?${searchParams.toString()}`;
+};
 const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
-    const { locale, siteType, isWinCashBackTheme: winCashBackTheme, } = useContext(NavigationContext);
+    const { locale, siteType, isWinCashBackTheme: winCashBackTheme, searchRouterPush, searchRouterPrefetch, } = useContext(NavigationContext);
     const [keyword, setKeyword] = useState('');
     const [isFocused, setIsFocused] = useState(false);
     const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
     const [currentTextIndex, setCurrentTextIndex] = useState(0);
     const { t } = useTranslations();
-    const goToSearchPage = useCallback((searchValue = '') => {
-        let sourceParam = '';
-        if (projectType === 'together') {
-            sourceParam = 'community';
+    const hasPrefetchedRef = useRef(false);
+    const shouldRedirectOnInteract = (isMobile && isHomepage) || isRedirectSearchPage;
+    const prefetchSearchPage = useCallback(() => {
+        if (hasPrefetchedRef.current || typeof window === 'undefined') {
+            return;
         }
-        if (projectType === 'discover') {
-            if (window.location.pathname.startsWith('/health-tools/')) {
-                sourceParam = 'health-tools';
-            }
-            else {
-                sourceParam = projectType;
-            }
+        hasPrefetchedRef.current = true;
+        const searchUrl = buildSearchPageUrl('', projectType);
+        searchRouterPrefetch === null || searchRouterPrefetch === void 0 ? void 0 : searchRouterPrefetch(searchUrl);
+        // Browser document prefetch as fallback / warm cache for hard navigations
+        if (!document.querySelector(`link[data-hhg-prefetch-search]`)) {
+            const link = document.createElement('link');
+            link.rel = 'prefetch';
+            link.as = 'document';
+            link.href = searchUrl;
+            link.setAttribute('data-hhg-prefetch-search', 'true');
+            document.head.appendChild(link);
         }
+    }, [projectType, searchRouterPrefetch]);
+    const goToSearchPage = useCallback((searchValue = '') => {
         localStorage.setItem(HHG_SEARCH_BACK_KEY, window.location.href);
-        const searchParams = new URLSearchParams(window.location.search);
-        searchParams.set('source', sourceParam);
-        searchParams.set('s', searchValue);
-        searchParams.delete('page');
-        window.location.href = `/search/?${searchParams.toString()}`;
-    }, [projectType]);
+        const searchUrl = buildSearchPageUrl(searchValue, projectType);
+        if (searchRouterPush) {
+            searchRouterPush(searchUrl);
+            return;
+        }
+        window.location.href = searchUrl;
+    }, [projectType, searchRouterPush]);
     const debouncedTime = useMemo(() => {
         return ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)
             ? 0
@@ -324,6 +353,13 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             setKeyword(searchValue);
         }
     }, []);
+    // Prefetch search page on mobile homepage so focus/click redirect feels faster
+    useEffect(() => {
+        if (!shouldRedirectOnInteract) {
+            return;
+        }
+        prefetchSearchPage();
+    }, [shouldRedirectOnInteract, prefetchSearchPage]);
     useEffect(() => {
         if (!keyword && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
             const texts = TEXT_PLACEHOLDER_INPUT[locale];
@@ -358,20 +394,20 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
                 verticalAlign: 'bottom',
             } },
-            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleSearchInputWrapper, null,
+            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleSearchInputWrapper, { onPointerDown: prefetchSearchPage },
         React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: getPlaceholder, onChange: setKeyword, debouncedTime: debouncedTime, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
                 goToSearchPage(e.target.value), onBlur: () => {
                 setIsFocused(false);
                 setCurrentTextIndex(0);
             }, type: "search", onFocus: (e) => {
                 e.preventDefault();
-                if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                if (shouldRedirectOnInteract) {
                     goToSearchPage('');
                 }
                 setIsFocused(true);
             }, rightSection: keyword ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
                 React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : winCashBackTheme ? (React__default.createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
-                    if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                    if (shouldRedirectOnInteract) {
                         goToSearchPage('');
                     }
                 } },
@@ -958,17 +994,23 @@ const StyledViewMore = styled.a `
 `;
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
-    const { siteType } = useContext(NavigationContext);
+    const { siteType, locale, configs: { statics }, } = useContext(NavigationContext);
+    const homePageUrl = (statics === null || statics === void 0 ? void 0 : statics.HOME_PAGE_URL) || '';
     return (React__default.createElement(StyledItemGridLeft, null,
         React__default.createElement("div", null,
             React__default.createElement(StyledHeading, null,
                 React__default.createElement(Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
             menuItems.slice(0, 6).map((item, index) => {
-                const href = (item === null || item === void 0 ? void 0 : item.link)
+                const rawHref = (item === null || item === void 0 ? void 0 : item.link)
                     ? (item === null || item === void 0 ? void 0 : item.link.startsWith('http'))
                         ? item === null || item === void 0 ? void 0 : item.link
                         : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                     : '/';
+                const isDiscoverHref = !!homePageUrl &&
+                    (UrlFE === homePageUrl || rawHref.startsWith(homePageUrl));
+                const href = isDiscoverHref
+                    ? withLocalePathPrefix(rawHref, locale)
+                    : rawHref;
                 return (React__default.createElement(CategoriesItem, { key: index, menuItem: item, href: href, activeItem: activeItem, siteType: siteType, onClick: onClosePopup }));
             })),
         titleBtnViewMore && (React__default.createElement(StyledViewMore, { "data-theme": siteType, style: { textDecoration: 'none' }, href: hrefViewMore, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": hrefViewMore },
@@ -1166,12 +1208,12 @@ const Item$3 = ({ item, index = 0 }) => {
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
     const { t } = useTranslations();
-    const { configs: { statics }, } = useContext(NavigationContext);
+    const { locale, configs: { statics }, } = useContext(NavigationContext);
     const spotlightPermalinks = useMemo(() => spotlightsList.map((spotlight) => spotlight.permalink), [spotlightsList]);
     const resolvedPermalinks = useResolvedCaptureUrls(spotlightPermalinks);
     return (React__default.createElement(Spotlights, { title: t('home.navigator.menu.spotlights'), viewMore: t('home.navigator.menu.spotlights.seeAll'), link: hrefViewMore, dataEventAction: "Spotlight See More Click" }, spotlightsList.length !== 0 ? (React__default.createElement(StyledContainerItems$4, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((spotlight, index) => (React__default.createElement(Item$3, { key: index, index: index, item: {
             id: spotlight.id,
-            link: resolveDiscoverNavLink(statics.HOME_PAGE_URL, resolvedPermalinks[index] || spotlight.permalink),
+            link: resolveDiscoverNavLink(statics.HOME_PAGE_URL, resolvedPermalinks[index] || spotlight.permalink, locale),
             title: spotlight.name,
             banner: spotlight.image,
             buttonDisplay: spotlight.buttonDisplay,
@@ -1182,7 +1224,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
     const { t } = useTranslations();
     const { locale, configs: { statics }, } = useContext(NavigationContext);
     return (React__default.createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
-        React__default.createElement(Categories, { hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/categories/`, UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: (categories === null || categories === void 0 ? void 0 : categories.map((cat) => {
+        React__default.createElement(Categories, { hrefViewMore: withLocalePathPrefix(`${statics.HOME_PAGE_URL}/categories/`, locale), UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: (categories === null || categories === void 0 ? void 0 : categories.map((cat) => {
                 if (!cat)
                     return {};
                 return {
@@ -1191,7 +1233,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
                     thumbnail: cat.iconUrl || null,
                 };
             })) || [], headingTitle: t('home.navigator.menuItem.healthCategories') }),
-        React__default.createElement(CategorySpotlights, { spotlightsList: spotlightsList, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })));
+        React__default.createElement(CategorySpotlights, { spotlightsList: spotlightsList, hrefViewMore: withLocalePathPrefix(`${statics.HOME_PAGE_URL}/spotlight/`, locale) })));
 };
 
 const StyledContainerItems$3 = styled.div `
@@ -1497,13 +1539,13 @@ const StyledContentWrapper$1 = styled.div `
 
 const Item$1 = ({ item, index = 0 }) => {
     const { t } = useTranslations();
-    const { configs: { statics }, } = useContext(NavigationContext);
+    const { locale, configs: { statics }, } = useContext(NavigationContext);
     if (!item)
         return null;
     const link = item.link
-        ? item.link.startsWith('http')
+        ? withLocalePathPrefix(item.link.startsWith('http')
             ? item.link
-            : `${statics.HOME_PAGE_URL}${item.link}`
+            : `${statics.HOME_PAGE_URL}${item.link}`, locale)
         : undefined;
     return (React__default.createElement(StyledItem$2, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link },
         item.isMobileAppTool && React__default.createElement(Phone, { size: 20, className: "phone-badge" }),
@@ -1729,13 +1771,13 @@ const StyledWrapName = styled.div `
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
     const { t } = useTranslations();
-    const { configs: { statics }, } = useContext(NavigationContext);
+    const { locale, configs: { statics }, } = useContext(NavigationContext);
     if (!item)
         return null;
     const link = item.link
-        ? item.link.startsWith('http')
+        ? withLocalePathPrefix(item.link.startsWith('http')
             ? item.link
-            : `${statics.HOME_PAGE_URL}${item.link}`
+            : `${statics.HOME_PAGE_URL}${item.link}`, locale)
         : undefined;
     const renderIcon = () => (React__default.createElement(StyledImageCard, null,
         React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.icon || '/images/avatar.jpg' })));
@@ -1775,14 +1817,14 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
     var _a;
     const { t } = useTranslations();
     const { configs: { statics }, } = useContext(NavigationContext);
-    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
+    const hrefViewMore = withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale);
     return (React__default.createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default.createElement(Categories, { hrefViewMore: hrefViewMore, UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, headingTitle: t('home.navigator.menuItem.healthToolsList'), titleBtnViewMore: t('home.navigator.menuItem.allHealthTools'), menuItems: healthTools.map((t) => ({
                 name: t.title,
                 link: t.link
-                    ? t.link.startsWith('http')
+                    ? withLocalePathPrefix(t.link.startsWith('http')
                         ? t.link
-                        : `${statics.HOME_PAGE_URL}${t.link}`
+                        : `${statics.HOME_PAGE_URL}${t.link}`, locale)
                     : undefined,
                 thumbnail: t.icon,
                 isMobileAppTool: t.isMobileAppTool,
@@ -1839,7 +1881,7 @@ const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
         // },
     ], []);
     return (React__default.createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
-        React__default.createElement(Categories, { hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/videos/`, UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allVideos'), menuItems: listing, headingTitle: t('home.navigator.menuItem.videoCategories') }),
+        React__default.createElement(Categories, { hrefViewMore: withLocalePathPrefix(`${statics.HOME_PAGE_URL}/videos/`, locale), UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allVideos'), menuItems: listing, headingTitle: t('home.navigator.menuItem.videoCategories') }),
         React__default.createElement(VideoSpotlights, { spotlightsList: spotlightsList })));
 };
 
@@ -2096,8 +2138,8 @@ const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], proj
                     ? undefined
                     : t('home.navigator.menuItem.allCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__default.createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType, onClick: closePopup })),
-            activeMenuService === 'categories' && (React__default.createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
-            activeMenuService === 'tools' && (React__default.createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
+            activeMenuService === 'categories' && (React__default.createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: withLocalePathPrefix(`${statics.HOME_PAGE_URL}/spotlight/`, locale) })),
+            activeMenuService === 'tools' && (React__default.createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale) })),
             activeMenuService === 'care' && (React__default.createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
             activeMenuService === 'together' && (React__default.createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__default.createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })),
@@ -3257,7 +3299,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.discover'),
                 id: 'categories',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/categories/`,
+                link: withLocalePathPrefix(`${statics.HOME_PAGE_URL}/categories/`, locale),
                 niceName: '',
                 thumbnail: isMarryBaby
                     ? CommonGAssets.getAssetPath('categories-mb.svg')
@@ -3268,7 +3310,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.video'),
                 id: 'video',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/videos/`,
+                link: withLocalePathPrefix(`${statics.HOME_PAGE_URL}/videos/`, locale),
                 niceName: '',
                 thumbnail: CommonGAssets.getAssetPath('nav-icons/video.svg'),
                 popupType: 'video',
@@ -3277,7 +3319,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.healthTools'),
                 id: 'tools',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
+                link: withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale),
                 thumbnail: isMarryBaby
                     ? CommonGAssets.getAssetPath('healthtools-mb.svg')
                     : CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
@@ -3297,7 +3339,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.helloEcom'),
                 id: 'ecom',
-                link: normalizeLinkSlash(statics.HOME_PAGE_URL + '/shop/'),
+                link: normalizeLinkSlash(withLocalePathPrefix(`${statics.HOME_PAGE_URL}/shop/`, locale)),
                 thumbnail: CommonGAssets.getAssetPath('nav-icons/shop.svg'),
                 popupType: null,
             });

package/build/esm/{index-649c3d73.js → index-428477e5.js}

@@ -1,6 +1,6 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-6211c58b.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-8a13f971.js';
+import { T as TogetherComponentGlobalContext } from './utils-1bf40ba2.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-8af3162f.js → index-4942b7fd.js}

@@ -1,7 +1,7 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-6211c58b.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-d19e60da.js';
+import { T as Text } from './index-94863d5d.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-d1a18e9e.js → index-4bc0865d.js}

@@ -1,26 +1,26 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-6211c58b.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-552896c7.js';
-import { L as LOCALE } from './Locale-aa37d7e1.js';
+import { L as LastPeriod } from './LastPeriod-7faf52c4.js';
+import { L as LOCALE } from './Locale-e28e4a5b.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-d5db92ac.js';
-import { D as DatePicker } from './index-a90a9d33.js';
-import { T as Text } from './index-d19e60da.js';
-import './index-029d4d53.js';
-import './index-a9c6ca2a.js';
-import './index.styles-2008ca9e.js';
-import { u as useTranslations } from './index-a65995d6.js';
+import { R as Radio, I as Input, S as Select } from './index-d71e8d10.js';
+import { D as DatePicker } from './index-694e7e92.js';
+import { T as Text } from './index-94863d5d.js';
+import './index-18654dcd.js';
+import './index-773e6cd4.js';
+import './index.styles-24962f06.js';
+import { u as useTranslations } from './index-e98f4eec.js';
 import '@mantine/hooks';
-import './index-c7a3a3e1.js';
-import './utils-68da549d.js';
-import './index-69bce5e3.js';
-import { H as HealthToolFormWrapper } from './index-b2a8fa0c.js';
+import './index-1fcd8b44.js';
+import './utils-d4093c5a.js';
+import './index-86540e62.js';
+import { H as HealthToolFormWrapper } from './index-16a37404.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-f7efd5d7.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-3cc4a66e.js';
+import { C as CardWrapperContext } from './context-05e94d12.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-879b0b6a.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-250373a2.js → index-4ddf3c2c.js}

@@ -1,21 +1,21 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-6211c58b.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-d5db92ac.js';
-import { D as DatePicker } from './index-a90a9d33.js';
-import { T as Text } from './index-d19e60da.js';
-import './index-029d4d53.js';
-import './index-a9c6ca2a.js';
-import './index.styles-2008ca9e.js';
-import { u as useTranslations } from './index-a65995d6.js';
+import './index-d71e8d10.js';
+import { D as DatePicker } from './index-694e7e92.js';
+import { T as Text } from './index-94863d5d.js';
+import './index-18654dcd.js';
+import './index-773e6cd4.js';
+import './index.styles-24962f06.js';
+import { u as useTranslations } from './index-e98f4eec.js';
 import '@mantine/hooks';
-import './index-c7a3a3e1.js';
-import './utils-68da549d.js';
-import './index-69bce5e3.js';
-import { C as CardWrapperContext } from './context-f7efd5d7.js';
-import { H as HealthToolFormWrapper } from './index-b2a8fa0c.js';
-import { G as GenderOptionControl } from './index-b916da7b.js';
+import './index-1fcd8b44.js';
+import './utils-d4093c5a.js';
+import './index-86540e62.js';
+import { C as CardWrapperContext } from './context-05e94d12.js';
+import { H as HealthToolFormWrapper } from './index-16a37404.js';
+import { G as GenderOptionControl } from './index-031a8ca7.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-961dcca2.js → index-5055e6b6.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-a9c6ca2a.js';
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-773e6cd4.js';
+import { a as __rest } from './tslib.es6-6211c58b.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-6bbc6234.js → index-51b475b0.js}

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-6211c58b.js';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { c as ZINDEX_SSO } from './index-3cc4a66e.js';
+import { c as ZINDEX_SSO } from './index-879b0b6a.js';
 
 /* eslint-disable prettier/prettier */
 const Close = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),

package/build/esm/{index-d5ee9d63.js → index-556887d6.js}

@@ -1,29 +1,29 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-108950a6.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-6211c58b.js';
 import React__default, { createContext, useState, useContext, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-c6d7fc59.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-319b4c45.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-50baf401.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-bdb091e1.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-d5db92ac.js';
+import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-d71e8d10.js';
 import '@mantine/dates';
-import './index-3cc4a66e.js';
-import './index-24ad4c2e.js';
-import './index-01e81403.js';
-import './index-c7a3a3e1.js';
-import { T as Text } from './index-d19e60da.js';
-import './index-029d4d53.js';
-import { T as TemplateProvider, C as CustomStylesType } from './index-a9c6ca2a.js';
-import './index.styles-2008ca9e.js';
-import { u as useTranslations } from './index-a65995d6.js';
+import './index-879b0b6a.js';
+import './index-266074ea.js';
+import './index-5c03cda0.js';
+import './index-1fcd8b44.js';
+import { T as Text } from './index-94863d5d.js';
+import './index-18654dcd.js';
+import { T as TemplateProvider, C as CustomStylesType } from './index-773e6cd4.js';
+import './index.styles-24962f06.js';
+import { u as useTranslations } from './index-e98f4eec.js';
 import '@mantine/hooks';
-import './utils-68da549d.js';
-import './index-69bce5e3.js';
-import { H as HealthToolFormWrapper } from './index-b2a8fa0c.js';
-import { C as ChevronDown } from './ChevronDown-94b730db.js';
-import { C as CardWrapperContext } from './context-f7efd5d7.js';
-import { G as GenderOptionControl } from './index-b916da7b.js';
+import './utils-d4093c5a.js';
+import './index-86540e62.js';
+import { H as HealthToolFormWrapper } from './index-16a37404.js';
+import { C as ChevronDown } from './ChevronDown-50665692.js';
+import { C as CardWrapperContext } from './context-05e94d12.js';
+import { G as GenderOptionControl } from './index-031a8ca7.js';
 import '@hhgtech/icons/other';
-import { L as LOCALE } from './Locale-aa37d7e1.js';
+import { L as LOCALE } from './Locale-e28e4a5b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-b2aba855.js → index-58615346.js}

@@ -1,20 +1,20 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-6211c58b.js';
 import React__default from 'react';
-import './index-d5db92ac.js';
+import './index-d71e8d10.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-3cc4a66e.js';
-import './index-24ad4c2e.js';
-import './index-01e81403.js';
-import './index-c7a3a3e1.js';
-import { T as Text$1 } from './index-d19e60da.js';
-import './index-029d4d53.js';
-import './index-a9c6ca2a.js';
-import './index.styles-2008ca9e.js';
-import './translationsContext-6696e322.js';
+import './index-879b0b6a.js';
+import './index-266074ea.js';
+import './index-5c03cda0.js';
+import './index-1fcd8b44.js';
+import { T as Text$1 } from './index-94863d5d.js';
+import './index-18654dcd.js';
+import './index-773e6cd4.js';
+import './index.styles-24962f06.js';
+import './translationsContext-ce0f51d2.js';
 import '@mantine/hooks';
-import './utils-68da549d.js';
-import './index-69bce5e3.js';
+import './utils-d4093c5a.js';
+import './index-86540e62.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'