@hhgtech/hhg-components 1.29.559 → 1.29.560-beta-1

package/build/esm/{index-0d8a0b6b.js → index-83fdfbec.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-63cbddd4.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-ae2e01d4.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-ee2d5a80.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-9916f45b.js';
+import { f as formatArticle, a as formatCommunity, b as formatPost } from './dataTransform-0633a09e.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-f418657f.js';
+import './translationsContext-ec77f26e.js';
+import { L as LOCALE } from './Locale-d9c7e5a7.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-583d5a22.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-df88b1ee.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-7034a2b8.js';
+import { C as CommonGAssets } from './index-a94097e9.js';
+import './index-d35fab84.js';
+import { T as Text } from './index-b3ad5af5.js';
+import { B as Button } from './index-2e18e4c7.js';
+import './index-6c03addc.js';
+import './index.styles-eed44415.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-54282998.js';
+import './index-f6c9b633.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-9b841819.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5ad130e9.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-50969006.js';
+import { I as Indicator$1 } from './index-ab39290b.js';
+import { u as useTranslations } from './index-425831b6.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-44bb3d88.js';
+import { L as LOCALIZED_SLUGS } from './constants-fcbc195a.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-bdff7405.js';
+import { H as Heading } from './index-b14242dd.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-23f455b7.js';
+import { C as Container } from './index-b2b53095.js';
+import { b as useResolvedCaptureUrls } from './useResolvedCaptureUrls-da42dec8.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-1d9156ac.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-37e7089a.js';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-bb6c190e.js';
+import { C as CartCareButton } from './index-8c7d10b4.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-059926fe.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-250373a2.js → index-851fd5d3.js}

@@ -1,21 +1,21 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-63cbddd4.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-f418657f.js';
+import { D as DatePicker } from './index-cdd59831.js';
+import { T as Text } from './index-b3ad5af5.js';
+import './index-2e18e4c7.js';
+import './index-6c03addc.js';
+import './index.styles-eed44415.js';
+import { u as useTranslations } from './index-425831b6.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-d35fab84.js';
+import './utils-54282998.js';
+import './index-f6c9b633.js';
+import { C as CardWrapperContext } from './context-11746da2.js';
+import { H as HealthToolFormWrapper } from './index-02882d20.js';
+import { G as GenderOptionControl } from './index-ad666b2f.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-1e5a3d55.js → index-884b3446.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-68da549d.js';
+import { t as toggleNoScroll } from './utils-54282998.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-b3a726bb.js';
-import { T as Text } from './index-d19e60da.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-db045637.js';
+import { T as Text } from './index-b3ad5af5.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-f01958ac.js → index-890f1e7c.js}

@@ -1,8 +1,8 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-63cbddd4.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-64ead8c7.js';
-import { S as Spinner } from './Spinner-09569437.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-e4d9a166.js';
+import { S as Spinner } from './Spinner-7893066a.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-bb6c190e.js → index-8c7d10b4.js}

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import styled from '@emotion/styled';
 import { Box } from '@mantine/core';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-68da549d.js';
-import { u as useTranslations } from './index-a65995d6.js';
-import { T as Text } from './index-d19e60da.js';
+import { M as MediaQueries } from './utils-54282998.js';
+import { u as useTranslations } from './index-425831b6.js';
+import { T as Text } from './index-b3ad5af5.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),

package/build/esm/{index-7429acf5.js → index-93f43e32.js}

@@ -1,8 +1,8 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-63cbddd4.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-d19e60da.js';
-import { u as useTranslations } from './index-a65995d6.js';
+import { T as Text } from './index-b3ad5af5.js';
+import { u as useTranslations } from './index-425831b6.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-3cf6baed.js → index-95d5f2c2.js}

@@ -1,9 +1,9 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-63cbddd4.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-68da549d.js';
+import { M as MediaQueries } from './utils-54282998.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-9c7d1567.js → index-999e57de.js}

@@ -1,35 +1,35 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-108950a6.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-63cbddd4.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-69bce5e3.js';
-import { L as Loading } from './index-8da0b8dc.js';
-import { b as formatPost, a as formatCommunity, f as formatArticle } from './dataTransform-5e714925.js';
+import { T as Tabs } from './index-f6c9b633.js';
+import { L as Loading } from './index-a862161a.js';
+import { b as formatPost, a as formatCommunity, f as formatArticle } from './dataTransform-0633a09e.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath, e as callApiWithAuth } from './utils-8a13f971.js';
+import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath, e as callApiWithAuth } from './utils-6fc62a2d.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-01e81403.js';
-import { I as ImageWrap } from './index-2f5751e0.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-d8b62d23.js';
-import { S as SocialType } from './index-24ad4c2e.js';
-import { u as useTranslations } from './index-a65995d6.js';
+import { C as CommonGAssets } from './index-a94097e9.js';
+import { I as ImageWrap } from './index-64903932.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-10c8d058.js';
+import { S as SocialType } from './index-7034a2b8.js';
+import { u as useTranslations } from './index-425831b6.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { b as Anchor$1 } from './index-d5db92ac.js';
+import { b as Anchor$1 } from './index-f418657f.js';
 import '@mantine/dates';
-import './index-3cc4a66e.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 './index-ee2d5a80.js';
+import './index-d35fab84.js';
+import { T as Text } from './index-b3ad5af5.js';
+import { B as Button } from './index-2e18e4c7.js';
+import './index-6c03addc.js';
+import './index.styles-eed44415.js';
 import '@mantine/hooks';
-import './utils-68da549d.js';
+import './utils-54282998.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-eb7bbe17.js';
-import { B as Button$1 } from './index-0fbd3149.js';
-import './translationsContext-6696e322.js';
+import { d as decodeMention, b as decodePostUrl } from './post-a75adb18.js';
+import { B as Button$1 } from './index-bdff7405.js';
+import './translationsContext-ec77f26e.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-f471e9c1.js → index-9dbe4be2.js}

@@ -1,26 +1,26 @@
-import { a as __rest } from './tslib.es6-108950a6.js';
+import { a as __rest } from './tslib.es6-63cbddd4.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-c6d7fc59.js';
-import { u as useTranslations } from './index-a65995d6.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-319b4c45.js';
-import { I as Input } from './index-d5db92ac.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-1af00223.js';
+import { u as useTranslations } from './index-425831b6.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-50969006.js';
+import { I as Input } from './index-f418657f.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 './index-a9c6ca2a.js';
-import './index.styles-2008ca9e.js';
+import './index-ee2d5a80.js';
+import './index-7034a2b8.js';
+import './index-a94097e9.js';
+import './index-d35fab84.js';
+import { T as Text } from './index-b3ad5af5.js';
+import './index-2e18e4c7.js';
+import './index-6c03addc.js';
+import './index.styles-eed44415.js';
 import '@mantine/hooks';
-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 { I as INPUT_RANGE } from './constants-fed90927.js';
+import './utils-54282998.js';
+import './index-f6c9b633.js';
+import { C as CardWrapperContext } from './context-11746da2.js';
+import { H as HealthToolFormWrapper } from './index-02882d20.js';
+import { I as INPUT_RANGE } from './constants-6e072118.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});