@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/{index-cc5b3f80.js → index-4b9950f1.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
-var index$7 = require('./index-34f5d98c.js');
-var index$2 = require('./index-920ebbb7.js');
-var normalizeLink = require('./normalizeLink-32afb65d.js');
-var routing = require('./routing-9b87917d.js');
-var dataTransform = require('./dataTransform-8b9a8639.js');
+var index$8 = require('./index-1851239e.js');
+var index$2 = require('./index-58ef4c66.js');
+var normalizeLink = require('./normalizeLink-ddf52fdd.js');
+var routing = require('./routing-c06127ea.js');
+var dataTransform = require('./dataTransform-c72e6854.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$b = require('./index-870c8e40.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$c = require('./index-24166649.js');
+var index$4 = require('./index-1358bae0.js');
 var throttle = require('lodash/throttle');
-var index$4 = require('./index-3e801e33.js');
+var index$5 = require('./index-53b1d680.js');
 require('@mantine/dates');
-require('./index-291e6f28.js');
-var index$3 = require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index = require('./index-7f563129.js');
-var index$a = require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-require('./translationsContext-e1cd3ed4.js');
-var formatString = require('string-format');
+require('./index-c9911c65.js');
+var index$3 = require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index = require('./index-f301a143.js');
+var index$b = require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
+require('./translationsContext-014418fe.js');
 require('@mantine/hooks');
-var utils = require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var constants = require('./constants-c67a0a3f.js');
+var utils = require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var constants = require('./constants-fd586b0b.js');
 var styled = require('@emotion/styled');
-var navigationProfileButton = require('./index-6a505002.js');
-var index$1 = require('./index-cf20aefa.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var navigationProfileButton = require('./index-eb931c50.js');
+var index$1 = require('./index-ad3f7091.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var constants$1 = require('./constants-1cb3909f.js');
+var constants$1 = require('./constants-349c3de2.js');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-418c000b.js');
-var index$5 = require('./index-d33ac9dd.js');
-var useIsInit = require('./useIsInit-cda836ed.js');
+var index$7 = require('./index-84798e33.js');
+var index$6 = require('./index-8d60df0a.js');
+var useIsInit = require('./useIsInit-515b34ec.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-7ec5ee94.js');
+var index$9 = require('./index-c49dfb5c.js');
 var other = require('@hhgtech/icons/other');
-var index$9 = require('./index-eed4d837.js');
-var store = require('./store-a4d15bba.js');
-var Locale = require('./Locale-409f6e0e.js');
+var formatString = require('string-format');
+var index$a = require('./index-276d9308.js');
+var store = require('./store-d38577de.js');
+var Locale = require('./Locale-4d114b4b.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-77984827.js');
+var core$2 = require('./core-8b6f6c0f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -70,10 +70,10 @@ function _interopNamespace(e) {
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
-var formatString__default = /*#__PURE__*/_interopDefault(formatString);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var relativeTime__default = /*#__PURE__*/_interopDefault(relativeTime);
+var formatString__default = /*#__PURE__*/_interopDefault(formatString);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
 const getEcomUrl = ({ path, locale, }) => {
@@ -306,8 +306,8 @@ const StyledWrapper = styled__default["default"].div `
 
 const SearchInput = ({ id }) => {
     const { locale, configs: { statics }, siteType, } = React.useContext(NavigationContext);
-    const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement(index$4.Input, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", placeholder: siteType === 'marryBaby'
+    const { t } = index$4.useTranslations();
+    return (React__default["default"].createElement(index$5.Input, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", placeholder: siteType === 'marryBaby'
             ? t('navigation.search.input.placeholder')
             : t('home.search', {
                 site: index$2.LOCALE_SPECS[locale || 'en-PH']
@@ -476,9 +476,9 @@ const ItemMenu = ({ item, menu }) => {
                 : null)));
 };
 const NewWrapper = ({ isNew, children, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     if (isNew) {
-        return (React__default["default"].createElement(index$5.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
+        return (React__default["default"].createElement(index$6.Indicator, { color: "green", label: t('home.navigator.menuItem.new'), size: 20, styles: {
                 root: {
                     paddingRight: 10,
                 },
@@ -489,18 +489,18 @@ const NewWrapper = ({ isNew, children, }) => {
 
 const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }) => {
     const { siteType } = React.useContext(NavigationContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const theme = core.useMantineTheme();
     return (React__default["default"].createElement(StyledItemGridLeft, null,
         React__default["default"].createElement(StyledHeading$1, null,
-            React__default["default"].createElement(index$6.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
+            React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, headingTitle)), menuItems === null || menuItems === void 0 ? void 0 :
         menuItems.slice(0, 6).map((item, index$1) => {
             const href = (item === null || item === void 0 ? void 0 : item.link)
                 ? (item === null || item === void 0 ? void 0 : item.link.startsWith('http'))
                     ? item === null || item === void 0 ? void 0 : item.link
                     : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                 : '/';
-            return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$7.isInternalLink(href) && {
+            return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$8.isInternalLink(href) && {
                 target: '_blank',
             }), { "data-theme": siteType, key: index$1, onClick: onClosePopup }),
                 React__default["default"].createElement("div", { className: "icon" },
@@ -695,7 +695,7 @@ const StyledItem$5 = styled__default["default"].a `
 
 const Item$4 = ({ item, index = 0 }) => {
     var _a;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(NavigationContext);
     if (!item)
         return null;
@@ -844,7 +844,7 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
     const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(StyledItemGridRight, null,
         React__default["default"].createElement(StyledHeading, null,
-            React__default["default"].createElement(index$6.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
+            React__default["default"].createElement(index$7.Heading, { tag: siteType === 'marryBaby' ? 'h5' : 'h6', as: "p", fontWeight: "semibold" }, title),
             viewMore && (React__default["default"].createElement(StyledViewMore, { "data-event-category": "Hamburger Navigation", "data-event-action": dataEventAction, "data-event-label": link, href: link, "data-theme": siteType },
                 viewMore,
                 React__default["default"].createElement("img", { src: siteType === 'marryBaby'
@@ -854,7 +854,7 @@ const Spotlights = ({ title, viewMore, children, link, dataEventAction = '', })
 };
 
 const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightHospitals') }, spotlights.length !== 0 ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(StyledContainerItems$4, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 3).map((s, index) => (React__default["default"].createElement(Item$4, { key: index, index: index, item: s })))),
@@ -931,7 +931,7 @@ const Item$3 = ({ item, index = 0 }) => {
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { configs: { statics }, } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlights'), viewMore: t('home.navigator.menu.spotlights.seeAll'), link: hrefViewMore, dataEventAction: "Spotlight See More Click" }, spotlightsList.length !== 0 ? (React__default["default"].createElement(StyledContainerItems$3, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((spotlight, index) => (React__default["default"].createElement(Item$3, { key: index, index: index, item: {
             id: spotlight.id,
@@ -1076,7 +1076,7 @@ const Item$2 = ({ post, index = 0 }) => {
     return (React__default["default"].createElement(StyledItem$3, { href: postUrl, "data-event-category": "Hamburger Navigation", "data-event-action": `Together Click ${index + 1}`, "data-event-label": postUrl },
         React__default["default"].createElement(StyledContent$1, null,
             React__default["default"].createElement(StyledInfoUser, null,
-                React__default["default"].createElement(index$8.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
+                React__default["default"].createElement(index$9.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
                 React__default["default"].createElement(StyledWrapInfo, null,
                     React__default["default"].createElement(StyledName, { "data-theme": siteType }, (_e = post.author) === null || _e === void 0 ? void 0 : _e.name),
                     React__default["default"].createElement(StyledInfo, null,
@@ -1092,7 +1092,7 @@ const Item$2 = ({ post, index = 0 }) => {
 
 const CommunitySpotlights = ({ spotlights = [] }) => {
     const { configs: { statics }, } = React.useContext(NavigationContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.trendingPosts'), viewMore: t('home.navigator.menu.trendingPosts.seeMore'), link: normalizeLink.normalizeLink(statics.TOGETHER_URL_FE), dataEventAction: "Together See More Click" }, spotlights.length !== 0 ? (React__default["default"].createElement(StyledContainerItems$2, null, spotlights === null || spotlights === void 0 ? void 0 : spotlights.slice(0, 4).map((p, index) => (React__default["default"].createElement(Item$2, { index: index, post: p, key: p.id }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.together.noPosts.title'), description: t('home.navigator.menu.together.noPosts.description'), link: `${statics.HOME_PAGE_URL}/community/`, cta: t('home.navigator.menu.together.noPosts.cta'), icon: index$3.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
@@ -1132,7 +1132,7 @@ const Item$1 = ({ item, index: index$1 = 0 }) => {
 };
 
 const EcomSpotlights = ({ helpfulUrls = [], }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     // const { siteType } = useContext(NavigationContext)
     if (!helpfulUrls.length)
         return null;
@@ -1278,7 +1278,7 @@ const StyledContentWrapper$1 = styled__default["default"].div `
 `;
 
 const Item = ({ item, index = 0 }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { configs: { statics }, } = React.useContext(NavigationContext);
     if (!item)
         return null;
@@ -1510,7 +1510,7 @@ const StyledWrapName = styled__default["default"].div `
 `;
 
 const ItemMarryBaby = ({ item, index = 0, color }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { configs: { statics }, } = React.useContext(NavigationContext);
     if (!item)
         return null;
@@ -1545,7 +1545,7 @@ const ItemMarryBaby = ({ item, index = 0, color }) => {
 };
 
 const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const marryBabyCardColor = ['pink', 'orange', 'green'];
     const { siteType } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.spotlightTools') },
@@ -1556,7 +1556,7 @@ const ToolSpotlights = ({ hrefViewMore, spotlightHealthTools = [] }) => {
 const MenuServiceList = ({ closePopup, menuItems = [] }) => {
     var _a, _b;
     const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom }, activeMenuService, configs: { statics, enableSearchBar }, locale, } = React.useContext(NavigationContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     return (React__default["default"].createElement(StyledMasterMenuContainer, { id: 'categories-menu' },
         enableSearchBar ? (React__default["default"].createElement(StyledServiceListMenuSearchInputWrapper, { "data-theme": siteType, onClick: () => {
                 window.location.href = `${statics.HOME_PAGE_URL}/search`;
@@ -2010,15 +2010,15 @@ 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$9.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$9.Container, { className: styles.gridContainer }, children))));
+            React__default["default"].createElement(index$a.Container, { className: styles.gridContainer }, children))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
     var _a;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { headingTitle: t('home.navigator.menuItem.specialties'), hrefViewMore: `${statics.CARE_URL_FE}/`, UrlFE: statics.CARE_URL_FE, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allSpecialties'), menuItems: (careSpecialties === null || careSpecialties === void 0 ? void 0 : careSpecialties.map((specialty) => {
@@ -2038,7 +2038,7 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
 };
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { locale, configs: { statics }, } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/categories/`, UrlFE: statics.HOME_PAGE_URL, onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: (categories === null || categories === void 0 ? void 0 : categories.map((cat) => {
@@ -2054,7 +2054,7 @@ const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isO
 };
 
 const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [], }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { configs: { statics }, } = React.useContext(NavigationContext);
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
         React__default["default"].createElement(Categories, { hrefViewMore: normalizeLink.normalizeLink(statics.TOGETHER_URL_FE), UrlFE: normalizeLink.normalizeLinkSlash(statics.TOGETHER_URL_FE), onClosePopup: onClose, titleBtnViewMore: t('home.navigator.menuItem.allCommunities'), menuItems: (communities === null || communities === void 0 ? void 0 : communities.map((community) => {
@@ -2071,7 +2071,7 @@ const MenuCommunitiesList = ({ communities = [], onClose, isOpen, spotlights = [
 
 const MenuHealthToolsList = ({ locale, onClose, isOpen, spotlightHealthTools = [], healthTools = [], }) => {
     var _a;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { configs: { statics }, } = React.useContext(NavigationContext);
     const hrefViewMore = `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}`;
     return (React__default["default"].createElement(PopupWrapper, { onClosePopup: onClose, isDisplay: isOpen, isNavMenu: true },
@@ -2104,7 +2104,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-18205f0c.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-387c454e.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2134,7 +2134,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 + '/') },
@@ -2175,7 +2175,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // userProfileRouterPush,
     isUserLoading, } = React.useContext(NavigationContext);
     const { mounted, triggerLogin } = store.useSSOV2Store();
-    const { t } = useTranslations.useTranslations();
+    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]);
@@ -2242,7 +2242,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
                     React__default["default"].createElement("div", null,
-                        React__default["default"].createElement(index$b.Logo, { style: {
+                        React__default["default"].createElement(index$c.Logo, { style: {
                                 display: 'flex',
                             }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$3.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
                 !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems })) : (enableSearchBar && React__default["default"].createElement(NavigtionSearch, { siteType: siteType }))))),
@@ -2259,7 +2259,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                                 order: 10,
                             },
                         }) },
-                        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: 10,
@@ -2402,7 +2402,7 @@ const useInsider = () => {
 };
 
 const useNavServices = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, statics, }, } = React.useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const services = React.useMemo(() => {
@@ -2507,7 +2507,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default["default"].createElement("section", { ref: headerRef },
-            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default["default"].createElement(index$7.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
+            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default["default"].createElement(index$8.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);

package/build/{index-d2b18842.js → index-4ca0584b.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-418c000b.js');
-var index = require('./index-7f563129.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var index$1 = require('./index-84798e33.js');
+var index = require('./index-f301a143.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-63a0dc23.js');
+var constants = require('./constants-ba48bace.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3e801e33.js → index-53b1d680.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$2 = require('./index-e6bdfb93.js');
-var index_styles = require('./index.styles-b57afab1.js');
+var index$2 = require('./index-a4cdd0ad.js');
+var index_styles = require('./index.styles-d4cfe368.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$4 = require('./index-7f563129.js');
-require('./index-291e6f28.js');
+var index$4 = require('./index-f301a143.js');
+require('./index-c9911c65.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-54857ab8.js');
-var useMantineLocale = require('./useMantineLocale-d59fa63b.js');
-var index = require('./index-920ebbb7.js');
-var index$1 = require('./index-a0a2321b.js');
-var Locale = require('./Locale-409f6e0e.js');
-var index$3 = require('./index-8244f19c.js');
+var utils = require('./utils-ee304330.js');
+var useMantineLocale = require('./useMantineLocale-ceb23b28.js');
+var index = require('./index-58ef4c66.js');
+var index$1 = require('./index-91f5fadb.js');
+var Locale = require('./Locale-4d114b4b.js');
+var index$3 = require('./index-4391671f.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-f1ce19f5.js');
+var useUniqueId = require('./useUniqueId-7b676392.js');
 var constantsSite = require('./constantsSite.js');
 var core$1 = require('@hhgtech/icons/core');
 

package/build/{index-fd4a4adf.js → index-566d6855.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-1e81f31d.js');
+var useScrollbarSize = require('./useScrollbarSize-694776ee.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-ee304330.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-920ebbb7.js → index-58ef4c66.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-291e6f28.js');
+require('./index-c9911c65.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-409f6e0e.js');
+var Locale = require('./Locale-4d114b4b.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-a768a27b.js → index-5961bddf.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-b3edb3e4.js');
-var index$1 = require('./index-cf8df3df.js');
+var index = require('./index-433cef6b.js');
+var index$1 = require('./index-614b8e9d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-310d6b01.js → index-59c6547a.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-ebdb21c5.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$1 = require('./index-add0ea56.js');
+var index = require('./index-1358bae0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var styles = {"loading":"tliWyii"};
 
 const Loading = ({ className, theme, hideText }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     return (React__default["default"].createElement("div", { className: `${styles.loading} ${className}` },
-        React__default["default"].createElement(index.Icon.Spinner, { isMarryBaby: theme === 'marryBaby' }),
+        React__default["default"].createElement(index$1.Icon.Spinner, { isMarryBaby: theme === 'marryBaby' }),
         !hideText && t('loading')));
 };
 

package/build/{index-cf8df3df.js → index-614b8e9d.js}

@@ -1,23 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
-require('./index-3e801e33.js');
+require('./index-53b1d680.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+require('./index-58ef4c66.js');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index = require('./index-f301a143.js');
+require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
+require('./translationsContext-014418fe.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-bc3336cd.js → index-66ba85af.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-ee304330.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }