@hhgtech/hhg-components 1.29.559 → 1.29.560

package/build/{index-daf66fed.js → index-628d8a88.js}

@@ -1,57 +1,57 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-8c1c3e19.js');
+var tslib_es6 = require('./tslib.es6-efc5a056.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-9430636b.js');
-var index = require('./index-5abf5a90.js');
-var normalizeLink = require('./normalizeLink-0db8715d.js');
-var dataTransform = require('./dataTransform-9d0c6785.js');
+var SiteWideBanner = require('./SiteWideBanner-95884596.js');
+var index = require('./index-11e92c7e.js');
+var routing = require('./routing-48c79af4.js');
+var dataTransform = require('./dataTransform-7d00710a.js');
 var core = require('@hhgtech/icons/core');
-var index$1 = require('./index-8855cca4.js');
-require('./translationsContext-a30f049e.js');
-var Locale = require('./Locale-32f208df.js');
+var index$1 = require('./index-2fe72d56.js');
+require('./translationsContext-727e029c.js');
+var Locale = require('./Locale-4c490d87.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-739d4f29.js');
+var navigationProfileButton = require('./index-40fb6b31.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-3d38f0f9.js');
+var index$c = require('./index-cf024e69.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-6b613f34.js');
-var index$6 = require('./index-91cf2efa.js');
-require('./index-3c994678.js');
-var index$4 = require('./index-f773e92a.js');
-var index$3 = require('./index-5654ef12.js');
-require('./index-c5433c4e.js');
-require('./index.styles-9febee79.js');
+var index$b = require('./index-98f9e40f.js');
+var index$6 = require('./index-2ad6989f.js');
+require('./index-df5a2437.js');
+var index$4 = require('./index-204cb0fb.js');
+var index$3 = require('./index-2298f105.js');
+require('./index-6c316aaf.js');
+require('./index.styles-0eef9051.js');
 require('@mantine/hooks');
-var utils = require('./utils-11862be2.js');
-require('./index-179f66ca.js');
-var constants = require('./constants-90470bf5.js');
-var store = require('./store-1b469a22.js');
-var constants$3 = require('./constants-0cb08cba.js');
-var index$5 = require('./index-baff5718.js');
-var index$2 = require('./index-21a823a8.js');
-var useCartCareService = require('./useCartCareService-29b0a4be.js');
-var constants$1 = require('./constants-2f6b5a5d.js');
+var utils = require('./utils-e9a322b4.js');
+require('./index-8e41ad23.js');
+var constants = require('./constants-749615cb.js');
+var store = require('./store-8b4fde5d.js');
+var constants$3 = require('./constants-eed46755.js');
+var index$5 = require('./index-08f39813.js');
+var index$2 = require('./index-a9a26eea.js');
+var useCartCareService = require('./useCartCareService-7a31ced6.js');
+var constants$1 = require('./constants-9fb0fc32.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-97b250f3.js');
-var index$8 = require('./index-5b7c5b05.js');
-var utils$1 = require('./utils-2370d7cd.js');
-var index$9 = require('./index-6b067e4d.js');
-var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-a2ffae73.js');
+var index$7 = require('./index-eff8e5b7.js');
+var index$8 = require('./index-d8a22d7c.js');
+var utils$1 = require('./utils-e8f7b5a9.js');
+var index$9 = require('./index-471f1221.js');
+var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-01bf797c.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-1bc054a6.js');
+var index$a = require('./index-62158934.js');
 var get = require('lodash/get');
-var constants$2 = require('./constants-7f54dd4b.js');
+var constants$2 = require('./constants-e5816131.js');
 var isEmpty = require('lodash/isEmpty');
-var index$d = require('./index-426f19c4.js');
+var index$d = require('./index-eada24e5.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-eb97a9a8.js');
+var core$2 = require('./core-3f956292.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -127,7 +127,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 = `${index.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 = {
@@ -301,33 +302,61 @@ const StyledTextAnimation = styled__default["default"].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, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { locale, siteType, isWinCashBackTheme: winCashBackTheme, searchRouterPush, searchRouterPrefetch, } = React.useContext(navigationProfileButton.NavigationContext);
     const [keyword, setKeyword] = React.useState('');
     const [isFocused, setIsFocused] = React.useState(false);
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
     const [currentTextIndex, setCurrentTextIndex] = React.useState(0);
     const { t } = index$2.useTranslations();
-    const goToSearchPage = React.useCallback((searchValue = '') => {
-        let sourceParam = '';
-        if (projectType === 'together') {
-            sourceParam = 'community';
+    const hasPrefetchedRef = React.useRef(false);
+    const shouldRedirectOnInteract = (isMobile && isHomepage) || isRedirectSearchPage;
+    const prefetchSearchPage = React.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 = React.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 = React.useMemo(() => {
         return ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)
             ? 0
@@ -354,6 +383,13 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             setKeyword(searchValue);
         }
     }, []);
+    // Prefetch search page on mobile homepage so focus/click redirect feels faster
+    React.useEffect(() => {
+        if (!shouldRedirectOnInteract) {
+            return;
+        }
+        prefetchSearchPage();
+    }, [shouldRedirectOnInteract, prefetchSearchPage]);
     React.useEffect(() => {
         if (!keyword && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
             const texts = TEXT_PLACEHOLDER_INPUT[locale];
@@ -388,20 +424,20 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         React__namespace["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__namespace["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__namespace["default"].createElement(StyleSearchInputWrapper, null,
+            React__namespace["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__namespace["default"].createElement(StyleSearchInputWrapper, { onPointerDown: prefetchSearchPage },
         React__namespace["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__namespace["default"].createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
                 React__namespace["default"].createElement(core.Close, { size: 17, color: miscTheme.theme.colors.white }))) : winCashBackTheme ? (React__namespace["default"].createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__namespace["default"].createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
-                    if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                    if (shouldRedirectOnInteract) {
                         goToSearchPage('');
                     }
                 } },
@@ -988,17 +1024,23 @@ const StyledViewMore = styled__default["default"].a `
 `;
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
-    const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const { siteType, locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const homePageUrl = (statics === null || statics === void 0 ? void 0 : statics.HOME_PAGE_URL) || '';
     return (React__namespace["default"].createElement(StyledItemGridLeft, null,
         React__namespace["default"].createElement("div", null,
             React__namespace["default"].createElement(StyledHeading, null,
                 React__namespace["default"].createElement(index$8.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
+                    ? routing.withLocalePathPrefix(rawHref, locale)
+                    : rawHref;
                 return (React__namespace["default"].createElement(CategoriesItem, { key: index, menuItem: item, href: href, activeItem: activeItem, siteType: siteType, onClick: onClosePopup }));
             })),
         titleBtnViewMore && (React__namespace["default"].createElement(StyledViewMore, { "data-theme": siteType, style: { textDecoration: 'none' }, href: hrefViewMore, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": hrefViewMore },
@@ -1196,12 +1238,12 @@ const Item$3 = ({ item, index = 0 }) => {
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
     const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const spotlightPermalinks = React.useMemo(() => spotlightsList.map((spotlight) => spotlight.permalink), [spotlightsList]);
     const resolvedPermalinks = useResolvedCaptureUrls.useResolvedCaptureUrls(spotlightPermalinks);
     return (React__namespace["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__namespace["default"].createElement(StyledContainerItems$4, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((spotlight, index) => (React__namespace["default"].createElement(Item$3, { key: index, index: index, item: {
             id: spotlight.id,
-            link: normalizeLink.resolveDiscoverNavLink(statics.HOME_PAGE_URL, resolvedPermalinks[index] || spotlight.permalink),
+            link: routing.resolveDiscoverNavLink(statics.HOME_PAGE_URL, resolvedPermalinks[index] || spotlight.permalink, locale),
             title: spotlight.name,
             banner: spotlight.image,
             buttonDisplay: spotlight.buttonDisplay,
@@ -1212,7 +1254,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
     const { t } = index$2.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
-        React__namespace["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__namespace["default"].createElement(Categories, { hrefViewMore: routing.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 {
@@ -1221,7 +1263,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
                     thumbnail: cat.iconUrl || null,
                 };
             })) || [], headingTitle: t('home.navigator.menuItem.healthCategories') }),
-        React__namespace["default"].createElement(CategorySpotlights, { spotlightsList: spotlightsList, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })));
+        React__namespace["default"].createElement(CategorySpotlights, { spotlightsList: spotlightsList, hrefViewMore: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/spotlight/`, locale) })));
 };
 
 const StyledContainerItems$3 = styled__default["default"].div `
@@ -1376,14 +1418,14 @@ const Item$2 = ({ post, index = 0 }) => {
 const CommunitySpotlights = ({ spotlights = [] }) => {
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const { t } = index$2.useTranslations();
-    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.trendingPosts'), viewMore: t('home.navigator.menu.trendingPosts.seeMore'), link: normalizeLink.normalizeLink(statics.TOGETHER_URL_FE), dataEventAction: "Together See More Click" }, spotlights.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__namespace["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.together.noPosts.title'), description: t('home.navigator.menu.together.noPosts.description'), link: `${statics.HOME_PAGE_URL}/community/`, cta: t('home.navigator.menu.together.noPosts.cta'), icon: index$6.CommonGAssets.getAssetPath('community.svg') }))));
+    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.trendingPosts'), viewMore: t('home.navigator.menu.trendingPosts.seeMore'), link: routing.normalizeLink(statics.TOGETHER_URL_FE), dataEventAction: "Together See More Click" }, spotlights.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__namespace["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.together.noPosts.title'), description: t('home.navigator.menu.together.noPosts.description'), link: `${statics.HOME_PAGE_URL}/community/`, cta: t('home.navigator.menu.together.noPosts.cta'), icon: index$6.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
     const { t } = index$2.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
-        React__namespace["default"].createElement(Categories, { hrefViewMore: normalizeLink.normalizeLink(statics.TOGETHER_URL_FE), UrlFE: normalizeLink.normalizeLinkSlash(statics.TOGETHER_URL_FE), onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCommunities'), menuItems: (communities === null || communities === void 0 ? void 0 : communities.map((community) => {
+        React__namespace["default"].createElement(Categories, { hrefViewMore: routing.normalizeLink(statics.TOGETHER_URL_FE), UrlFE: routing.normalizeLinkSlash(statics.TOGETHER_URL_FE), onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCommunities'), menuItems: (communities === null || communities === void 0 ? void 0 : communities.map((community) => {
                 if (!community)
                     return {};
                 return {
@@ -1527,13 +1569,13 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 
 const Item$1 = ({ item, index = 0 }) => {
     const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
     const link = item.link
-        ? item.link.startsWith('http')
+        ? routing.withLocalePathPrefix(item.link.startsWith('http')
             ? item.link
-            : `${statics.HOME_PAGE_URL}${item.link}`
+            : `${statics.HOME_PAGE_URL}${item.link}`, locale)
         : undefined;
     return (React__namespace["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__namespace["default"].createElement(Phone, { size: 20, className: "phone-badge" }),
@@ -1759,13 +1801,13 @@ const StyledWrapName = styled__default["default"].div `
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
     const { t } = index$2.useTranslations();
-    const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
     const link = item.link
-        ? item.link.startsWith('http')
+        ? routing.withLocalePathPrefix(item.link.startsWith('http')
             ? item.link
-            : `${statics.HOME_PAGE_URL}${item.link}`
+            : `${statics.HOME_PAGE_URL}${item.link}`, locale)
         : undefined;
     const renderIcon = () => (React__namespace["default"].createElement(StyledImageCard, null,
         React__namespace["default"].createElement("img", { loading: "lazy", alt: item.title, src: item.icon || '/images/avatar.jpg' })));
@@ -1805,14 +1847,14 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
     var _a;
     const { t } = index$2.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
+    const hrefViewMore = routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__namespace["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')
+                    ? routing.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,
@@ -1869,7 +1911,7 @@ const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
         // },
     ], []);
     return (React__namespace["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
-        React__namespace["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__namespace["default"].createElement(Categories, { hrefViewMore: routing.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__namespace["default"].createElement(VideoSpotlights, { spotlightsList: spotlightsList })));
 };
 
@@ -2126,8 +2168,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__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType, onClick: closePopup })),
-            activeMenuService === 'categories' && (React__namespace["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__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
+            activeMenuService === 'categories' && (React__namespace["default"].createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/spotlight/`, locale) })),
+            activeMenuService === 'tools' && (React__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale) })),
             activeMenuService === 'care' && (React__namespace["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
             activeMenuService === 'together' && (React__namespace["default"].createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__namespace["default"].createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })),
@@ -2655,14 +2697,14 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const headerRef = React.useRef(null);
     const collapsedMenu = React.useRef(false);
     const { getHref } = useCartCareService.useCartCareService();
-    const cartBaseUrl = `${normalizeLink.getCurrentBaseUrl(locale)}/${constants.CARE_BASE_PATH}/${(_a = constants$3.LOCALISED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.CART}/`;
+    const cartBaseUrl = `${routing.getCurrentBaseUrl(locale)}/${constants.CARE_BASE_PATH}/${(_a = constants$3.LOCALISED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.CART}/`;
     const cartHref = getHref();
     const goToLogin = () => {
         if (store.IS_SSOV2_ENABLED(locale))
             return triggerLogin();
         const currentLocation = window.location.href;
         window.location.href = SSO_URL
-            ? normalizeLink.normalizeLinkSlash(`${SSO_URL}?returnUrl=${currentLocation}`)
+            ? routing.normalizeLinkSlash(`${SSO_URL}?returnUrl=${currentLocation}`)
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
@@ -2747,7 +2789,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 React__namespace["default"].createElement(StyledProfileNavGroup, { className: "profile-nav-group" },
                     languageMenu,
                     enableNavCartCare && winCashBackTheme && (React__namespace["default"].createElement(index$d.CartCareButton, { href: cartHref !== null && cartHref !== void 0 ? cartHref : cartBaseUrl, count: cartHref ? 1 : 0 })),
-                    enableNavChatbotAi && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${normalizeLink.getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
+                    enableNavChatbotAi && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${routing.getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
                         React__namespace["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = index.LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
                             _c.SITE_NAME,
                             " AI"))),
@@ -3287,7 +3329,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.discover'),
                 id: 'categories',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/categories/`,
+                link: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/categories/`, locale),
                 niceName: '',
                 thumbnail: isMarryBaby
                     ? index$6.CommonGAssets.getAssetPath('categories-mb.svg')
@@ -3298,7 +3340,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.video'),
                 id: 'video',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/videos/`,
+                link: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/videos/`, locale),
                 niceName: '',
                 thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/video.svg'),
                 popupType: 'video',
@@ -3307,7 +3349,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.healthTools'),
                 id: 'tools',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
+                link: routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}${((_a = index.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`, locale),
                 thumbnail: isMarryBaby
                     ? index$6.CommonGAssets.getAssetPath('healthtools-mb.svg')
                     : index$6.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
@@ -3317,7 +3359,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.helloTogether'),
                 id: 'together',
-                link: normalizeLink.normalizeLinkSlash(statics.TOGETHER_URL_FE + '/'),
+                link: routing.normalizeLinkSlash(statics.TOGETHER_URL_FE + '/'),
                 thumbnail: isMarryBaby
                     ? index$6.CommonGAssets.getAssetPath('community-mb.svg')
                     : index$6.CommonGAssets.getAssetPath('nav-icons/community.svg'),
@@ -3327,7 +3369,7 @@ const useNavServices = () => {
             _services.push({
                 name: t('home.navigator.menuItem.helloEcom'),
                 id: 'ecom',
-                link: normalizeLink.normalizeLinkSlash(statics.HOME_PAGE_URL + '/shop/'),
+                link: routing.normalizeLinkSlash(routing.withLocalePathPrefix(`${statics.HOME_PAGE_URL}/shop/`, locale)),
                 thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/shop.svg'),
                 popupType: null,
             });
@@ -3337,7 +3379,7 @@ const useNavServices = () => {
                 id: 'care',
                 link: locale === 'ms-MY'
                     ? 'https://medical-weight-loss.hellodoktor.com/ms/choose-doctor'
-                    : normalizeLink.normalizeLinkSlash(statics.HOME_PAGE_URL + '/care/'),
+                    : routing.normalizeLinkSlash(statics.HOME_PAGE_URL + '/care/'),
                 thumbnail: index$6.CommonGAssets.getAssetPath('nav-icons/care.svg'),
                 popupType: null,
             });
@@ -3442,11 +3484,11 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
     const res = {};
     const isMarryBaby = locale === 'vi-VN_MB';
     const customLang = locale === 'tl-PH' ? 'lang=fil' : '';
-    const discoverDomain = normalizeLink.getDiscoverApiDomain(locale);
+    const discoverDomain = routing.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 fetchJson = (url) => fetch(routing.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}`),
@@ -3488,8 +3530,8 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
     }
     if (isMarryBaby || index.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`),
+            fetchJson(`${routing.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`),
+            fetchJson(`${routing.getTogetherApiDomain()}/api/v1/options?website_url=https://${constantsDomainLocales.domainLocales[locale]}&meta_key=popular_post`),
         ]);
         const communities = getSettledValue(communitiesResult);
         const spotlightPosts = getSettledValue(spotlightPostsResult);
@@ -3500,9 +3542,9 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
     }
     if (index.CARE_LOCALES.includes(locale)) {
         const [specialtiesResult, hospitalsResult] = yield allSettled([
-            fetchJson(normalizeLink.getCareApiDomain() +
+            fetchJson(routing.getCareApiDomain() +
                 `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=0`),
-            fetchJson(normalizeLink.getCareApiDomain() +
+            fetchJson(routing.getCareApiDomain() +
                 `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=1`),
         ]);
         const specialties = getSettledValue(specialtiesResult);

package/build/{index-9fe5cadd.js → index-64515f65.js}

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$2 = require('./index-21a823a8.js');
-var utils = require('./utils-11862be2.js');
-var index$1 = require('./index-0e29fc3d.js');
-var index$a = require('./index-783ad560.js');
-var tslib_es6 = require('./tslib.es6-8c1c3e19.js');
-var index = require('./index-1bc054a6.js');
-var index$4 = require('./index-6551eefe.js');
-require('./index-5abf5a90.js');
-var index$7 = require('./index-91cf2efa.js');
-var togetherComponentGlobalContext = require('./utils-884356d5.js');
-var index$6 = require('./index-97b250f3.js');
-var index$5 = require('./index-f773e92a.js');
+var index$2 = require('./index-a9a26eea.js');
+var utils = require('./utils-e9a322b4.js');
+var index$1 = require('./index-62199246.js');
+var index$a = require('./index-f1ad5d88.js');
+var tslib_es6 = require('./tslib.es6-efc5a056.js');
+var index = require('./index-62158934.js');
+var index$4 = require('./index-b619d993.js');
+require('./index-11e92c7e.js');
+var index$7 = require('./index-2ad6989f.js');
+var togetherComponentGlobalContext = require('./utils-43af9843.js');
+var index$6 = require('./index-eff8e5b7.js');
+var index$5 = require('./index-204cb0fb.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$3 = require('./index-64d6cff7.js');
-var index$8 = require('./index-5b7c5b05.js');
-var index$9 = require('./index-7726b58b.js');
+var index$3 = require('./index-1b64f4b9.js');
+var index$8 = require('./index-d8a22d7c.js');
+var index$9 = require('./index-7c08208d.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -920,7 +920,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-89f4ab32.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-3e61a8dd.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/{index-d0934b64.js → index-645cba88.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-8c1c3e19.js');
+var tslib_es6 = require('./tslib.es6-efc5a056.js');
 var React = require('react');
-require('./index-8855cca4.js');
+require('./index-2fe72d56.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-5abf5a90.js');
-require('./index-6b613f34.js');
-require('./index-91cf2efa.js');
-require('./index-3c994678.js');
-var index = require('./index-f773e92a.js');
-require('./index-5654ef12.js');
-require('./index-c5433c4e.js');
-require('./index.styles-9febee79.js');
-require('./translationsContext-a30f049e.js');
+require('./index-11e92c7e.js');
+require('./index-98f9e40f.js');
+require('./index-2ad6989f.js');
+require('./index-df5a2437.js');
+var index = require('./index-204cb0fb.js');
+require('./index-2298f105.js');
+require('./index-6c316aaf.js');
+require('./index.styles-0eef9051.js');
+require('./translationsContext-727e029c.js');
 require('@mantine/hooks');
-require('./utils-11862be2.js');
-require('./index-179f66ca.js');
+require('./utils-e9a322b4.js');
+require('./index-8e41ad23.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-0707c6c8.js → index-6616f3ce.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-8c1c3e19.js');
+var tslib_es6 = require('./tslib.es6-efc5a056.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-5abf5a90.js');
-require('./index-6b613f34.js');
-var index$2 = require('./index-91cf2efa.js');
-var index$1 = require('./index-3c994678.js');
-var Locale = require('./Locale-32f208df.js');
+var index = require('./index-11e92c7e.js');
+require('./index-98f9e40f.js');
+var index$2 = require('./index-2ad6989f.js');
+var index$1 = require('./index-df5a2437.js');
+var Locale = require('./Locale-4c490d87.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-32125417.js → index-6c7dbac4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index$1 = require('./index-5abf5a90.js');
-var index = require('./index-6b613f34.js');
+var index$1 = require('./index-11e92c7e.js');
+var index = require('./index-98f9e40f.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');