@hhgtech/hhg-components 1.29.518 → 1.29.519-beta-2

package/build/{index-67f69df3.js → index-4d447649.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-6b8a58bf.js');
-var index = require('./index-fba39397.js');
+var index$1 = require('./index-ef5754ec.js');
+var index = require('./index-af387cd8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c5fce1c9.js → index-4d659eda.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-82df94b1.js');
+var tslib_es6 = require('./tslib.es6-6365b647.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-2b1f29d7.js');
-var index$3 = require('./index-c8388d88.js');
-var normalizeLink = require('./normalizeLink-70c08642.js');
-var dataTransform = require('./dataTransform-7e105858.js');
+var SiteWideBanner = require('./SiteWideBanner-8c7d5232.js');
+var index$3 = require('./index-3b48762e.js');
+var normalizeLink = require('./normalizeLink-0d0e9f9f.js');
+var dataTransform = require('./dataTransform-30dc48e7.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-d615a6bd.js');
+require('./translationsContext-282b973e.js');
 var styled = require('@emotion/styled');
-var index = require('./index-8afb611b.js');
+var index = require('./index-1e102a84.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-c8d52291.js');
+var navigationProfileButton = require('./index-89f4a73f.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-6ae605cb.js');
+var index$c = require('./index-bc74f6ba.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$b = require('./index-484a2635.js');
-var index$6 = require('./index-5a837746.js');
-require('./index-377fd7bb.js');
-var index$4 = require('./index-e55293e2.js');
-var index$2 = require('./index-93afd58f.js');
-require('./index-d1d20443.js');
-require('./index.styles-f5528a20.js');
+var index$b = require('./index-3c2eb017.js');
+var index$6 = require('./index-97a0955a.js');
+require('./index-f4bb7cce.js');
+var index$4 = require('./index-7b10b46f.js');
+var index$2 = require('./index-a5d305cb.js');
+require('./index-f94c65cc.js');
+require('./index.styles-a186d6cc.js');
 require('@mantine/hooks');
-var utils = require('./utils-b8750a98.js');
-require('./index-7e50da3c.js');
-var constants = require('./constants-1e317b47.js');
-var store = require('./store-d35acd1f.js');
-var constants$2 = require('./constants-25b85623.js');
-var index$5 = require('./index-054261f1.js');
-var index$1 = require('./index-fba39397.js');
-var useCartCareService = require('./useCartCareService-8e5b142f.js');
-var constants$1 = require('./constants-85d1e8f3.js');
+var utils = require('./utils-b71ac373.js');
+require('./index-b6330b9e.js');
+var constants = require('./constants-e0c1f5d0.js');
+var store = require('./store-1ae80dc1.js');
+var constants$2 = require('./constants-89879fae.js');
+var index$5 = require('./index-d9779359.js');
+var index$1 = require('./index-af387cd8.js');
+var useCartCareService = require('./useCartCareService-7e77e549.js');
+var constants$1 = require('./constants-2387bc8f.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-8bccaf14.js');
-var index$8 = require('./index-0be69069.js');
-var utils$1 = require('./utils-b565ba52.js');
-var index$9 = require('./index-2940a5c2.js');
+var index$7 = require('./index-f0ecb67f.js');
+var index$8 = require('./index-e1d2c81b.js');
+var utils$1 = require('./utils-9574105f.js');
+var index$9 = require('./index-4a4f36be.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-9bfb42b8.js');
-var index$d = require('./index-629843be.js');
-var Locale = require('./Locale-8f076e02.js');
+var index$a = require('./index-0882e130.js');
+var Locale = require('./Locale-d4154905.js');
+var index$d = require('./index-e0837084.js');
 var debounce = require('lodash/debounce');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var core$2 = require('./core-8270c009.js');
+var core$2 = require('./core-df64bca2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -75,12 +75,14 @@ var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var relativeTime__default = /*#__PURE__*/_interopDefault(relativeTime);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
-const HamburgerWhite = (props) => (React__namespace.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React__namespace.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const HamburgerWhite = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const StarPair = (props) => (React__namespace.createElement("svg", Object.assign({ width: "22", height: "28", viewBox: "0 0 22 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+/* eslint-disable prettier/prettier */
+const StarPair = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 22 28", fill: "none" }, props),
     React__namespace.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React__namespace.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
@@ -639,6 +641,13 @@ const StyledItemGridLeft = styled__default["default"].div `
     justify-content: space-between;
   }
 `;
+const StyledCategoryList$1 = styled__default["default"].div `
+  padding: 5px 15px;
+`;
+const StyledCategoryDivider = styled__default["default"].div `
+  height: 4px;
+  background-color: #e4e8ec;
+`;
 const StyledItem$5 = styled__default["default"].a `
   padding: 10px 0;
   position: relative;
@@ -753,8 +762,6 @@ const StyledViewMore = styled__default["default"].a `
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
-    const { t } = index$1.useTranslations();
-    const theme = core$1.useMantineTheme();
     return (React__namespace["default"].createElement(StyledItemGridLeft, null,
         React__namespace["default"].createElement("div", null,
             React__namespace["default"].createElement(StyledHeading, null,
@@ -765,28 +772,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                         ? 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__namespace["default"].createElement(StyledItem$5, Object.assign({ className: core$1.clsx('iconMenu', `itemMenu-${item.id}`), "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 }, (!SiteWideBanner.isInternalLink(href) && {
-                    target: '_blank',
-                }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
-                    React__namespace["default"].createElement("div", { className: "icon" },
-                        React__namespace["default"].createElement("img", { loading: "lazy", alt: item.name, src: item.thumbnail || '/images/avatar.jpg', style: {
-                                width: 32,
-                                height: 32,
-                                maxWidth: 32,
-                                maxHeight: 32,
-                                overflow: 'hidden',
-                            } })),
-                    React__namespace["default"].createElement(NewWrapper, { isNew: item.isNew },
-                        React__namespace["default"].createElement("div", { style: {
-                                padding: '0 0.4rem',
-                                paddingRight: item.isNew ? 10 : 0,
-                            } },
-                            React__namespace["default"].createElement("p", { className: "name" }, item.name),
-                            item.isMobileAppTool && (React__namespace["default"].createElement(index$4.Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
-                    item.isMobileAppTool && (React__namespace["default"].createElement(StyledIconNav, null,
-                        React__namespace["default"].createElement(Phone, { className: "phone-icon", size: 16 }))),
-                    React__namespace["default"].createElement(StyledIconNav, { className: "arrow-icon" },
-                        React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+                return (React__namespace["default"].createElement(CategoriesItem, { key: index, menuItem: item, href: href, activeItem: activeItem, siteType: siteType, onClosePopup: onClosePopup }));
             })),
         titleBtnViewMore && (React__namespace["default"].createElement(StyledViewMore, { "data-theme": siteType, style: { textDecoration: 'none' }, href: hrefViewMore, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": hrefViewMore },
             React__namespace["default"].createElement(StyledItemAll, { onClick: onClosePopup, "data-theme": siteType, "data-is-heading-category": false },
@@ -795,6 +781,40 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                     React__namespace["default"].createElement("img", { className: "svg", src: siteType === 'marryBaby'
                             ? index$6.CommonGAssets.getAssetPath('chevronRightPink.svg')
                             : index$6.CommonGAssets.getAssetPath('chevronRightActive.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" })))))));
+};
+const CategoriesItem = ({ href, menuItem, activeItem, siteType, onClosePopup, }) => {
+    const { name, thumbnail, link, isNew, id, isMobileAppTool } = menuItem;
+    const { t } = index$1.useTranslations();
+    const theme = core$1.useMantineTheme();
+    return (React__namespace["default"].createElement(StyledItem$5, Object.assign({ className: core$1.clsx('iconMenu', `itemMenu-${id}`), "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": link, "data-is-heading-category": false, "data-active": id && id === activeItem, "data-is-mobile-tool": isMobileAppTool, href: href }, (!SiteWideBanner.isInternalLink(href) && {
+        target: '_blank',
+    }), { "data-theme": siteType, onClick: onClosePopup }),
+        React__namespace["default"].createElement("div", { className: "icon" },
+            React__namespace["default"].createElement("img", { loading: "lazy", alt: name, src: thumbnail || '/images/avatar.jpg', style: {
+                    width: 32,
+                    height: 32,
+                    maxWidth: 32,
+                    maxHeight: 32,
+                    overflow: 'hidden',
+                } })),
+        React__namespace["default"].createElement(NewWrapper, { isNew: isNew },
+            React__namespace["default"].createElement("div", { style: {
+                    padding: '0 0.4rem',
+                    paddingRight: isNew ? 10 : 0,
+                } },
+                React__namespace["default"].createElement("p", { className: "name" }, name),
+                isMobileAppTool && (React__namespace["default"].createElement(index$4.Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
+        isMobileAppTool && (React__namespace["default"].createElement(StyledIconNav, null,
+            React__namespace["default"].createElement(Phone, { className: "phone-icon", size: 16 }))),
+        React__namespace["default"].createElement(StyledIconNav, { className: "arrow-icon" },
+            React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('chevronRight.svg'), style: { width: '16px', height: '16px' }, loading: "lazy" }))));
+};
+const ExtraCategories = ({ menuItems, siteType, }) => {
+    return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+        React__namespace["default"].createElement(StyledCategoryDivider, null),
+        React__namespace["default"].createElement(StyledCategoryList$1, null, menuItems.map((item, index) => {
+            return (React__namespace["default"].createElement(CategoriesItem, { key: index, menuItem: item, href: item.link, siteType: siteType }));
+        }))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -1854,7 +1874,7 @@ const EcomSpotlights = ({ helpfulUrls = [], }) => {
     )));
 };
 
-const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
+const MenuServiceList = ({ closePopup, menuItems = [], extraMenuItems = [], 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$1.useTranslations();
@@ -1862,7 +1882,10 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
         !isHomepage && (React__namespace["default"].createElement(StyleWrapperSearch, { className: "search-wrapper" },
             React__namespace["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: false, isRedirectSearchPage: true }))),
         React__namespace["default"].createElement(StyledWrapper, null,
-            React__namespace["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 }),
+            React__namespace["default"].createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), titleBtnViewMore: (extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length)
+                    ? undefined
+                    : t('home.navigator.menuItem.allCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
+            !!(extraMenuItems === null || extraMenuItems === void 0 ? void 0 : extraMenuItems.length) && (React__namespace["default"].createElement(ExtraCategories, { menuItems: extraMenuItems, siteType: siteType })),
             activeMenuService === 'categories' && (React__namespace["default"].createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
             activeMenuService === 'tools' && (React__namespace["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
             activeMenuService === 'care' && (React__namespace["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
@@ -1871,7 +1894,7 @@ const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage =
             activeMenuService === 'video' && (React__namespace["default"].createElement(VideoSpotlights, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights, layout: "stack" })))));
 };
 
-const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
+const HamburgerMenu = ({ menuItems, extraMenuItems, isHomepage, projectType, }) => {
     const { siteType } = React.useContext(navigationProfileButton.NavigationContext);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = navigationProfileButton.useCSSFocusPopupHelper();
     return (React__namespace["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
@@ -1880,10 +1903,141 @@ const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
                 React__namespace["default"].createElement("div", { className: styles.menuIconWrapper, onMouseDown: onButtonMouseDown, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": "Hamburger Navigation URL" },
                     React__namespace["default"].createElement(ClosePopupIcon, { className: "mobile-close-icon" }),
                     React__namespace["default"].createElement(HamburgerIcon, { siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon" })),
-                React__namespace["default"].createElement(MenuServiceList, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
+                React__namespace["default"].createElement(MenuServiceList, { menuItems: menuItems, extraMenuItems: extraMenuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
 };
 
+var img$4 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOkSURBVHgB5Zg7bNNQFIb/m0Zqmi6RWJEaFsQE7cRjQK0YWCgwsVVNB1qQkBqEYIBKNKJlQaipQDyaoa2Y6AKoLAyogQXGwsJjciVWRAZIDCW+nHOdxI5jx3baJkj9pMjxvce+v8859wn85wi0SCItE7qOfpSRpLfwr09VSGzwJQKsiyi0Xw/EOrZAKIEsqvQTKdGFMyRkMOBjGrWSp9+y/kjkEZJAApW3ipiUEmkhkEDraPRhGT0nloI+4Cuwe0JOwsD0FoU50SgHhsijmp+hp0AVziIWyeAsdgB6b4EumdKCyPrYNRK7IJPCwDMJ6gQ7z7S+IDJelQ0C2XO/i1hrk7iqiMtenow4C/QS5topjqH25ihqg251dQJj52WKrFPoBAYWOXrO4ppAzjvy9U10jiQNZWlnoeVBA6NshA5CuTjp9KI9xCm0iUTcvZxyMeH0ohIYH5c81iURspG+PQjNyDHg0yzw6op7PXsRToGGoLk1pLj3U8Dn28BCKphQfubpRbIfbf5x7EV7j45USgcRghunrAZGjpre4KsXx/ebH3TaNnidvOttT5NEzTKSSKmkTCIgLOzSicYy9qTTm+ypO+fMD7CX338NbHz3bkMKHKr+j27GSdxfBMYrdxj2IntrdtUU4BZ+Lp99CT+SNYFlI/gqZWrYP9+q3vSCxReKaI60BEYQEG6Yc28rPHln/sIQWGCz0AZBhXY1mK00l2IKFqj5PeAV2qsrQM9EsIareRkEWhxbAmO6deOGW2g/fgMO3zJ7IzNDSX/gureAsKGlwfpDTWBhSbBAzcvYmfAsisWxSDssjkVeW6nvBGFCW0NaelQOCokXbnbD/eawUW2IB1cOazPu0QccmQHefjXvw4S2JipKu8AKakWtphYDa07Dg3uB3Bg19sUcu3yHBwecHmHFkSJNfyz2WbcVusflD7rZzp1ba0QwRru9Jeu2AombR6cRKvfy9iJrRf0H2YpB55Dq9EGzF9Xt6rxysS04cq9K3UzCZyfUo9seajVzCAy51TVMdaWc4CX3MtpIV5fqGJpbnetcTDv9FNolknpt8aF47l3tAXWaNHYSyrmyxIB9SHHDUyBPgfZVxXZCi4H5WA8GNnP+h5vRpi8yBW7f4G0eZGZK1BlLAR+JIiQVr+bJC/32lW9TURJvYnFkC1kROiJRn5drNRHm/+UeW0N159RQm50EDVOqrkxn1L290Kq2Olqj6QmrOq8x6MQhgnwr58u7gn8/eDw0pOVgpgAAAABJRU5ErkJggg==";
+  var FacebookMessageIcon = img$4;
+
+var img$3 = "data:image/png;base64,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";
+  var O2OEggFreezingIcon = img$3;
+
+var img$2 = "data:image/png;base64,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";
+  var O2OHealthScreenerIcon = img$2;
+
+var img$1 = "data:image/png;base64,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";
+  var O2OVaccinationIcon = img$1;
+
+var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASqSURBVHgBzVlLaFNbFN03bUr7fC3RSnmSPPHxrD9Q6sSqIz/tTIUWdCatA/8WBAdK1aHViSBY/ODABEcqtIjOjJ+Rn06sCtbagaIJiviJiRo1muteJznXk+T+Fc2C9H7PuWvvvc4++5xqpKD13sZe0gI9RPk2Ii1EvxV6iigwSno+NrHgVFTe1fBnxuOdoeD77DC/tIyqAtr13N8NXU/+O5IK4LK6yAH6sgInploIq3aaqhG6viFQ0FyVgrnVMsu2ghL9oanmL1o0aRZFglOokc+BzLePlMi9oYefnlHiy2vyD72tlsl5Hq0g1R1aTB1NCwU5O4x9SlDsVZyGUjfJB0Ja6/1NupcWvc0raUfLKkFSRZq9lslnxXk42FzRLsmePPryomeirgmC0LHpW0s8NvLhEcXTd/h3l0NaGsq59RH+/Uvdk5eWtAHBgefnhEG/jGCkrpnOzNhF4bqCZ8ayCRp4cZZuM0E3aGeCB8O9oh8A3lz/5LArfToShOcu/L/PIBd9fUV4wA/6WBp9LavFObS5/vFhR08GyEWnkhw05Jdcof0l0QcACUDLTrAl2NnURj08KAB4Dh/4WaCPGPcFYMC1O2QBW4L9/6wTR2hlUCGHsPdPW0cXZu43dOWVpNTfjmLIPROEZTK0gxwWVSv909YK6xEmiN8r0NdgMdT4jp0XLQl2TV4ijrC0PHd1h5aSaoiUgRfEM3cNo1eylDwTnFc/XRxHPpamkrBJSKUxXgByw0XDOxs9EoTG5nD4BMH34yXPkMPUcMPD258eJz8Y47kagNHlM5MtwYgyVSVzlcl0WAk5EnbSZ0GgtmsMeCDYWNNgnCe+vKl4Hi2mCaCvZQ35hTo9RuqmkGuCmW9Z47yppr7iOSyXuQwjGSnHDyJB5xRlSvBd/ofGwhZ5DrkM0xWAlNNnks+6Q0ts86SqO9mXK4LqQEBFYgY83/b0mJFwMSVemzVgEALpQ5Feusr3cDQjKgci+rKaky3TjLRo0aTZVq9UVCXwNgihLFPnWXgS98PBqSXtO7ngBUZsqiJLgle4zgOcMj1IrnjUb2gS6ODEa1bQJnOvjGt4VHownh4lzwSHUrcMtzvNl8ABrnKWM9Gh1I2KZ+invAqSHob3MatYodbqATqFVyB+eBCj1UrIEvDmnkSMyZwXbeAhLKBUYwGEXE6Xw2yQXU1Ya/fBjNIwnc+SW+CDlzlsl01Ch9DKtJQQ6xT7Es623OooivgBT0l+ZwsVcxsiYukAfcIIDDAn2BKUi52HSmjRuVORaQakHXVdA026MdoyxCoJWIuwzOOcKEnLZaRaNpXDbP2Md6HTeMZ65KqwXDTtZUJu6zzkMchAahY7DDAGg0RNN3hvdzLqSS6WHiyfQWA5Qo11cJrnaqQeOTvAO3Y7DCA29PaGr90FU4JyvwUd3/4wXjyWZnt8DKmnXZCbzWSnllRBY9ln3G5cpCa362cz8Pbbprdm+zNypP1h8AamppmqtQrIMbTRAOlajKoVzE3sDLbe33yturaAAe36xPyTy0Wizn393IUbVDXgTfSvDV3iTL3dem8L71frPdjZ5Mvf/G8ISkFzCOvEghNRefM70ZMy5o1Y8dEAAAAASUVORK5CYII=";
+  var WhatsAppMessageIcon = img;
+
+const O2O_STICKY_PANEL_HEIGHT = 40;
+const O2O_MENU_ALLOWED_LOCALES = [
+    Locale.LOCALE.Vietnam,
+    Locale.LOCALE.Malaysia,
+];
+const getO2OContacts = (t) => {
+    return {
+        [Locale.LOCALE.Vietnam]: {
+            name: t('navigation.o2oMenu.consultADoctor'),
+            imgUrl: FacebookMessageIcon,
+            link: 'http://m.me/hellobacsi',
+        },
+        [Locale.LOCALE.Malaysia]: {
+            name: t('navigation.o2oMenu.consultADoctor'),
+            imgUrl: WhatsAppMessageIcon,
+            link: 'https://api.whatsapp.com/send/?phone=601133221899&text=MULA+SEKARANG&type=phone_number&app_absent=0',
+        },
+    };
+};
+const checkIsDisplayO2OMenu = ({ locale, isHomepage, }) => {
+    return O2O_MENU_ALLOWED_LOCALES.includes(locale) && !isHomepage;
+};
+const getO2OCategoryItems = (t) => {
+    return {
+        [Locale.LOCALE.Vietnam]: [
+            {
+                name: t('navigation.o2oMenu.vaccination'),
+                link: '/care/dich-vu/tiem-chung/',
+                imgUrl: O2OVaccinationIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.healthScreeners'),
+                link: '/care/dich-vu/xet-nghiem/',
+                imgUrl: O2OHealthScreenerIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.eggFreezing'),
+                link: '/care/dich-vu/dong-lanh-trung/',
+                imgUrl: O2OEggFreezingIcon,
+            },
+        ],
+        [Locale.LOCALE.Malaysia]: [
+            {
+                name: t('navigation.o2oMenu.vaccination'),
+                link: '/care/vaccination/',
+                imgUrl: O2OVaccinationIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.healthScreeners'),
+                link: '/care/health-screener/',
+                imgUrl: O2OHealthScreenerIcon,
+            },
+            {
+                name: t('navigation.o2oMenu.eggFreezing'),
+                link: '/care/egg-freezing/',
+                imgUrl: O2OEggFreezingIcon,
+            },
+        ],
+    };
+};
+const getO2OHamburgerMenuItems = (locale, t) => {
+    const contacts = getO2OContacts(t)[locale];
+    const categories = getO2OCategoryItems(t)[locale];
+    return [...categories, contacts].map((item) => ({
+        name: item.name,
+        id: 'other',
+        link: item.link,
+        thumbnail: item.imgUrl,
+        popupType: 'categories',
+        icon: React__namespace["default"].createElement("img", { width: 24, height: 24, loading: "lazy", src: item.imgUrl }),
+    }));
+};
+
+const headerStickyPanelVisibilityCss = `
+  & .header-sticky-panel {
+    position: relative;
+    z-index: 10;
+  }
+
+  &:has(.hhgcomp-navigation-itemnav-headeritem:focus-within) {
+    .header-sticky-panel {
+      position: relative;
+      z-index: 0;
+    }
+  }
+`;
+const StyledStickyPanel = styled__default["default"].div `
+  width: 100%;
+  height: ${O2O_STICKY_PANEL_HEIGHT}px;
+  max-height: ${O2O_STICKY_PANEL_HEIGHT}px;
+  background-color: #ffffff;
+  border-bottom: 1px solid #0000001a;
+`;
+const StyledStickyPanelContent = styled__default["default"].div `
+  display: flex;
+  justify-content: space-between;
+  height: 100%;
+  padding: 0 2rem;
+
+  & button {
+    font-size: 13px;
+    font-weight: 500;
+  }
+
+  ${utils.MediaQueries.pcDown} {
+    padding: 0 1rem;
+  }
+`;
+const StyledCategoryList = styled__default["default"].div `
+  display: flex;
+  align-items: center;
+  gap: 16px;
+`;
+
 const StyledHeaderWrapper = styled__default["default"].div `
+  ${headerStickyPanelVisibilityCss}
+
   z-index: 201;
   width: 100%;
   align-items: center;
@@ -2039,6 +2193,7 @@ const StyledHeaderWrapper = styled__default["default"].div `
   }
 `;
 const StyledHeader = styled__default["default"].div `
+  position: relative;
   display: flex;
   height: 100%;
   align-items: center;
@@ -2195,6 +2350,29 @@ const StyleButtonAiChat = styled__default["default"](index$2.Button) `
   }
 `;
 
+function O2ONavigationMenu() {
+    const { locale, t } = index$1.useTranslations();
+    const o2oCategoryItems = getO2OCategoryItems(t)[locale];
+    const contact = getO2OContacts(t)[locale];
+    return (React__namespace["default"].createElement(StyledStickyPanel, { className: "header-sticky-panel" },
+        React__namespace["default"].createElement(StyledStickyPanelContent, { className: "header-sticky-panel__content" },
+            React__namespace["default"].createElement(StyledCategoryList, null, o2oCategoryItems.map((item) => (React__namespace["default"].createElement("a", { key: item.name, tabIndex: 0, href: item.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": item.link },
+                React__namespace["default"].createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, leftIcon: React__namespace["default"].createElement("img", { width: 24, height: 24, loading: "lazy", src: item.imgUrl }) }, item.name))))),
+            React__namespace["default"].createElement(core$1.Flex, { align: "center", justify: "center" },
+                React__namespace["default"].createElement("a", { href: contact.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": contact.link },
+                    React__namespace["default"].createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, leftIcon: React__namespace["default"].createElement("img", { width: 20, height: 20, loading: "lazy", src: contact.imgUrl }) }, contact.name))))));
+}
+
+// Use this component for all product context,
+// .. if not --> use `subHead` prop to render specific component for separated product
+function StickyBottomPanel({ locale, isHomepage, }) {
+    const isDisplayO2OMenu = checkIsDisplayO2OMenu({
+        locale,
+        isHomepage,
+    });
+    return isDisplayO2OMenu ? React__namespace["default"].createElement(O2ONavigationMenu, null) : null;
+}
+
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
     var _a, _b, _c, _d, _e;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
@@ -2215,6 +2393,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
     isUserLoading, slot, isWinCashBackTheme: winCashBackTheme, } = React.useContext(navigationProfileButton.NavigationContext);
+    const { t } = index$1.useTranslations();
     const { triggerLogin } = store.useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2259,6 +2438,23 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 scrollY.current = window.scrollY;
         }
     }, 200), []);
+    const getHamburgerMenuItems = () => {
+        const isDisplayO2OMenu = checkIsDisplayO2OMenu({
+            locale,
+            isHomepage,
+        });
+        if (isDisplayO2OMenu) {
+            return {
+                menuItems: getO2OHamburgerMenuItems(locale, t),
+                extraMenuItems: menuItems.filter((m) => !!m.link),
+            };
+        }
+        return {
+            menuItems: menuItems.filter((m) => !!m.link),
+            extraMenuItems: [],
+        };
+    };
+    const { menuItems: hamburgerMenuItems, extraMenuItems: hamburgerExtraMenuItems, } = getHamburgerMenuItems();
     React.useEffect(() => {
         onTopBarAppears === null || onTopBarAppears === void 0 ? void 0 : onTopBarAppears(!isCollapsed);
     }, [isCollapsed]);
@@ -2277,7 +2473,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
         sitewideBanner || (React__namespace["default"].createElement(SiteWideBanner.SiteWideBanner, { site: sitewideSite, currentUrl: currentUrl, banner: sitewideBannerData })),
         React__namespace["default"].createElement(StyledHeader, { className: customClasses.header, "data-main-header": true, "data-site-type": siteType, "data-win-cash-back-theme": winCashBackTheme },
             React__namespace["default"].createElement(StyledLeftGroup, { className: customClasses.leftGroup, "data-site-type": siteType },
-                isMobile && (React__namespace["default"].createElement(HamburgerMenu, { menuItems: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType })),
+                isMobile && (React__namespace["default"].createElement(HamburgerMenu, { menuItems: hamburgerMenuItems, extraMenuItems: hamburgerExtraMenuItems, isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__namespace["default"].createElement("a", { style: {
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
@@ -2322,6 +2518,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     isMobile,
                 })
             : null,
+        !isMobile && (React__namespace["default"].createElement(StickyBottomPanel, { locale: locale, isHomepage: isHomepage })),
         subHead && subHead));
 };
 const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, }) => (React__namespace["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
@@ -2537,14 +2734,26 @@ const StyledContainer = styled__default["default"].div `
   }
 `;
 
+const getInstantStickyPanelHeight = ({ locale, isHomepage, }) => {
+    const isDisplayO2OMenu = checkIsDisplayO2OMenu({
+        locale,
+        isHomepage,
+    });
+    return isDisplayO2OMenu ? O2O_STICKY_PANEL_HEIGHT : 0;
+};
+
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, isHomepage, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
     const isSponsored = !!sponsorComponent;
     const hasSponsoredBanners = !!((_b = (_a = sponsorComponent === null || sponsorComponent === void 0 ? void 0 : sponsorComponent.props) === null || _a === void 0 ? void 0 : _a.sponsoredBy) === null || _b === void 0 ? void 0 : _b.length);
+    const instantStickyMenuHeight = getInstantStickyPanelHeight({
+        locale,
+        isHomepage,
+    });
     const { headerRef, defaultHeaderHeight, headerHeight, headerBottom } = useHeaderHeight({
         isShowingSiteWideBanner,
         isSponsored,
@@ -2555,6 +2764,8 @@ const _NavigationV2 = (props) => {
             '--default-header-height': defaultHeaderHeight + 'px',
             '--header-height': `calc(${headerHeight}px - var(--amp-site-wide-closed), 64px)`,
             '--header-bottom': headerBottom + 'px',
+            '--header-nav-bottom': `calc(${headerHeight}px - ${instantStickyMenuHeight}px)`,
+            '--header-instant-sticky-menu-height': instantStickyMenuHeight + 'px',
         }, className: className },
         React__namespace["default"].createElement("section", { ref: headerRef },
             React__namespace["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__namespace["default"].createElement(SiteWideBanner.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));

package/build/{index-abf18ddf.js → index-5124c83b.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-82df94b1.js');
+var tslib_es6 = require('./tslib.es6-6365b647.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-8afb611b.js');
-var index$3 = require('./index-ec4e58f0.js');
-var index$4 = require('./index-e55293e2.js');
-require('./index-93afd58f.js');
-require('./index-d1d20443.js');
-require('./index.styles-f5528a20.js');
-var index = require('./index-fba39397.js');
+require('./index-1e102a84.js');
+var index$3 = require('./index-baa307ca.js');
+var index$4 = require('./index-7b10b46f.js');
+require('./index-a5d305cb.js');
+require('./index-f94c65cc.js');
+require('./index.styles-a186d6cc.js');
+var index = require('./index-af387cd8.js');
 require('@mantine/hooks');
-require('./index-377fd7bb.js');
-require('./utils-b8750a98.js');
-require('./index-7e50da3c.js');
-var context = require('./context-8b5ebf4a.js');
-var index$1 = require('./index-af3d2a4e.js');
-var index$2 = require('./index-b2b29eac.js');
+require('./index-f4bb7cce.js');
+require('./utils-b71ac373.js');
+require('./index-b6330b9e.js');
+var context = require('./context-bdad1ef2.js');
+var index$1 = require('./index-3704132e.js');
+var index$2 = require('./index-fc83b36d.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0822bacd.js → index-54662f7b.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-c7bdb5dc.js');
-var index$1 = require('./index-e55293e2.js');
-var tslib_es6 = require('./tslib.es6-82df94b1.js');
+var index = require('./index-9ac3024d.js');
+var index$1 = require('./index-7b10b46f.js');
+var tslib_es6 = require('./tslib.es6-6365b647.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-d80ba558.js');
+var index$2 = require('./index-b25d0c0d.js');
 var vaul = require('vaul');
-var index$3 = require('./index-c8388d88.js');
+var index$3 = require('./index-3b48762e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-71008b95.js → index-54d813ef.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-8bccaf14.js');
-var togetherComponentGlobalContext = require('./utils-34ba6683.js');
+var index = require('./index-f0ecb67f.js');
+var togetherComponentGlobalContext = require('./utils-29f4e962.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');