@hhgtech/hhg-components 1.29.134 → 1.29.135

package/build/{index-cc5b3f80.js → index-c4f4f933.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.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-cc2d13ec.js');
+var index$2 = require('./index-f49e8023.js');
+var normalizeLink = require('./normalizeLink-9e7b2355.js');
+var routing = require('./routing-5872fa7b.js');
+var dataTransform = require('./dataTransform-f2ff157c.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-a2477cd6.js');
+var index$4 = require('./index-53b9a5ed.js');
 var throttle = require('lodash/throttle');
-var index$4 = require('./index-3e801e33.js');
+var index$5 = require('./index-1e469a64.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-4a39b1e7.js');
+var index$3 = require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index = require('./index-ce9a0d0b.js');
+var index$b = require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+require('./translationsContext-571827e1.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-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var constants = require('./constants-468d8c52.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-bdb4fdfd.js');
+var index$1 = require('./index-ed1c09df.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var constants$1 = require('./constants-1cb3909f.js');
+var constants$1 = require('./constants-67e47468.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-ab0d64aa.js');
+var index$6 = require('./index-9342e3e3.js');
+var useIsInit = require('./useIsInit-69ec05b8.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-89ce3cac.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-c5fdd223.js');
+var store = require('./store-2be903b6.js');
+var Locale = require('./Locale-a2291568.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-77984827.js');
+var core$2 = require('./core-9d2adcdf.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-923033bf.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-73957c46.js → index-c59c2604.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-require('./index-291e6f28.js');
+require('./index-4a39b1e7.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-e6bdfb93.js');
+var index$1 = require('./index-76e88882.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-8244f19c.js');
-var index$2 = require('./index-cf8df3df.js');
-var Locale = require('./Locale-409f6e0e.js');
-var index$3 = require('./index-3e801e33.js');
+var index = require('./index-45ec86f5.js');
+var index$2 = require('./index-cf6516fa.js');
+var Locale = require('./Locale-a2291568.js');
+var index$3 = require('./index-1e469a64.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d2b18842.js → index-c6c490b1.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.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-ab0d64aa.js');
+var index = require('./index-ce9a0d0b.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-63a0dc23.js');
+var constants = require('./constants-c7ece436.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-793a6f76.js → index-cbb2e798.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-cc3378e5.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var index$4 = require('./index-e6bdfb93.js');
-var constants = require('./constants-63a0dc23.js');
-var index$1 = require('./index-2744c22d.js');
-var index$3 = require('./index-3e801e33.js');
-var index$2 = require('./index-d919834a.js');
+var useHealthToolCache = require('./useHealthToolCache-e5cefbfb.js');
+var index = require('./index-53b9a5ed.js');
+var index$5 = require('./index-76e88882.js');
+var constants = require('./constants-c7ece436.js');
+var index$2 = require('./index-72efdce5.js');
+var index$4 = require('./index-1e469a64.js');
+var index$3 = require('./index-b60821c5.js');
 require('@mantine/core');
-require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
+require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
 require('@mantine/hooks');
-require('./useMantineLocale-d59fa63b.js');
-require('./index-291e6f28.js');
-require('./utils-54857ab8.js');
-require('./index-920ebbb7.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var index = require('./index-d5a32dfb.js');
+require('./useMantineLocale-b6730670.js');
+require('./index-4a39b1e7.js');
+require('./utils-3e457c21.js');
+require('./index-f49e8023.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var index$1 = require('./index-81150842.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -33,21 +33,21 @@ const ThrFormContext = React.createContext({});
 const DefaultForm = (_a) => {
     var _b;
     var props = tslib_es6.__rest(_a, []);
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { isAdult, activeValueNote, linkTool, form, submitProps } = React.useContext(ThrFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({}, form.getInputProps('gender'))),
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({}, form.getInputProps('gender'))),
+        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                 withinPortal: true,
             }, label: t('targetHeartRate.ageInput'), maxDate: new Date() })),
-        React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
+        React__default["default"].createElement(index$4.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
                 content: '60',
             }) }, form.getInputProps('heartRate'), { min: 40, max: 200, styles: () => ({
                 rightSection: {
                     width: 'auto',
                 },
             }) })),
-        isAdult && (React__default["default"].createElement(index$3.Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+        isAdult && (React__default["default"].createElement(index$4.Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
                 value: option.value,
                 label: option.label,
             })), styles: {
@@ -57,37 +57,37 @@ const DefaultForm = (_a) => {
                     fontSize: '14px',
                 },
             }, withinPortal: true }, form.getInputProps('activeValue')))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
 };
 
 const InlineForm = (_a) => {
     var _b;
     var props = tslib_es6.__rest(_a, []);
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { isAdult, activeValueNote, linkTool, form, submitProps } = React.useContext(ThrFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none' },
-                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, error: null }, form.getInputProps('gender')))),
-            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.ageInput') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none' },
+                React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, error: null }, form.getInputProps('gender')))),
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.ageInput') },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                         withinPortal: true,
                     }, error: null, maxDate: new Date() }))),
-            form.errors.age && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.age))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.heartRateInput') },
-                React__default["default"].createElement(index$3.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+            form.errors.age && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.age))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.heartRateInput') },
+                React__default["default"].createElement(index$4.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: '60',
-                    }) }, form.getInputProps('heartRate'), { error: null, min: 40, max: 200, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, "bmp"), styles: () => ({
+                    }) }, form.getInputProps('heartRate'), { error: null, min: 40, max: 200, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, "bmp"), styles: () => ({
                         rightSection: {
                             width: 'auto',
                         },
                     }) }))),
-            form.errors.heartRate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.heartRate))),
-        isAdult && (React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
-            React__default["default"].createElement(index$3.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+            form.errors.heartRate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.heartRate))),
+        isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
+            React__default["default"].createElement(index$4.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
                     value: option.value,
                     label: option.label,
                 })), styles: {
@@ -97,12 +97,12 @@ const InlineForm = (_a) => {
                         fontSize: '14px',
                     },
                 }, withinPortal: true }, form.getInputProps('activeValue'))))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
 };
 
 const ThrForm = (_a) => {
     var { formLayout, onSubmit, onError, submitProps } = _a, rest = tslib_es6.__rest(_a, ["formLayout", "onSubmit", "onError", "submitProps"]);
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const minRange = React.useRef(40);
     const { getHealthToolLink } = useHealthToolCache.useHealthToolsCache(locale);
     const form$1 = form.useForm({
@@ -180,36 +180,36 @@ const ThrForm = (_a) => {
         {
             value: 'low_intensity',
             label: t('targetHeartRate.lowIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/low.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/low-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/low.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/low-active.svg`),
             content: t('targetHeartRate.lowIntensity.note'),
         },
         {
             value: 'moderate_intensity',
             label: t('targetHeartRate.moderateIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/moderate.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/moderate-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/moderate.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/moderate-active.svg`),
             content: t('targetHeartRate.moderateIntensity.note'),
         },
         {
             value: 'aerobic_zone',
             label: t('targetHeartRate.aerobicZone.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/aerobic.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/aerobic.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
             content: t('targetHeartRate.aerobicZone.note'),
         },
         {
             value: 'vigorous_intensity',
             label: t('targetHeartRate.vigorousIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/vigorous.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/vigorous.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
             content: t('targetHeartRate.vigorousIntensity.note'),
         },
         {
             value: 'maximum_intensity',
             label: t('targetHeartRate.maximumIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/maximum.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/maximum-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/maximum.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/maximum-active.svg`),
             content: t('targetHeartRate.maximumIntensity.note'),
         },
     ];

package/build/{index-34f5d98c.js → index-cc2d13ec.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-3e801e33.js');
+var index$2 = require('./index-1e469a64.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-7f563129.js');
-var index$1 = require('./index-e6bdfb93.js');
+var index = require('./index-ce9a0d0b.js');
+var index$1 = require('./index-76e88882.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }