@hhgtech/hhg-components 1.29.367 → 1.29.369-beta-1

package/build/{index-5bbe6da7.js → index-9e3bc9aa.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-d8f99427.js');
-var index$1 = require('./index-989eb0df.js');
+var index = require('./index-a6b0bfd8.js');
+var index$1 = require('./index-5a928f8c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-82dbbfa2.js → index-a4426cc6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-fe4ec033.js');
+var translationsContext = require('./translationsContext-476cde4e.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-d950d2f2.js → index-a5f9dcc5.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
-var index = require('./index-0905873a.js');
+var index = require('./index-776f54d2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d8f99427.js → index-a6b0bfd8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-eab97524.js → index-a9717f36.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
 var core = require('@mantine/core');
-var other = require('./other-5fb38535.js');
+var other = require('./other-0108fca8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d45f9143.js → index-ad4b0633.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
-var index$9 = require('./index-30902c03.js');
-var index$7 = require('./index-3d800867.js');
-var index$2 = require('./index-e74337a4.js');
-var normalizeLink = require('./normalizeLink-474417bf.js');
-var dataTransform = require('./dataTransform-d50933fc.js');
+var index$9 = require('./index-90bfd9fc.js');
+var index$7 = require('./index-b93919db.js');
+var index$2 = require('./index-8cb5751d.js');
+var normalizeLink = require('./normalizeLink-c9631ba6.js');
+var dataTransform = require('./dataTransform-0a83f209.js');
 var core$1 = require('@hhgtech/icons/core');
+var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$d = require('./index-0f221c92.js');
-var index$4 = require('./index-82dbbfa2.js');
+var index$d = require('./index-b024f10f.js');
+var index$4 = require('./index-a4426cc6.js');
 var throttle = require('lodash/throttle');
-var index$c = require('./index-49ee3f02.js');
+var index$c = require('./index-7dcdc8c5.js');
 require('@mantine/dates');
-var index$3 = require('./index-7bfc73a2.js');
-require('./useMantineLocale-40d86e3e.js');
-var index = require('./index-eab97524.js');
-var index$b = require('./index-0905873a.js');
-require('./index.styles-fd640cc7.js');
-require('./translationsContext-fe4ec033.js');
+var index$3 = require('./index-3961bc49.js');
+require('./useMantineLocale-2d5cdb74.js');
+var index = require('./index-a9717f36.js');
+var index$a = require('./index-776f54d2.js');
+require('./index.styles-eccbfb9d.js');
+require('./translationsContext-476cde4e.js');
 require('@mantine/hooks');
-var utils = require('./utils-7ceb272c.js');
-require('./other-5fb38535.js');
-require('./index-09630310.js');
-var constants = require('./constants-f12cecdc.js');
+var utils = require('./utils-5fa7ec2e.js');
+require('./other-0108fca8.js');
+require('./index-0e33107b.js');
+var constants = require('./constants-2ae8a507.js');
 var styled = require('@emotion/styled');
-var navigationProfileButton = require('./index-e9ae6967.js');
-var store = require('./store-2654a0a3.js');
-var index$1 = require('./index-d950d2f2.js');
-var togetherComponentGlobalContext = require('./utils-966e5124.js');
+var navigationProfileButton = require('./index-683b72d9.js');
+var store = require('./store-b63da343.js');
+var index$1 = require('./index-a5f9dcc5.js');
+var togetherComponentGlobalContext = require('./utils-f9be611f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var constants$1 = require('./constants-8c0fa3d8.js');
+var constants$1 = require('./constants-e428740b.js');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-5e85713a.js');
-var index$5 = require('./index-25f424ba.js');
-var useIsInit = require('./useIsInit-d90f6e2b.js');
+var index$6 = require('./index-01f63c83.js');
+var index$5 = require('./index-2f8a31c3.js');
+var useIsInit = require('./useIsInit-5b26f631.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-0e7c3b7b.js');
-var other = require('@hhgtech/icons/other');
+var index$8 = require('./index-24f79713.js');
 var formatString = require('string-format');
-var index$a = require('./index-a6920a92.js');
-var Locale = require('./Locale-86ffe150.js');
+var index$b = require('./index-bfebdd2c.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-8716c309.js');
+var Locale = require('./Locale-648438ba.js');
+var core$2 = require('./core-8c21e77e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -240,11 +240,10 @@ function HamburgerIcon({ siteType, enableSearch, className }) {
         React__default["default"].createElement("path", { d: "M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9", fill: "#3E3F58" })));
 }
 
-// import { StyledMenuPopupWrapperClass } from '../../atoms/PopupWrapper/index.styled'
 const StyledMasterMenuContainer = styled__default["default"].div `
   position: fixed;
   z-index: 201;
-  top: calc(100% + 1px);
+  top: calc(100% - 1px);
   width: 100%;
   height: calc(100vh - var(--header-bottom));
   overflow-x: hidden;
@@ -258,20 +257,6 @@ const StyledMasterMenuContainer = styled__default["default"].div `
     position: unset;
   }
 `;
-// Desktop
-// export const StyledMenuPopupWrapper = styled.div`
-//   position: fixed;
-//   z-index: ${Z_INDEX.menuCategoryPopupWrapper};
-//   top: 69px;
-//   left: 0;
-//   width: 100%;
-//   height: 100%;
-//   align-items: center;
-//   background-color: transparent;
-//   &[data-is-display='false'] {
-//     display: none;
-//   }
-// `
 styled__default["default"].div `
   padding: 16px;
   padding-bottom: 12px;
@@ -300,6 +285,9 @@ const StyledWrapper = styled__default["default"].div `
     width: 0;
     display: none;
   }
+`;
+const StyleWrapperSearch = styled__default["default"].div `
+  padding: 0 16px;
 `;
 
 const Phone = (_a) => {
@@ -310,7 +298,6 @@ const Phone = (_a) => {
 
 const StyledItemGridLeft = styled__default["default"].div `
   padding-right: 1rem;
-  margin-top: 10px;
   background: #ffffff;
   padding: 5px 15px;
   ${utils.MediaQueries.mbUp} {
@@ -1553,13 +1540,13 @@ const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     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$7.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$9.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$3.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
-const MenuServiceList = ({ closePopup, menuItems = [] }) => {
+const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
     var _a, _b;
-    const { 
-    // siteType,
-    ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, } = React.useContext(NavigationContext);
+    const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, } = React.useContext(NavigationContext);
     const { t } = index$4.useTranslations();
     return (React__default["default"].createElement(StyledMasterMenuContainer, { 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/` })),
@@ -1570,10 +1557,8 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
             activeMenuService === 'video' && (React__default["default"].createElement(VideoSpotlights, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights, layout: "stack" })))));
 };
 
-const HamburgerMenu = ({ menuItems }) => {
-    const { siteType,
-    // configs: { enableSearchBar },
-     } = React.useContext(NavigationContext);
+const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
+    const { siteType } = React.useContext(NavigationContext);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = navigationProfileButton.useCSSFocusPopupHelper();
     return (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
         React__default["default"].createElement("header", { className: styles$2.menuContainer },
@@ -1581,7 +1566,7 @@ const HamburgerMenu = ({ menuItems }) => {
                 React__default["default"].createElement("div", { className: styles$2.menuIconWrapper, onMouseDown: onButtonMouseDown, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": "Hamburger Navigation URL" },
                     React__default["default"].createElement(ClosePopupIcon, { className: "mobile-close-icon" }),
                     React__default["default"].createElement(HamburgerIcon, { siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon" })),
-                React__default["default"].createElement(MenuServiceList, { menuItems: menuItems, closePopup: onClose })))));
+                React__default["default"].createElement(MenuServiceList, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
 };
 
 const TOGETHER_PATHS = {
@@ -1768,6 +1753,13 @@ const StyledProfileNavGroup = styled__default["default"].div `
     margin-left: 0;
     gap: 8px;
   }
+
+  .ai-doctor-nav-item {
+    .ai-doctor-btn {
+      border-radius: 28px;
+      border: 1px solid ${miscTheme.theme.colors.neutral200};
+    }
+  }
 `;
 const StyledWrapMenuItems = styled__default["default"].div `
   display: flex;
@@ -1778,7 +1770,19 @@ const StyledWrapMenuItems = styled__default["default"].div `
   }
 `;
 const StyleWrapperNavigtionSearch = styled__default["default"].div `
-  padding: 0 12px 6px;
+  padding: 0 16px 6px;
+`;
+const StyleButtonAiChat = styled__default["default"](index$a.Button) `
+  border-radius: 28px;
+  border: 1px solid ${miscTheme.theme.colors.neutral200};
+  ${utils.MediaQueries.mbDown} {
+    padding: 0px 12px 0px 10px;
+    height: 36px;
+    color: ${miscTheme.theme.colors.gray900};
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 22px;
+  }
 `;
 
 const InitialCart = () => (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "512", height: "512", style: {
@@ -2034,10 +2038,10 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, }) => {
     return (React__default["default"].createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__default["default"].createElement(index$a.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
+        React__default["default"].createElement(index$b.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
             !hideCloseBtn && (React__default["default"].createElement("div", { className: styles.container },
                 React__default["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
-            React__default["default"].createElement(index$a.Container, { className: styles.gridContainer }, children))));
+            React__default["default"].createElement(index$b.Container, { className: styles.gridContainer }, children))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -2153,7 +2157,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-9a0a1198.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-df682ad0.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2183,7 +2187,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 background: 'transparent',
             };
     return (React__default["default"].createElement(Tag, { tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.itemNavButton, ref: containerRef },
-        React__default["default"].createElement(index$b.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
+        React__default["default"].createElement(index$a.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
                     width: 28,
                     height: 28,
                 } })) : (React__default["default"].createElement("a", { href: normalizeLink.normalizeLinkSlash(item.link + '/') },
@@ -2239,7 +2243,7 @@ const StyleInput = styled__default["default"](index$c.Input) `
   }
 `;
 
-const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, }) => {
+const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
     const { locale, configs: { statics }, siteType, } = React.useContext(NavigationContext);
     const [keyword, setKeyword] = React.useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
@@ -2275,7 +2279,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, })
             setKeyword(searchValue);
         }
     }, []);
-    return isMobile && !isHomepage ? (React__default["default"].createElement(index$b.Button, { variant: "tertiary", style: {
+    return isMobile && !isHomepage ? (React__default["default"].createElement(index$a.Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: () => {
             goToSearchPage('');
@@ -2292,12 +2296,12 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, })
             }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
             goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
             e.preventDefault();
-            if (isMobile && isHomepage) {
+            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) {
+                if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
             } },
@@ -2308,10 +2312,10 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, })
 };
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, }) => {
-    var _a;
+    var _a, _b;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
-    configs: { statics, enableNavCareBooking, enableSearchBar,
+    configs: { statics, enableNavCareBooking, enableSearchBar, enableNavChatbotAi, enableAppIntroPage,
     // enableNavVideo,
     // enableNavCare,
     // enableProfileMyHealth,
@@ -2325,7 +2329,6 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const { t } = index$4.useTranslations();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
-    const enableAppIntroPage = React.useMemo(() => locale === Locale.LOCALE.Vietnam && siteType === 'helloSites', [locale]);
     const [isCollapsed, setIsCollapsed] = React.useState(false);
     const scrollY = React.useRef(47);
     const headerRef = React.useRef(null);
@@ -2384,7 +2387,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
         sitewideBanner,
         React__default["default"].createElement(StyledHeader, { "data-site-type": siteType },
             React__default["default"].createElement(StyledLeftGroup, { "data-site-type": siteType },
-                isMobile && React__default["default"].createElement(HamburgerMenu, { menuItems: menuItems }),
+                isMobile && (React__default["default"].createElement(HamburgerMenu, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__default["default"].createElement("a", { style: {
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
@@ -2395,9 +2398,6 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems })) : (enableSearchBar && (React__default["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
             React__default["default"].createElement(StyledRightGroup, { "data-site-type": siteType },
                 !isMobile && siteType !== 'marryBaby' && (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems.filter((m) => m.id !== 'ecom' && m.id !== 'care') })),
-                (isMobile || siteType === 'marryBaby') &&
-                    enableSearchBar &&
-                    !isHomepage && (React__default["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })),
                 React__default["default"].createElement(StyledProfileNavGroup, null,
                     !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null,
                         ecomNavItem ? (React__default["default"].createElement(ItemNavButton, { item: ecomNavItem, color: 'transparent' })) : null,
@@ -2408,8 +2408,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                             [theme.fn.largerThan('sm')]: {
                                 order: 10,
                             },
-                        }) },
-                        React__default["default"].createElement(index$b.Button, { variant: "primary", size: isMobile ? 'sm' : 'md', leftIcon: React__default["default"].createElement(core$1.Download, { size: 20, color: "currentColor" }), styles: (theme) => ({
+                        }), className: "download-app-nav-item" },
+                        React__default["default"].createElement(index$a.Button, { variant: "primary", size: isMobile ? 'sm' : 'md', leftIcon: React__default["default"].createElement(core$1.Download, { size: 20, color: "currentColor" }), styles: (theme) => ({
                                 root: {
                                     [theme.fn.smallerThan('sm')]: {
                                         paddingLeft: 8,
@@ -2425,6 +2425,10 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                             ? 'home.navigator.app'
                             : 'home.navigator.downloadApp')))),
                     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$2.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
+                            _b.SITE_NAME,
+                            " AI"))),
                     React__default["default"].createElement(navigationProfileButton.NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
                         // SSO_URL={normalizeLink(statics.SSO_URL)}
                         currentUrl: currentUrl, onLogout: onLogout, isLoading: isUserLoading, locale: locale, enableAppIntroPage: enableAppIntroPage, isMobile: isMobile }),
@@ -2449,8 +2453,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : null,
         subHead && subHead));
 };
-const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, }) => (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
-    React__default["default"].createElement(SearchInput, { id: "desktop", projectType: projectType, isMobile: isMobile, isHomepage: isHomepage })));
+const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, }) => (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
+    React__default["default"].createElement(SearchInput, { id: "desktop", projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, isRedirectSearchPage: isRedirectSearchPage })));
 const NavigationMenu = ({ menuItems }) => {
     const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", style: { height: '100%' } },
@@ -2643,9 +2647,6 @@ const StyledContainer = styled__default["default"].div `
     --amp-site-wide-closed: 66px;
   }
   pointer-events: none;
-  > section *:not([data-cart-menu] *) {
-    pointer-events: auto;
-  }
 `;
 
 const _NavigationV2 = (props) => {

package/build/{index-0f221c92.js → index-b024f10f.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-86ffe150.js');
-var index = require('./index-7bfc73a2.js');
+var Locale = require('./Locale-648438ba.js');
+var index = require('./index-3961bc49.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-7ceb272c.js');
-var logoIcon = require('./logoIcon-2d46e4bd.js');
-require('./index-30902c03.js');
-var useScreenSize = require('./useScreenSize-120080ee.js');
+var utils = require('./utils-5fa7ec2e.js');
+var logoIcon = require('./logoIcon-14c4d93f.js');
+require('./index-90bfd9fc.js');
+var useScreenSize = require('./useScreenSize-7e52c554.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9f50e0b0.js → index-b50bf826.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-8622b4ca.js');
-var constants = require('./constants-36e1f4de.js');
-var index$2 = require('./index-178d008e.js');
-var index$3 = require('./index-49ee3f02.js');
+var useHealthToolCache = require('./useHealthToolCache-7e49ede9.js');
+var constants = require('./constants-d801ede7.js');
+var index$2 = require('./index-da25cceb.js');
+var index$3 = require('./index-7dcdc8c5.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-e74337a4.js');
-require('./index-30902c03.js');
-require('./index-7bfc73a2.js');
-require('./useMantineLocale-40d86e3e.js');
-var index$4 = require('./index-eab97524.js');
-require('./index-0905873a.js');
+require('./index-8cb5751d.js');
+require('./index-90bfd9fc.js');
+require('./index-3961bc49.js');
+require('./useMantineLocale-2d5cdb74.js');
+var index$4 = require('./index-a9717f36.js');
+require('./index-776f54d2.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-fd640cc7.js');
-var index = require('./index-82dbbfa2.js');
+require('./index.styles-eccbfb9d.js');
+var index = require('./index-a4426cc6.js');
 require('@mantine/hooks');
-require('./utils-7ceb272c.js');
-require('./other-5fb38535.js');
-require('./index-09630310.js');
-var index$1 = require('./index-1fa3e793.js');
+require('./utils-5fa7ec2e.js');
+require('./other-0108fca8.js');
+require('./index-0e33107b.js');
+var index$1 = require('./index-672ce628.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
 

package/build/{index-100649c8.js → index-b82f8632.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-7ceb272c.js');
+var utils = require('./utils-5fa7ec2e.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-0b55b4d6.js');
-var index = require('./index-eab97524.js');
+var animation = require('./animation-504b9b97.js');
+var index = require('./index-a9717f36.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3d800867.js → index-b93919db.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-49ee3f02.js');
+var index$2 = require('./index-7dcdc8c5.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-eab97524.js');
-var index$1 = require('./index-7bfc73a2.js');
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
-var index$7 = require('./index-e74337a4.js');
-var index$5 = require('./index-30902c03.js');
+var index = require('./index-a9717f36.js');
+var index$1 = require('./index-3961bc49.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
+var index$7 = require('./index-8cb5751d.js');
+var index$5 = require('./index-90bfd9fc.js');
 var core = require('@mantine/core');
-var number = require('./number-7e2345b8.js');
-var index$3 = require('./index-82dbbfa2.js');
+var number = require('./number-34e43412.js');
+var index$3 = require('./index-a4426cc6.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-134e6a79.js');
-var index$6 = require('./index-9744567e.js');
+var index$4 = require('./index-3975d832.js');
+var index$6 = require('./index-e2533715.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-643f5968.js → index-b9a4e679.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-091758f3.js');
+var index = require('./index-0fb47027.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-001e3aab.js → index-bfc95bf2.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-d950d2f2.js');
-var togetherComponentGlobalContext = require('./utils-966e5124.js');
+var index = require('./index-a5f9dcc5.js');
+var togetherComponentGlobalContext = require('./utils-f9be611f.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-d87764dc.js → index-c1db29db.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-49ee3f02.js');
-var index$3 = require('./index-e40c548c.js');
-require('./index-eab97524.js');
-require('./index-0905873a.js');
-require('./index.styles-fd640cc7.js');
-var index = require('./index-82dbbfa2.js');
+require('./index-7dcdc8c5.js');
+var index$3 = require('./index-ce149e65.js');
+require('./index-a9717f36.js');
+require('./index-776f54d2.js');
+require('./index.styles-eccbfb9d.js');
+var index = require('./index-a4426cc6.js');
 require('@mantine/hooks');
-require('./useMantineLocale-40d86e3e.js');
-require('./index-30902c03.js');
-require('./index-7bfc73a2.js');
-require('./utils-7ceb272c.js');
-require('./index-e74337a4.js');
-require('./other-5fb38535.js');
-require('./index-09630310.js');
-var index$1 = require('./index-1fa3e793.js');
-var index$2 = require('./index-178d008e.js');
+require('./useMantineLocale-2d5cdb74.js');
+require('./index-90bfd9fc.js');
+require('./index-3961bc49.js');
+require('./utils-5fa7ec2e.js');
+require('./index-8cb5751d.js');
+require('./other-0108fca8.js');
+require('./index-0e33107b.js');
+var index$1 = require('./index-672ce628.js');
+var index$2 = require('./index-da25cceb.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e40c548c.js → index-ce149e65.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-285f11e2.js');
+var tslib_es6 = require('./tslib.es6-0a1efaa5.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-e74337a4.js');
-require('./index-30902c03.js');
-var index$1 = require('./index-7bfc73a2.js');
-var useMantineLocale = require('./useMantineLocale-40d86e3e.js');
-var Locale = require('./Locale-86ffe150.js');
+var index = require('./index-8cb5751d.js');
+require('./index-90bfd9fc.js');
+var index$1 = require('./index-3961bc49.js');
+var useMantineLocale = require('./useMantineLocale-2d5cdb74.js');
+var Locale = require('./Locale-648438ba.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }