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

package/build/{index-7c618a2b.js → index-3a4449e3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-161ffd62.js');
+var tslib_es6 = require('./tslib.es6-9dadba49.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index = require('./index-a11d7511.js');
-var index$1 = require('./index-5f610700.js');
+var index = require('./index-c35fd147.js');
+var index$1 = require('./index-7614d9bd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7e9007fe.js → index-3cac6f29.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-d7a91775.js');
-var utils = require('./utils-b661fe90.js');
-var index = require('./index-c8d45f71.js');
-var togetherComponentGlobalContext = require('./utils-7c83a93f.js');
+var index$2 = require('./index-9f1b20a4.js');
+var utils = require('./utils-0a613d40.js');
+var index = require('./index-cb1cce0f.js');
+var togetherComponentGlobalContext = require('./utils-11ddac2e.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-5f610700.js');
+var index$1 = require('./index-7614d9bd.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-161ffd62.js');
+var tslib_es6 = require('./tslib.es6-9dadba49.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-df3f38e3.js → index-46b147c1.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-161ffd62.js');
+var tslib_es6 = require('./tslib.es6-9dadba49.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-75efdcdb.js');
-var index$3 = require('./index-719dfba2.js');
-require('./index-5f610700.js');
-require('./index-a11d7511.js');
-require('./index.styles-4824611d.js');
-var index = require('./index-c8d45f71.js');
+require('./index-0a4fd7ba.js');
+var index$3 = require('./index-0b5713f1.js');
+require('./index-7614d9bd.js');
+require('./index-c35fd147.js');
+require('./index.styles-248e239b.js');
+var index = require('./index-cb1cce0f.js');
 require('@mantine/hooks');
-require('./useMantineLocale-e7d58f76.js');
-require('./index-f4b38d5b.js');
-require('./index-d4ab6746.js');
-require('./utils-b661fe90.js');
-require('./index-b096d208.js');
-require('./other-235e6191.js');
-require('./index-7c618a2b.js');
-var index$1 = require('./index-59d52390.js');
-var index$2 = require('./index-45f3dc7e.js');
+require('./useMantineLocale-49173999.js');
+require('./index-9484bdb7.js');
+require('./index-20825409.js');
+require('./utils-0a613d40.js');
+require('./index-2784aef4.js');
+require('./other-ef968661.js');
+require('./index-3a4449e3.js');
+var index$1 = require('./index-f12bb349.js');
+var index$2 = require('./index-bd7482d9.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e720f807.js → index-47b536f8.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-161ffd62.js');
+var tslib_es6 = require('./tslib.es6-9dadba49.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-45ec0a87.js');
-var index = require('./index-c8d45f71.js');
+var index$8 = require('./index-cbe8aacd.js');
+var index = require('./index-cb1cce0f.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-75efdcdb.js');
+var index$5 = require('./index-0a4fd7ba.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-b096d208.js');
-require('./index-f4b38d5b.js');
-require('./index-d4ab6746.js');
-require('./useMantineLocale-e7d58f76.js');
-var index$2 = require('./index-5f610700.js');
-var index$1 = require('./index-a11d7511.js');
-require('./index.styles-4824611d.js');
+require('./index-2784aef4.js');
+require('./index-9484bdb7.js');
+require('./index-20825409.js');
+require('./useMantineLocale-49173999.js');
+var index$2 = require('./index-7614d9bd.js');
+var index$1 = require('./index-c35fd147.js');
+require('./index.styles-248e239b.js');
 require('@mantine/hooks');
-var utils = require('./utils-b661fe90.js');
-require('./other-235e6191.js');
-require('./index-7c618a2b.js');
-var index$3 = require('./index-bff7d7d4.js');
-var togetherComponentGlobalContext = require('./utils-7c83a93f.js');
+var utils = require('./utils-0a613d40.js');
+require('./other-ef968661.js');
+require('./index-3a4449e3.js');
+var index$3 = require('./index-4cf32b7f.js');
+var togetherComponentGlobalContext = require('./utils-11ddac2e.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-90cb4c3a.js');
-var constants = require('./constants-7ac2fd3a.js');
-var post = require('./post-a1f3fee2.js');
-var togetherMoleculesCardAuthor = require('./index-fa32d8ec.js');
-var togetherRichTextEditor = require('./editor-4973fe2c.js');
-var index$4 = require('./index-efa8642c.js');
+var dataTransform = require('./dataTransform-1359b0bf.js');
+var constants = require('./constants-a7cac19e.js');
+var post = require('./post-83db1ff9.js');
+var togetherMoleculesCardAuthor = require('./index-30dd58cb.js');
+var togetherRichTextEditor = require('./editor-99f814a5.js');
+var index$4 = require('./index-9631f0fc.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-437d45ea.js');
-var index$7 = require('./index-c55fa0fe.js');
-var index$9 = require('./index-90d82845.js');
-var Locale = require('./Locale-a8fe3695.js');
+var index$6 = require('./index-f108cf62.js');
+var index$7 = require('./index-394fe027.js');
+var index$9 = require('./index-d49a87a2.js');
+var Locale = require('./Locale-c10909ec.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-6ce18dd1.js');
-var togetherMoleculesPostImagePreview = require('./index-7e9007fe.js');
-var index$d = require('./index-4bb20c4f.js');
+var index$a = require('./index-5c5a53eb.js');
+var togetherMoleculesPostImagePreview = require('./index-3cac6f29.js');
+var index$d = require('./index-c19f33ea.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-0c25aeec.js');
-var index$b = require('./index-f4a8ed41.js');
-var index$c = require('./index-2ff1db0b.js');
+var useUniqueId = require('./useUniqueId-76486840.js');
+var index$b = require('./index-63bb572d.js');
+var index$c = require('./index-54bc0f96.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-8f9e696b.js → index-4831bf31.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-161ffd62.js');
+var tslib_es6 = require('./tslib.es6-9dadba49.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-75efdcdb.js');
+require('./index-0a4fd7ba.js');
 require('@mantine/dates');
-require('./index-b096d208.js');
-require('./index-f4b38d5b.js');
-require('./index-d4ab6746.js');
-require('./useMantineLocale-e7d58f76.js');
-var index$1 = require('./index-5f610700.js');
-var index$2 = require('./index-a11d7511.js');
-require('./index.styles-4824611d.js');
-var index = require('./index-c8d45f71.js');
+require('./index-2784aef4.js');
+require('./index-9484bdb7.js');
+require('./index-20825409.js');
+require('./useMantineLocale-49173999.js');
+var index$1 = require('./index-7614d9bd.js');
+var index$2 = require('./index-c35fd147.js');
+require('./index.styles-248e239b.js');
+var index = require('./index-cb1cce0f.js');
 require('@mantine/hooks');
-require('./utils-b661fe90.js');
-require('./other-235e6191.js');
-require('./index-7c618a2b.js');
+require('./utils-0a613d40.js');
+require('./other-ef968661.js');
+require('./index-3a4449e3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-bff7d7d4.js → index-4cf32b7f.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-4bb20c4f.js');
-var index$1 = require('./index-d7a91775.js');
-var index$2 = require('./index-5f610700.js');
-var utils = require('./utils-b661fe90.js');
+var index$3 = require('./index-c19f33ea.js');
+var index$1 = require('./index-9f1b20a4.js');
+var index$2 = require('./index-7614d9bd.js');
+var utils = require('./utils-0a613d40.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-7c83a93f.js');
+var togetherComponentGlobalContext = require('./utils-11ddac2e.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-161ffd62.js');
-var index$6 = require('./index-efa8642c.js');
-var index$4 = require('./index-c8d45f71.js');
-var dataTransform = require('./dataTransform-90cb4c3a.js');
-var constants = require('./constants-7ac2fd3a.js');
+var tslib_es6 = require('./tslib.es6-9dadba49.js');
+var index$6 = require('./index-9631f0fc.js');
+var index$4 = require('./index-cb1cce0f.js');
+var dataTransform = require('./dataTransform-1359b0bf.js');
+var constants = require('./constants-a7cac19e.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-a1f3fee2.js');
-var index$8 = require('./index-c55fa0fe.js');
-var index$7 = require('./index-6ce18dd1.js');
-var index$5 = require('./index-f4a8ed41.js');
-var togetherRichTextEditor = require('./editor-4973fe2c.js');
+var post = require('./post-83db1ff9.js');
+var index$8 = require('./index-394fe027.js');
+var index$7 = require('./index-5c5a53eb.js');
+var index$5 = require('./index-63bb572d.js');
+var togetherRichTextEditor = require('./editor-99f814a5.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-b1001344.js');
-var togetherMoleculesPostImagePreview = require('./index-7e9007fe.js');
+var index = require('./index-87bbeb57.js');
+var togetherMoleculesPostImagePreview = require('./index-3cac6f29.js');
 var togetherShareBox = require('./togetherShareBox.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-a9ab2a76.js → index-4dcfebfb.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-161ffd62.js');
+var tslib_es6 = require('./tslib.es6-9dadba49.js');
 var React = require('react');
-var index$9 = require('./index-f4b38d5b.js');
-var index$7 = require('./index-025df530.js');
-var index$2 = require('./index-b096d208.js');
-var normalizeLink = require('./normalizeLink-d41c6a14.js');
-var dataTransform = require('./dataTransform-90cb4c3a.js');
+var index$9 = require('./index-9484bdb7.js');
+var index$7 = require('./index-f88a2e17.js');
+var index$2 = require('./index-2784aef4.js');
+var normalizeLink = require('./normalizeLink-3d60add3.js');
+var dataTransform = require('./dataTransform-1359b0bf.js');
 var core$1 = require('@hhgtech/icons/core');
-var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$d = require('./index-90489dc4.js');
-var index$4 = require('./index-c8d45f71.js');
+var index$d = require('./index-9c87413f.js');
+var index$4 = require('./index-cb1cce0f.js');
 var throttle = require('lodash/throttle');
-var index$c = require('./index-75efdcdb.js');
+var index$c = require('./index-0a4fd7ba.js');
 require('@mantine/dates');
-var index$3 = require('./index-d4ab6746.js');
-require('./useMantineLocale-e7d58f76.js');
-var index = require('./index-5f610700.js');
-var index$a = require('./index-a11d7511.js');
-require('./index.styles-4824611d.js');
-require('./translationsContext-fef4e387.js');
+var index$3 = require('./index-20825409.js');
+require('./useMantineLocale-49173999.js');
+var index = require('./index-7614d9bd.js');
+var index$b = require('./index-c35fd147.js');
+require('./index.styles-248e239b.js');
+require('./translationsContext-93ca388c.js');
 require('@mantine/hooks');
-var utils = require('./utils-b661fe90.js');
-require('./other-235e6191.js');
-require('./index-7c618a2b.js');
-var constants = require('./constants-05d8198f.js');
+var utils = require('./utils-0a613d40.js');
+require('./other-ef968661.js');
+require('./index-3a4449e3.js');
+var constants = require('./constants-a25e9f4b.js');
 var styled = require('@emotion/styled');
-var navigationProfileButton = require('./index-319aa21f.js');
-var store = require('./store-cb49a713.js');
-var index$1 = require('./index-4bb20c4f.js');
-var togetherComponentGlobalContext = require('./utils-7c83a93f.js');
+var navigationProfileButton = require('./index-8c6f6424.js');
+var store = require('./store-524bf308.js');
+var index$1 = require('./index-c19f33ea.js');
+var togetherComponentGlobalContext = require('./utils-11ddac2e.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var constants$1 = require('./constants-e42749b6.js');
+var constants$1 = require('./constants-b68c6a30.js');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-d7a91775.js');
-var index$5 = require('./index-53830d97.js');
-var useIsInit = require('./useIsInit-5f29b522.js');
+var index$6 = require('./index-9f1b20a4.js');
+var index$5 = require('./index-905f3bd7.js');
+var useIsInit = require('./useIsInit-016fa893.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-f4a8ed41.js');
+var index$8 = require('./index-63bb572d.js');
+var other = require('@hhgtech/icons/other');
 var formatString = require('string-format');
-var index$b = require('./index-491a54e5.js');
+var index$a = require('./index-61010415.js');
+var Locale = require('./Locale-c10909ec.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-a8fe3695.js');
-var core$2 = require('./core-731c20e2.js');
+var core$2 = require('./core-6dc93bba.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -240,10 +240,11 @@ 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;
@@ -257,6 +258,20 @@ 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;
@@ -285,9 +300,6 @@ const StyledWrapper = styled__default["default"].div `
     width: 0;
     display: none;
   }
-`;
-const StyleWrapperSearch = styled__default["default"].div `
-  padding: 0 16px;
 `;
 
 const Phone = (_a) => {
@@ -298,6 +310,7 @@ const Phone = (_a) => {
 
 const StyledItemGridLeft = styled__default["default"].div `
   padding-right: 1rem;
+  margin-top: 10px;
   background: #ffffff;
   padding: 5px 15px;
   ${utils.MediaQueries.mbUp} {
@@ -1540,13 +1553,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 = [], projectType, isHomepage = false, }) => {
+const MenuServiceList = ({ closePopup, menuItems = [] }) => {
     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/` })),
@@ -1557,8 +1570,10 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
             activeMenuService === 'video' && (React__default["default"].createElement(VideoSpotlights, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights, layout: "stack" })))));
 };
 
-const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
-    const { siteType } = React.useContext(NavigationContext);
+const HamburgerMenu = ({ menuItems }) => {
+    const { siteType,
+    // configs: { enableSearchBar },
+     } = 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 },
@@ -1566,7 +1581,7 @@ const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
                 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, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
+                React__default["default"].createElement(MenuServiceList, { menuItems: menuItems, closePopup: onClose })))));
 };
 
 const TOGETHER_PATHS = {
@@ -1753,13 +1768,6 @@ 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;
@@ -1770,19 +1778,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) `
-  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;
-  }
+  padding: 0 12px 6px;
 `;
 
 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: {
@@ -2038,10 +2034,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$b.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
+        React__default["default"].createElement(index$a.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$b.Container, { className: styles.gridContainer }, children))));
+            React__default["default"].createElement(index$a.Container, { className: styles.gridContainer }, children))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -2157,7 +2153,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-74eb78b0.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-3eb066c0.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2187,7 +2183,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$a.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
+        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: {
                     width: 28,
                     height: 28,
                 } })) : (React__default["default"].createElement("a", { href: normalizeLink.normalizeLinkSlash(item.link + '/') },
@@ -2243,7 +2239,7 @@ const StyleInput = styled__default["default"](index$c.Input) `
   }
 `;
 
-const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
+const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, }) => {
     const { locale, configs: { statics }, siteType, } = React.useContext(NavigationContext);
     const [keyword, setKeyword] = React.useState('');
     const [eventCategoryTracking, setEventCategoryTracking] = React.useState('Search From Another Page');
@@ -2279,7 +2275,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             setKeyword(searchValue);
         }
     }, []);
-    return isMobile && !isHomepage ? (React__default["default"].createElement(index$a.Button, { variant: "tertiary", style: {
+    return isMobile && !isHomepage ? (React__default["default"].createElement(index$b.Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: () => {
             goToSearchPage('');
@@ -2296,12 +2292,12 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
             }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
             goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
             e.preventDefault();
-            if ((isMobile && isHomepage) || isRedirectSearchPage) {
+            if (isMobile && isHomepage) {
                 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) {
+                if (isMobile && isHomepage) {
                     goToSearchPage('');
                 }
             } },
@@ -2312,10 +2308,10 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
 };
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, }) => {
-    var _a, _b;
+    var _a;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
-    configs: { statics, enableNavCareBooking, enableSearchBar, enableNavChatbotAi, enableAppIntroPage,
+    configs: { statics, enableNavCareBooking, enableSearchBar,
     // enableNavVideo,
     // enableNavCare,
     // enableProfileMyHealth,
@@ -2329,6 +2325,7 @@ 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);
@@ -2387,7 +2384,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, isHomepage: isHomepage, projectType: projectType })),
+                isMobile && React__default["default"].createElement(HamburgerMenu, { menuItems: menuItems }),
                 logoComponent || (React__default["default"].createElement("a", { style: {
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
@@ -2398,6 +2395,9 @@ 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,
                             },
-                        }), 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) => ({
+                        }) },
+                        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) => ({
                                 root: {
                                     [theme.fn.smallerThan('sm')]: {
                                         paddingLeft: 8,
@@ -2425,10 +2425,6 @@ 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 }),
@@ -2453,8 +2449,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : null,
         subHead && subHead));
 };
-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 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 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%' } },
@@ -2647,6 +2643,9 @@ 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-2ff1db0b.js → index-54bc0f96.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-4bb20c4f.js');
-var togetherComponentGlobalContext = require('./utils-7c83a93f.js');
+var index = require('./index-c19f33ea.js');
+var togetherComponentGlobalContext = require('./utils-11ddac2e.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');