@hhgtech/hhg-components 1.29.411 → 1.29.412

package/build/{index-998ca905.js → index-81d87d77.js}

@@ -1,67 +1,173 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b1e149fb.js');
+var tslib_es6 = require('./tslib.es6-cdd778e4.js');
 var React = require('react');
-var index$8 = require('./index-25a66e5f.js');
-var index$5 = require('./index-5c6c317d.js');
-var index$9 = require('./index-bf00c47a.js');
-var normalizeLink = require('./normalizeLink-db758106.js');
-var dataTransform = require('./dataTransform-fe77e544.js');
+var index$b = require('./index-e276d20f.js');
+var index$8 = require('./index-939160d7.js');
+var index$3 = require('./index-43f29f18.js');
+var normalizeLink = require('./normalizeLink-d1de1f56.js');
+var dataTransform = require('./dataTransform-8735bb15.js');
+var core = require('@hhgtech/icons/core');
+require('./translationsContext-841d7536.js');
+var styled = require('@emotion/styled');
+var index = require('./index-fb442ba6.js');
+var miscTheme = require('./miscTheme.js');
+var navigationProfileButton = require('./index-62140f27.js');
 var other = require('@hhgtech/icons/other');
-var core = require('@mantine/core');
-var index$d = require('./index-d1d6e311.js');
+var core$1 = require('@mantine/core');
+var index$d = require('./index-7e29c07c.js');
 var throttle = require('lodash/throttle');
-var index$b = require('./index-edf4e2b3.js');
 require('@mantine/dates');
-var index$1 = require('./index-595d0943.js');
-require('./useMantineLocale-ba80f594.js');
-var index = require('./index-df8df3f3.js');
-var index$a = require('./index-c19c34f9.js');
-require('./index.styles-8385bdd2.js');
-require('./translationsContext-ce78b682.js');
+var index$5 = require('./index-77d9f57e.js');
+require('./useMantineLocale-afc855ad.js');
+var index$4 = require('./index-dfd15d6f.js');
+var index$2 = require('./index-f47a61da.js');
+require('./index.styles-2331b34a.js');
 require('@mantine/hooks');
-var utils = require('./utils-3abc945c.js');
-require('./other-6fa145ba.js');
-require('./index-2eab3c59.js');
-var constants = require('./constants-5c84ab9f.js');
-var styled = require('@emotion/styled');
-var navigationProfileButton = require('./index-8f2889b3.js');
-var store = require('./store-a297f047.js');
-var constants$1 = require('./constants-b5b1126d.js');
-var index$2 = require('./index-171ad8f9.js');
-var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-e367d8db.js');
-var core$1 = require('@hhgtech/icons/core');
-var index$3 = require('./index-5ff1f039.js');
-var useIsInit = require('./useIsInit-ac2852aa.js');
+var utils = require('./utils-4c467f5f.js');
+require('./other-90dc0ef3.js');
+require('./index-6d7ef25c.js');
+var constants = require('./constants-68ffa0a7.js');
+var store = require('./store-97ab25f7.js');
+var constants$1 = require('./constants-da21b8ed.js');
+var index$1 = require('./index-82b5a71c.js');
+var index$7 = require('./index-af146ae2.js');
+var index$6 = require('./index-438f2856.js');
+var useIsInit = require('./useIsInit-f3072495.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$6 = require('./index-eb89f025.js');
+var index$9 = require('./index-99162e0d.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$7 = require('./index-4edb3958.js');
+var index$a = require('./index-84f06111.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$c = require('./index-9b6f9005.js');
+var index$c = require('./index-df636688.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-f4ef93df.js');
-var core$2 = require('./core-bbf77e50.js');
+var Locale = require('./Locale-f9b950d8.js');
+var core$2 = require('./core-08d35da6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
-var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
+var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var relativeTime__default = /*#__PURE__*/_interopDefault(relativeTime);
 var formatString__default = /*#__PURE__*/_interopDefault(formatString);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
+const StyleInput = styled__default["default"](index.Input) `
+  .mantine-Input-input {
+    border-radius: 40px;
+    background: ${miscTheme.theme.colors.white};
+    border: 1px solid ${miscTheme.theme.colors.blue200};
+
+    &:focus {
+      border: 1px solid ${miscTheme.theme.colors.primaryBase};
+    }
+  }
+
+  .close-icon-wrapper {
+    display: flex;
+    background-color: ${miscTheme.theme.colors.gray400};
+    border-radius: 100%;
+    cursor: pointer;
+
+    svg {
+      pointer-events: none;
+    }
+  }
+
+  .search-icon-btn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+`;
+
+const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
+const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
+    const { locale, siteType } = React.useContext(navigationProfileButton.NavigationContext);
+    const [keyword, setKeyword] = React.useState('');
+    const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
+    const { t } = index$1.useTranslations();
+    const goToSearchPage = React.useCallback((searchValue = '') => {
+        let sourceParam = '';
+        if (projectType === 'together') {
+            sourceParam = 'community';
+        }
+        if (projectType === 'discover') {
+            if (window.location.pathname.startsWith('/health-tools/')) {
+                sourceParam = 'health-tools';
+            }
+            else {
+                sourceParam = projectType;
+            }
+        }
+        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 goBack = React.useCallback(() => {
+        const historyBackUrl = localStorage.getItem(HHG_SEARCH_BACK_KEY);
+        if (!historyBackUrl) {
+            goToSearchPage('');
+            return;
+        }
+        localStorage.removeItem(HHG_SEARCH_BACK_KEY);
+        window.location.href = historyBackUrl;
+    }, [goToSearchPage]);
+    React.useEffect(() => {
+        if (typeof window !== 'undefined') {
+            const url = new URL(window.location.href);
+            const params = new URLSearchParams(url.search);
+            const searchValue = params.get('s');
+            if (projectType === 'discover' &&
+                window.location.pathname.startsWith('/search/')) {
+                setEventCategoryTracking('Search Page');
+            }
+            setKeyword(searchValue);
+        }
+    }, []);
+    return isMobile && !isHomepage ? (React__default["default"].createElement(index$2.Button, { variant: "tertiary", style: {
+            padding: '6px',
+        }, size: "sm", onClick: goBack },
+        React__default["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["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["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: siteType === 'marryBaby'
+            ? t('navigation.search.input.placeholder')
+            : t('home.search', {
+                site: index$3.LOCALE_SPECS[locale || 'en-PH']
+                    ? index$3.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+                    : '',
+            }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
+            goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
+            e.preventDefault();
+            if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                goToSearchPage('');
+            }
+        }, rightSection: keyword ? (React__default["default"].createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
+            React__default["default"].createElement(core.Close, { size: 17, color: miscTheme.theme.colors.white }))) : (''), icon: React__default["default"].createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+                if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                    goToSearchPage('');
+                }
+            } },
+            React__default["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["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" }))) }));
+};
+
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
     return `/shop/${(_a = constants.LOCALISED_SLUGS[locale || 'vi-VN']) === null || _a === void 0 ? void 0 : _a[path]}/`;
 };
 
-var useStyles = core.createStyles(() => {
+var useStyles = core$1.createStyles(() => {
     return {
         root: {
             textDecoration: 'none',
@@ -79,8 +185,8 @@ const CartBadge = (_a) => {
         styles,
         classNames,
     });
-    return typeof count !== 'undefined' ? (React__default["default"].createElement(core.Box, Object.assign({ component: "a", href: getEcomUrl({ path: 'CART', locale }), className: cx(classes.root, className) }, boxProps),
-        React__default["default"].createElement(core.Indicator, { withBorder: true, color: 'red', size: 20, disabled: count === 0, label: React__default["default"].createElement(index.Text, { className: classes.iconText, size: "s5" }, count > 99 ? '99+' : count) },
+    return typeof count !== 'undefined' ? (React__default["default"].createElement(core$1.Box, Object.assign({ component: "a", href: getEcomUrl({ path: 'CART', locale }), className: cx(classes.root, className) }, boxProps),
+        React__default["default"].createElement(core$1.Indicator, { withBorder: true, color: 'red', size: 20, disabled: count === 0, label: React__default["default"].createElement(index$4.Text, { className: classes.iconText, size: "s5" }, count > 99 ? '99+' : count) },
             React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
                 React__default["default"].createElement("path", { d: "M5.308 21.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V8.308q0-.75.53-1.278.53-.53 1.278-.53H7.5q0-1.873 1.313-3.187Q10.127 2 12 2t3.187 1.313T16.5 6.5h2.192q.749 0 1.278.53.53.53.53 1.278v11.384q0 .749-.53 1.278-.53.53-1.278.53zm0-1.5h13.384a.3.3 0 0 0 .212-.096.3.3 0 0 0 .096-.212V8.308a.3.3 0 0 0-.096-.212.3.3 0 0 0-.212-.096H5.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v11.384q0 .116.096.212a.3.3 0 0 0 .212.096M9 6.5h6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3.5q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6.5m2.985 7q1.695 0 3.047-1.148 1.35-1.148 1.335-2.606a.74.74 0 0 0-.207-.528.7.7 0 0 0-.527-.218.7.7 0 0 0-.471.182 1 1 0 0 0-.295.506 2.8 2.8 0 0 1-1.036 1.665 2.9 2.9 0 0 1-1.846.647 2.93 2.93 0 0 1-1.854-.647A2.73 2.73 0 0 1 9.1 9.688q-.086-.34-.278-.514A.66.66 0 0 0 8.367 9a.72.72 0 0 0-.534.218.72.72 0 0 0-.216.528q0 1.457 1.336 2.606 1.335 1.148 3.032 1.148", fill: "#2D87F3" }))))) : null;
 };
@@ -109,8 +215,8 @@ function HamburgerIcon({ siteType, enableSearch, className, style, }) {
     if (siteType === 'helloSites') {
         return (React__default["default"].createElement("div", { className: "hamburger-container" },
             React__default["default"].createElement("img", { "data-list-type": "Header", "data-content-type": "Navigation", "data-content-topic": "Hamburger", src: enableSearch
-                    ? index$1.CommonGAssets.getAssetPath('hamburgerMenuNewWithSearch.svg')
-                    : index$1.CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: '24px', height: '24px' }, style), alt: "home", className: className, loading: "lazy" })));
+                    ? index$5.CommonGAssets.getAssetPath('hamburgerMenuNewWithSearch.svg')
+                    : index$5.CommonGAssets.getAssetPath('hamburgerMenuNew.svg'), style: Object.assign({ width: '24px', height: '24px' }, style), alt: "home", className: className, loading: "lazy" })));
     }
     /** Marry Baby */
     return (React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
@@ -315,7 +421,7 @@ const ItemMenu = ({ item, menu }) => {
                 item.popupType && (React__default["default"].createElement(React__default["default"].Fragment, null, (item === null || item === void 0 ? void 0 : item.icon) ? (React__default["default"].createElement("div", { className: "wrapper-menu-icon" },
                     React__default["default"].createElement("div", { className: "origin-icon" }, item.icon),
                     React__default["default"].createElement("div", { className: "close-icon", onClick: onClose },
-                        React__default["default"].createElement(core$1.Close, { size: 16 })))) : (React__default["default"].createElement("div", { className: styles$1.menuIconWrapper },
+                        React__default["default"].createElement(core.Close, { size: 16 })))) : (React__default["default"].createElement("div", { className: styles$1.menuIconWrapper },
                     React__default["default"].createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
                         React__default["default"].createElement("path", { d: "M11.5 7.5L9 10L6.5 7.5", stroke: "#202135", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }))))))),
             React__default["default"].isValidElement(menu)
@@ -325,9 +431,9 @@ const ItemMenu = ({ item, menu }) => {
                 : null)));
 };
 const NewWrapper = ({ isNew, children, }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     if (isNew) {
-        return (React__default["default"].createElement(index$3.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
+        return (React__default["default"].createElement(index$6.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
                 root: {
                     paddingRight: 10,
                 },
@@ -338,21 +444,21 @@ const NewWrapper = ({ isNew, children, }) => {
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.useTranslations();
-    const theme = core.useMantineTheme();
+    const { t } = index$1.useTranslations();
+    const theme = core$1.useMantineTheme();
     return (React__default["default"].createElement(StyledItemGridLeft, null,
         React__default["default"].createElement("div", null,
             React__default["default"].createElement(StyledHeading$1, null,
-                React__default["default"].createElement(index$4.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$2) => {
+                React__default["default"].createElement(index$7.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)
                     ? (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('/')}/`
                     : '/';
-                return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$5.isInternalLink(href) && {
+                return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$8.isInternalLink(href) && {
                     target: '_blank',
-                }), { "data-theme": siteType, key: index$2, onClick: onClosePopup }),
+                }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                     React__default["default"].createElement("div", { className: "icon" },
                         React__default["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.thumbnail || '/images/avatar.jpg', style: {
                                 width: 32,
@@ -367,19 +473,19 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                                 paddingRight: item.isNew ? 10 : 0,
                             } },
                             React__default["default"].createElement("p", { className: "name" }, item.name),
-                            item.isMobileAppTool && (React__default["default"].createElement(index.Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
+                            item.isMobileAppTool && (React__default["default"].createElement(index$4.Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
                     item.isMobileAppTool && (React__default["default"].createElement(StyledIconNav, null,
                         React__default["default"].createElement(Phone, { className: "phone-icon", size: 16 }))),
                     React__default["default"].createElement(StyledIconNav, { className: "arrow-icon" },
-                        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+                        React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
             })),
         titleBtnViewMore && (React__default["default"].createElement(StyledViewMore$1, { "data-theme": siteType, style: { textDecoration: 'none' }, href: hrefViewMore, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": hrefViewMore },
             React__default["default"].createElement(StyledItemAll, { onClick: onClosePopup, "data-theme": siteType, "data-is-heading-category": false },
                 titleBtnViewMore,
                 React__default["default"].createElement(StyledImageWrapper, null,
                     React__default["default"].createElement("img", { className: "svg", src: siteType === 'marryBaby'
-                            ? index$1.CommonGAssets.getAssetPath('chevronRightPink.svg')
-                            : index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
+                            ? index$5.CommonGAssets.getAssetPath('chevronRightPink.svg')
+                            : index$5.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
 };
 
 const StyledContainerItems$5 = styled__default["default"].div `
@@ -545,13 +651,13 @@ const StyledItem$5 = styled__default["default"].a `
 
 const Item$4 = ({ item, index = 0 }) => {
     var _a;
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
     const href = `${statics.CARE_URL_FE}/${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${item.slug}-${item.id}`;
     return (React__default["default"].createElement(StyledItem$5, { key: item.id, href: href, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index + 1}`, "data-event-label": href },
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
+        React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
         React__default["default"].createElement(StyledImageCard$3, null,
             React__default["default"].createElement(StyledImageCardInner, null,
                 React__default["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.logo || '/images/avatar.jpg' }))),
@@ -560,7 +666,7 @@ const Item$4 = ({ item, index = 0 }) => {
             React__default["default"].createElement(StyledDes$2, null, item.description),
             React__default["default"].createElement(StyledBtnView$2, null,
                 t('home.seeMore'),
-                React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
+                React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
                         width: '16px',
                         height: '16px',
                         marginTop: '3px',
@@ -639,15 +745,15 @@ const SpotlightNoData = ({ title, link, description, cta, icon }) => {
     return (React__default["default"].createElement(StyledContainerNoPosts, { "data-theme": siteType },
         React__default["default"].createElement(StyledLeft, null,
             React__default["default"].createElement("img", { src: siteType === 'marryBaby'
-                    ? index$1.CommonGAssets.getAssetPath('navMBSpotlightBgNoData.svg')
-                    : index$1.CommonGAssets.getAssetPath('navSpotlightBgNoData.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
+                    ? index$5.CommonGAssets.getAssetPath('navMBSpotlightBgNoData.svg')
+                    : index$5.CommonGAssets.getAssetPath('navSpotlightBgNoData.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
             React__default["default"].createElement(StyledContentLeft, null, icon && React__default["default"].createElement("img", { src: icon, width: 64, height: 64, loading: "lazy" }))),
         React__default["default"].createElement("div", null,
             title && React__default["default"].createElement(StyledTitle$4, null, title),
             description && React__default["default"].createElement(StyledDescription, null, description),
             cta && (React__default["default"].createElement("div", null,
                 React__default["default"].createElement("a", { href: link },
-                    React__default["default"].createElement(index$6.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
+                    React__default["default"].createElement(index$9.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
 };
 
 const StyledItemGridRight = styled__default["default"].div `
@@ -694,17 +800,17 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(StyledItemGridRight, null,
         React__default["default"].createElement(StyledHeading, null,
-            React__default["default"].createElement(index$4.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
+            React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
             viewMore && (React__default["default"].createElement(StyledViewMore, { "data-event-category": "Hamburger Navigation", "data-event-action": dataEventAction, "data-event-label": link, href: link, "data-theme": siteType },
                 viewMore,
                 React__default["default"].createElement("img", { src: siteType === 'marryBaby'
-                        ? index$1.CommonGAssets.getAssetPath('chevronRightPink.svg')
-                        : index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))),
+                        ? index$5.CommonGAssets.getAssetPath('chevronRightPink.svg')
+                        : index$5.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))),
         children));
 };
 
 const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightHospitals') }, spotlights.length !== 0 ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(StyledContainerItems$5, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 3).map((s, index) => (React__default["default"].createElement(Item$4, { key: index, index: index, item: s })))),
@@ -714,7 +820,7 @@ const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
                 right: '1rem',
             } },
             React__default["default"].createElement("a", { href: hrefViewMore },
-                React__default["default"].createElement(index$6.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$1.CommonGAssets.getAssetPath('community.svg') }))));
+                React__default["default"].createElement(index$9.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$5.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems$4 = styled__default["default"].div `
@@ -781,14 +887,14 @@ const Item$3 = ({ item, index = 0 }) => {
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["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["default"].createElement(StyledContainerItems$4, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((spotlight, index) => (React__default["default"].createElement(Item$3, { key: index, index: index, item: {
             id: spotlight.id,
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
-        } }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$1.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+        } }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const StyledContainerItems$3 = styled__default["default"].div `
@@ -926,7 +1032,7 @@ const Item$2 = ({ post, index = 0 }) => {
     return (React__default["default"].createElement(StyledItem$3, { href: postUrl, "data-event-category": "Hamburger Navigation", "data-event-action": `Together Click ${index + 1}`, "data-event-label": postUrl },
         React__default["default"].createElement(StyledContent$1, null,
             React__default["default"].createElement(StyledInfoUser, null,
-                React__default["default"].createElement(index$7.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
+                React__default["default"].createElement(index$a.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
                 React__default["default"].createElement(StyledWrapInfo, null,
                     React__default["default"].createElement(StyledName, { "data-theme": siteType }, (_e = post.author) === null || _e === void 0 ? void 0 : _e.name),
                     React__default["default"].createElement(StyledInfo, null,
@@ -942,8 +1048,8 @@ const Item$2 = ({ post, index = 0 }) => {
 
 const CommunitySpotlights = ({ spotlights = [] }) => {
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.useTranslations();
-    return (React__default["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__default["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__default["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__default["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$1.CommonGAssets.getAssetPath('community.svg') }))));
+    const { t } = index$1.useTranslations();
+    return (React__default["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__default["default"].createElement(StyledContainerItems$3, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__default["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__default["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$5.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems$2 = styled__default["default"].div `
@@ -963,18 +1069,18 @@ const StyledItem$2 = styled__default["default"].a `
   align-items: center;
 `;
 
-const Item$1 = ({ item, index: index$2 = 0 }) => {
+const Item$1 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    return (React__default["default"].createElement(StyledItem$2, { href: item.url, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index$2 + 1}`, "data-event-label": item.url },
+    return (React__default["default"].createElement(StyledItem$2, { href: item.url, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index + 1}`, "data-event-label": item.url },
         React__default["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.featuredImage || '/images/avatar.jpg', style: {
                 width: '40px',
                 height: '40px',
             } }),
-        React__default["default"].createElement(index.Text, { size: "p2", weight: "regular", style: {
+        React__default["default"].createElement(index$4.Text, { size: "p2", weight: "regular", style: {
                 marginLeft: 16,
             } }, item.name),
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
+        React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: {
                 width: '20px',
                 height: '20px',
                 marginLeft: 'auto',
@@ -982,7 +1088,7 @@ const Item$1 = ({ item, index: index$2 = 0 }) => {
 };
 
 const EcomSpotlights = ({ helpfulUrls = [], }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     // const { siteType } = useContext(NavigationContext)
     if (!helpfulUrls.length)
         return null;
@@ -1128,7 +1234,7 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 `;
 
 const Item = ({ item, index = 0 }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
@@ -1139,7 +1245,7 @@ const Item = ({ item, index = 0 }) => {
         : undefined;
     return (React__default["default"].createElement(StyledItem$1, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link },
         item.isMobileAppTool && React__default["default"].createElement(Phone, { size: 20, className: "phone-badge" }),
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
+        React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('navToolCardBg.svg'), alt: "", loading: "lazy", className: "bg-svg" }),
         React__default["default"].createElement(StyledContentWrapper$1, null,
             React__default["default"].createElement(StyledTitle$1, null, item.title),
             React__default["default"].createElement(StyledDes$1, null, item.subtitle),
@@ -1360,7 +1466,7 @@ const StyledWrapName = styled__default["default"].div `
 `;
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     if (!item)
         return null;
@@ -1377,7 +1483,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
             React__default["default"].createElement(StyledDes, null, item.subtitle)),
         React__default["default"].createElement(StyledBtnView, null,
             React__default["default"].createElement("div", { className: "mobile-only" }, t('home.seeMore')),
-            React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('arrowRightGray.svg'), style: {
+            React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('arrowRightGray.svg'), style: {
                     width: '12px',
                     height: '12px',
                     marginTop: '2px',
@@ -1386,7 +1492,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
     return (React__default["default"].createElement(StyledItem, { href: link, "data-event-category": "Hamburger Navigation", "data-event-action": `Engage Click ${index + 1}`, "data-event-label": link, "data-color": color },
         React__default["default"].createElement("svg", { className: "bg-svg", width: "74", height: "121", viewBox: "0 0 74 121", fill: "none" },
             React__default["default"].createElement("path", { d: "M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z", strokeWidth: "0" })),
-        React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navMBCardDotBg.svg'), className: "dot-svg", loading: "lazy", alt: "" }),
+        React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('navMBCardDotBg.svg'), className: "dot-svg", loading: "lazy", alt: "" }),
         React__default["default"].createElement(StyledContentWrapper, null,
             React__default["default"].createElement("div", { className: "mobile-only" }, renderIcon()),
             React__default["default"].createElement("div", { className: "desktop-only" }, renderName())),
@@ -1395,12 +1501,12 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
 };
 
 const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const marryBabyCardColor = ['pink', 'orange', 'green'];
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightTools') },
         spotlightHealthTools.length !== 0 && (React__default["default"].createElement(StyledContainerItems$1, null, spotlightHealthTools === null || spotlightHealthTools === void 0 ? void 0 : spotlightHealthTools.slice(0, 3).map((item, index) => siteType === 'marryBaby' ? (React__default["default"].createElement(ItemMarryBaby, { key: index, index: index, item: item, color: marryBabyCardColor[index] })) : (React__default["default"].createElement(Item, { key: index, index: index, item: item }))))),
-        spotlightHealthTools.length === 0 && (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.healthTools.noDatas.title'), description: t('home.navigator.menu.healthTools.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.healthTools.noDatas.cta'), icon: index$1.CommonGAssets.getAssetPath('community.svg') }))));
+        spotlightHealthTools.length === 0 && (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.healthTools.noDatas.title'), description: t('home.navigator.menu.healthTools.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.healthTools.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems = styled__default["default"].div `
@@ -1415,22 +1521,22 @@ const StyledContainerItems = styled__default["default"].div `
 `;
 
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__default["default"].createElement(StyledContainerItems, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__default["default"].createElement(index$5.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$8.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', redirectToLandingPage: true, dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$1.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__default["default"].createElement(StyledContainerItems, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__default["default"].createElement(index$8.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$b.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', redirectToLandingPage: true, dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
     var _a, _b;
     const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, customClasses, } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     return (React__default["default"].createElement(StyledMasterMenuContainer, { className: customClasses.categoriesMenu, id: "categories-menu" },
         !isHomepage && (React__default["default"].createElement(StyleWrapperSearch, null,
             React__default["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: false, isRedirectSearchPage: true }))),
         React__default["default"].createElement(StyledWrapper, null,
             React__default["default"].createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             activeMenuService === 'categories' && (React__default["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["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$9.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
+            activeMenuService === 'tools' && (React__default["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__default["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__default["default"].createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__default["default"].createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })),
@@ -1658,7 +1764,7 @@ const StyledWrapMenuItems = styled__default["default"].div `
 const StyleWrapperNavigtionSearch = styled__default["default"].div `
   padding: 0 16px 6px;
 `;
-const StyleButtonAiChat = styled__default["default"](index$a.Button) `
+const StyleButtonAiChat = styled__default["default"](index$2.Button) `
   border-radius: 28px;
   border: 1px solid ${miscTheme.theme.colors.neutral200};
   &.ai-doctor-btn {
@@ -1677,103 +1783,6 @@ const StyleButtonAiChat = styled__default["default"](index$a.Button) `
   }
 `;
 
-const StyleInput = styled__default["default"](index$b.Input) `
-  .mantine-Input-input {
-    border-radius: 40px;
-    background: ${miscTheme.theme.colors.white};
-    border: 1px solid ${miscTheme.theme.colors.blue200};
-
-    &:focus {
-      border: 1px solid ${miscTheme.theme.colors.primaryBase};
-    }
-  }
-
-  .close-icon-wrapper {
-    display: flex;
-    background-color: ${miscTheme.theme.colors.gray400};
-    border-radius: 100%;
-    cursor: pointer;
-
-    svg {
-      pointer-events: none;
-    }
-  }
-
-  .search-icon-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-`;
-
-const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
-    const { locale, configs: { statics }, siteType, } = React.useContext(navigationProfileButton.NavigationContext);
-    const [keyword, setKeyword] = React.useState('');
-    const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
-    const { t } = index$2.useTranslations();
-    const goToSearchPage = (searchValue = '') => {
-        let sourceParam = '';
-        if (projectType === 'together') {
-            sourceParam = 'community';
-        }
-        if (projectType === 'discover') {
-            if (window.location.pathname.startsWith('/health-tools/')) {
-                sourceParam = 'health-tools';
-            }
-            else {
-                sourceParam = projectType;
-            }
-        }
-        const searchParams = new URLSearchParams(window.location.search);
-        searchParams.set('source', sourceParam);
-        searchParams.set('s', searchValue);
-        searchParams.delete('page');
-        window.location.href = `${statics.HOME_PAGE_URL}/search/?${searchParams.toString()}`;
-    };
-    React.useEffect(() => {
-        if (typeof window !== 'undefined') {
-            const url = new URL(window.location.href);
-            const params = new URLSearchParams(url.search);
-            const searchValue = params.get('s');
-            if (projectType === 'discover' &&
-                window.location.pathname.startsWith('/search/')) {
-                setEventCategoryTracking('Search Page');
-            }
-            setKeyword(searchValue);
-        }
-    }, []);
-    return isMobile && !isHomepage ? (React__default["default"].createElement(index$a.Button, { variant: "tertiary", style: {
-            padding: '6px',
-        }, size: "sm", onClick: () => {
-            goToSearchPage('');
-        } },
-        React__default["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["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["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: siteType === 'marryBaby'
-            ? t('navigation.search.input.placeholder')
-            : t('home.search', {
-                site: index$9.LOCALE_SPECS[locale || 'en-PH']
-                    ? index$9.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
-                    : '',
-            }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
-            goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
-            e.preventDefault();
-            if ((isMobile && isHomepage) || isRedirectSearchPage) {
-                goToSearchPage('');
-            }
-        }, rightSection: keyword ? (React__default["default"].createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
-            React__default["default"].createElement(core$1.Close, { size: 17, color: miscTheme.theme.colors.white }))) : (''), icon: React__default["default"].createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
-                if ((isMobile && isHomepage) || isRedirectSearchPage) {
-                    goToSearchPage('');
-                }
-            } },
-            React__default["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["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" }))) }));
-};
-
 const formatSponsor = (sponsor) => {
     if (!sponsor)
         return {};
@@ -1935,7 +1944,7 @@ const formatVideoItem = (data) => {
         videoId: data.video_id || '',
         url: data.video_url || '',
         title: data.video_title || '',
-        type: data.type || index$8.VideoType.VIDEO,
+        type: data.type || index$b.VideoType.VIDEO,
         totalView: data.total_view || 0,
         description: data.description || '',
         createTime: data.create_time || '',
@@ -1966,7 +1975,7 @@ const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseB
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
     var _a;
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { headingTitle: t('home.navigator.menuItem.specialties'), hrefViewMore: `${statics.CARE_URL_FE}/`, UrlFE: statics.CARE_URL_FE, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allSpecialties'), menuItems: (careSpecialties === null || careSpecialties === void 0 ? void 0 : careSpecialties.map((specialty) => {
@@ -1986,7 +1995,7 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
 };
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["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) => {
@@ -2002,7 +2011,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
 };
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["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) => {
@@ -2019,9 +2028,9 @@ const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [
 
 const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [], healthTools = [], }) => {
     var _a;
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$9.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
+    const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["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,
@@ -2037,18 +2046,18 @@ const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [
 };
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
     const listing = React.useMemo(() => [
         {
             name: t('home.navigator.menu.videos'),
             link: `${statics.VIDEO_URL_FE}/video/`,
-            thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/video.svg'),
+            thumbnail: index$5.CommonGAssets.getAssetPath('nav-icons/video.svg'),
         },
         {
             name: t('home.navigator.menu.shorts'),
             link: `${statics.VIDEO_URL_FE}/short/`,
-            thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/short.svg'),
+            thumbnail: index$5.CommonGAssets.getAssetPath('nav-icons/short.svg'),
         },
         // {
         //   name: t('home.navigator.menu.podcasts'),
@@ -2070,7 +2079,7 @@ styled__default["default"].div `
     grid-template-columns: 1fr;
   }
 `;
-const StyleButton = styled__default["default"](index$a.Button) `
+const StyleButton = styled__default["default"](index$2.Button) `
   border: 1px solid ${miscTheme.theme.colors.white} !important;
   .mantine-Button-leftIcon {
     width: 24px;
@@ -2178,7 +2187,7 @@ const MenuViewMore = ({ menuItems = [], isOpen, onClose }) => {
             React__default["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__default["default"].createElement(InitialDoctor, null) }, careNavItem.name))),
         enableAppIntroPage && (React__default["default"].createElement("a", { tabIndex: 0, href: "https://applink.hellobacsi.com/o9Q88rQh7Mb", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": `https://applink.hellobacsi.com/o9Q88rQh7Mb` },
             React__default["default"].createElement(StyleButton, { variant: "tertiary", leftIcon: React__default["default"].createElement(StyleWrapperIcon, null,
-                    React__default["default"].createElement(core$1.Logo, { width: 16, height: 15 })) }, `${index$9.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
+                    React__default["default"].createElement(core.Logo, { width: 16, height: 15 })) }, `${index$3.LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
 };
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
@@ -2215,7 +2224,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
-        ? (_a = index$9.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE
+        ? (_a = index$3.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = React.useCallback(throttle__default["default"](() => {
@@ -2265,14 +2274,14 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     React__default["default"].createElement("div", null,
                         React__default["default"].createElement(index$d.Logo, { style: {
                                 display: 'flex',
-                            }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
+                            }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$5.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
                 !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems, className: customClasses.navMenu })) : (enableSearchBar && (React__default["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
             React__default["default"].createElement(StyledRightGroup, { className: customClasses.rightGroup, "data-site-type": siteType },
                 !isMobile && siteType !== 'marryBaby' && (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems.filter((m) => m.id !== 'ecom' && m.id !== 'care'), originalMenuItems: menuItems, className: customClasses.navMenu })),
                 React__default["default"].createElement(StyledProfileNavGroup, null,
                     languageMenu,
-                    enableNavChatbotAi && (React__default["default"].createElement(core.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" },
-                        React__default["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = index$9.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
+                    enableNavChatbotAi && (React__default["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" },
+                        React__default["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = index$3.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
                             _b.SITE_NAME,
                             " AI"))),
                     slot,
@@ -2405,7 +2414,7 @@ const useInsider = () => {
 };
 
 const useNavServices = () => {
-    const { t } = index$2.useTranslations();
+    const { t } = index$1.useTranslations();
     const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableAppIntroPage, statics, }, } = React.useContext(navigationProfileButton.NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const enableNavViewMore = enableAppIntroPage || enableNavCare || enableNavEcom;
@@ -2419,8 +2428,8 @@ const useNavServices = () => {
                 link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/categories/`,
                 niceName: '',
                 thumbnail: isMarryBaby
-                    ? index$1.CommonGAssets.getAssetPath('categories-mb.svg')
-                    : index$1.CommonGAssets.getAssetPath('nav-icons/discover.svg'),
+                    ? index$5.CommonGAssets.getAssetPath('categories-mb.svg')
+                    : index$5.CommonGAssets.getAssetPath('nav-icons/discover.svg'),
                 popupType: 'categories',
             });
         enableNavVideo &&
@@ -2429,17 +2438,17 @@ const useNavServices = () => {
                 id: 'video',
                 link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/videos/`,
                 niceName: '',
-                thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/video.svg'),
+                thumbnail: index$5.CommonGAssets.getAssetPath('nav-icons/video.svg'),
                 popupType: 'video',
             });
         enableNavHealthTools &&
             _services.push({
                 name: t('home.navigator.menuItem.healthTools'),
                 id: 'tools',
-                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$9.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
+                link: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`,
                 thumbnail: isMarryBaby
-                    ? index$1.CommonGAssets.getAssetPath('healthtools-mb.svg')
-                    : index$1.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
+                    ? index$5.CommonGAssets.getAssetPath('healthtools-mb.svg')
+                    : index$5.CommonGAssets.getAssetPath('nav-icons/health-tools.svg'),
                 popupType: 'tools',
             });
         enableNavTogether &&
@@ -2448,8 +2457,8 @@ const useNavServices = () => {
                 id: 'together',
                 link: normalizeLink.normalizeLinkSlash(statics.TOGETHER_URL_FE + '/'),
                 thumbnail: isMarryBaby
-                    ? index$1.CommonGAssets.getAssetPath('community-mb.svg')
-                    : index$1.CommonGAssets.getAssetPath('nav-icons/community.svg'),
+                    ? index$5.CommonGAssets.getAssetPath('community-mb.svg')
+                    : index$5.CommonGAssets.getAssetPath('nav-icons/community.svg'),
                 popupType: 'together',
             });
         enableNavEcom &&
@@ -2457,7 +2466,7 @@ const useNavServices = () => {
                 name: t('home.navigator.menuItem.helloEcom'),
                 id: 'ecom',
                 link: normalizeLink.normalizeLinkSlash(statics.HOME_PAGE_URL + '/shop'),
-                thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/shop.svg'),
+                thumbnail: index$5.CommonGAssets.getAssetPath('nav-icons/shop.svg'),
                 popupType: null,
             });
         enableNavCare &&
@@ -2465,7 +2474,7 @@ const useNavServices = () => {
                 name: t('home.navigator.menuItem.helloCare'),
                 id: 'care',
                 link: normalizeLink.normalizeLinkSlash(statics.HOME_PAGE_URL + '/care'),
-                thumbnail: index$1.CommonGAssets.getAssetPath('nav-icons/care.svg'),
+                thumbnail: index$5.CommonGAssets.getAssetPath('nav-icons/care.svg'),
                 popupType: locale === 'id-ID' ? 'care' : null,
             });
         enableNavViewMore &&
@@ -2532,7 +2541,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default["default"].createElement("section", { ref: headerRef },
-            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__default["default"].createElement(index$5.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
+            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__default["default"].createElement(index$8.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);
@@ -2567,7 +2576,7 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
             };
         }
         catch (_1) { }
-        if (isMarryBaby || index$9.TOGETHER_LOCALES.includes(locale)) {
+        if (isMarryBaby || index$3.TOGETHER_LOCALES.includes(locale)) {
             try {
                 const [communities, spotlightPosts] = yield Promise.all([
                     fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getTogetherApiDomain()}/api/v1/community?website_url=https://${constantsDomainLocales.domainLocales[locale]}`)).then((res) => res.json()),
@@ -2580,7 +2589,7 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
             }
             catch (_2) { }
         }
-        if (index$9.CARE_LOCALES.includes(locale)) {
+        if (index$3.CARE_LOCALES.includes(locale)) {
             try {
                 const [specialties, hospitals] = yield Promise.all([
                     fetch(normalizeLink.normalizeLinkSlash(normalizeLink.getCareApiDomain() +
@@ -2605,6 +2614,7 @@ const getNavMenuContentWithCache = (locale) => tslib_es6.__awaiter(void 0, void
     return (yield core$2.getDataWithCache('nav-menu-content', () => getNavMenuContent(locale || 'en-PH'), (data) => { var _a, _b; return !!((_b = (_a = data === null || data === void 0 ? void 0 : data.categories) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length); })) || {};
 });
 
+exports.HHG_SEARCH_BACK_KEY = HHG_SEARCH_BACK_KEY;
 exports.NavigationV2 = NavigationV2;
 exports.getNavMenuContent = getNavMenuContent;
 exports.getNavMenuContentWithCache = getNavMenuContentWithCache;