@hhgtech/hhg-components 1.29.445 → 1.29.446-beta-1

package/build/{index-b5f114f6.js → index-40f3dd47.js}

@@ -1,59 +1,59 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-d9a7177c.js');
 var React = require('react');
-var index$b = require('./index-547c8af7.js');
-var index$8 = require('./index-2c8bdaf9.js');
-var index$3 = require('./index-dc631b98.js');
-var normalizeLink = require('./normalizeLink-9837fdff.js');
-var dataTransform = require('./dataTransform-1d421174.js');
+var index$a = require('./index-e1565d4b.js');
+var index$8 = require('./index-ae0cb247.js');
+var index$3 = require('./index-962cd60d.js');
+var normalizeLink = require('./normalizeLink-08095e5b.js');
+var dataTransform = require('./dataTransform-2a8e512a.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-f6d0701e.js');
+require('./translationsContext-1407b5f8.js');
 var styled = require('@emotion/styled');
-var index = require('./index-1d059c31.js');
+var index = require('./index-e1ce6640.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-573f8030.js');
+var navigationProfileButton = require('./index-e65c8940.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-45710afb.js');
+var index$d = require('./index-7504807f.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$5 = require('./index-ee288e6c.js');
-require('./index-7270789c.js');
-var index$4 = require('./index-705f25ba.js');
-var index$2 = require('./index-2b351a5e.js');
-require('./index.styles-53d5845c.js');
+var index$5 = require('./index-a7d537b1.js');
+require('./index-9b0864db.js');
+var index$4 = require('./index-736f1723.js');
+var index$2 = require('./index-b8d3f92d.js');
+require('./index.styles-86da1d72.js');
 require('@mantine/hooks');
-require('./text-9542ed5a.js');
-var utils = require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
-var constants = require('./constants-a807fed2.js');
-var store = require('./store-a38a9db4.js');
-var constants$1 = require('./constants-b0bbf10e.js');
-var index$1 = require('./index-5b4e93f8.js');
-var index$7 = require('./index-ebce91a0.js');
-var index$6 = require('./index-5e187909.js');
-var useIsInit = require('./useIsInit-4d30a79a.js');
+require('./text-31b0dfcd.js');
+var utils = require('./utils-29c7e8cd.js');
+require('./index-be1c6828.js');
+var constants = require('./constants-830ff0b9.js');
+var store = require('./store-6c7ddc8a.js');
+var constants$1 = require('./constants-f0e9cb02.js');
+var index$1 = require('./index-4b7dae29.js');
+var index$7 = require('./index-796a5919.js');
+var index$6 = require('./index-8eacad38.js');
+var useIsInit = require('./useIsInit-fb7a29a9.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-a59d5405.js');
-var dayjs = require('dayjs');
-var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-7fe93d75.js');
+var index$9 = require('./index-8ffb83f4.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$c = require('./index-50753bb6.js');
+var dayjs = require('dayjs');
+var relativeTime = require('dayjs/plugin/relativeTime');
+var index$b = require('./index-74221c23.js');
+var index$c = require('./index-d2024e82.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-46d44b30.js');
-var core$2 = require('./core-9f11945c.js');
+var Locale = require('./Locale-c37d82b6.js');
+var core$2 = require('./core-7816391e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
+var formatString__default = /*#__PURE__*/_interopDefault(formatString);
 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 StyleInput = styled__default["default"](index.Input) `
@@ -834,11 +834,252 @@ const StyledContainerItems$4 = styled__default["default"].div `
   }
 `;
 
+const TOGETHER_PATHS = {
+    COMMUNITIES: 'community?website_url={websiteUrl}',
+    MENU_TOPIC: 'topic?community_id={communityId}&website_url={websiteUrl}',
+    GET_USER_POSTS: 'profile/posts?website_url={websiteUrl}',
+};
+const Z_INDEX = {
+    adBlock: 48,
+    headerContainerHome: 99,
+    headerContainerPopup: 300,
+    headerContainerPopupSUbLevel: 400,
+    menuCategoryPopupWrapper: 200,
+    menuCategoryPopupContainer: 210,
+    menuSearchInputPopup: 5,
+    menuSearchInputDisplayIcon: 6,
+    menuSearchPopup: 300,
+    homeSearchComponent: 200,
+};
+
+const formatSponsor = (sponsor) => {
+    if (!sponsor)
+        return {};
+    return {
+        title: sponsor.title,
+        logo: sponsor.logo,
+        link: sponsor.link,
+    };
+};
+const formatReviewedCategory = (data) => {
+    return {
+        postTitle: data.post_title,
+        permalink: data.permalink,
+    };
+};
+const formatFaqsCategory = (data) => {
+    return {
+        title: data.title,
+        content: data.content,
+    };
+};
+const formatCategory = (category) => {
+    var _a, _b;
+    if (!category)
+        return {};
+    return {
+        termId: category.term_id || null,
+        sponsor: category.sponsor ? formatSponsor(category.sponsor) : null,
+        isSponsored: category.is_sponsored || null,
+        categoryName: category.cat_name || category.name || null,
+        name: category.name || null,
+        iconUrl: category.icon || '',
+        slugName: category.category_nicename || null,
+        description: category.description || null,
+        featureImage: category.thumbnail || category.image || null,
+        displayName: category.name || null,
+        parent: category.parent || null,
+        permalink: category.permalink || null,
+        slug: category.slug || null,
+        childCates: ((_a = category.child_cates) === null || _a === void 0 ? void 0 : _a.map((childCate) => {
+            return formatCategory(childCate);
+        })) || [],
+        thumnailColor: category.thumnail_color ||
+            ['#FFEAF1', '#E0E9FB', '#FFF9EB', '#F2FCF7', '#F3F3F3'][(Math.random() * 5) | 0],
+        colorFeatureImage: category.color_feature_image || null,
+        imageColor: category.image_color || null,
+        textColor: category.text_color || null,
+        catParent: ((_b = category.cat_parent) === null || _b === void 0 ? void 0 : _b.name)
+            ? {
+                name: category.cat_parent.name,
+                permalink: category.cat_parent.permalink,
+            }
+            : {},
+        metaTag: category.meta_tag || '',
+        reviewedBy: category.reviewed_by
+            ? formatReviewedCategory(category.reviewed_by)
+            : null,
+        reviewedDate: category.reviewed_date || '',
+        faqs: category.faqs
+            ? category.faqs.map((faq) => formatFaqsCategory(faq))
+            : null,
+        customizedUrl: category.customized_url || null,
+    };
+};
+const formatHealthTool = (healthTool) => {
+    var _a, _b;
+    if (!healthTool)
+        return {};
+    const isBot = (_a = healthTool.link) === null || _a === void 0 ? void 0 : _a.includes('/bot/');
+    const hasFilPrefix = (_b = healthTool.link) === null || _b === void 0 ? void 0 : _b.startsWith('/fil/');
+    const link = healthTool.link
+        ? healthTool.link.startsWith('http')
+            ? healthTool.link
+            : isBot
+                ? healthTool.link
+                : hasFilPrefix
+                    ? healthTool.link
+                        .replace('/health-tools/', '/')
+                        .replace('/fil/', '/fil/health-tools/')
+                    : `/health-tools${healthTool.link.replace('/health-tools/', '/')}`
+        : undefined;
+    return {
+        icon: healthTool.icon,
+        link,
+        subtitle: healthTool.subtitle,
+        title: healthTool.title,
+        isMobileAppTool: !!(healthTool === null || healthTool === void 0 ? void 0 : healthTool.is_mobile_app_tool),
+    };
+};
+const formatSpecialties = (specialties) => {
+    var _a, _b, _c, _d, _e;
+    if (!specialties || !(specialties === null || specialties === void 0 ? void 0 : specialties.object_id))
+        return {};
+    return {
+        thumbnail: ((_a = specialties === null || specialties === void 0 ? void 0 : specialties.object_id) === null || _a === void 0 ? void 0 : _a.logo) || '',
+        link: ((_b = specialties === null || specialties === void 0 ? void 0 : specialties.object_id) === null || _b === void 0 ? void 0 : _b.slug) || '',
+        subtitle: ((_c = specialties.object_id) === null || _c === void 0 ? void 0 : _c.name) || '',
+        name: ((_d = specialties.object_id) === null || _d === void 0 ? void 0 : _d.name) || '',
+        slug: ((_e = specialties.object_id) === null || _e === void 0 ? void 0 : _e.slug) || '',
+    };
+};
+const formatHospital = (hospital) => {
+    var _a, _b, _c, _d, _e;
+    if (!hospital || !(hospital === null || hospital === void 0 ? void 0 : hospital.object_id))
+        return {};
+    return {
+        id: (_a = hospital.object_id) === null || _a === void 0 ? void 0 : _a.id,
+        name: ((_b = hospital.object_id) === null || _b === void 0 ? void 0 : _b.name) || '',
+        logo: ((_c = hospital === null || hospital === void 0 ? void 0 : hospital.object_id) === null || _c === void 0 ? void 0 : _c.logo) || '',
+        description: ((_d = hospital.object_id) === null || _d === void 0 ? void 0 : _d.description) || '',
+        slug: ((_e = hospital.object_id) === null || _e === void 0 ? void 0 : _e.slug) || '',
+    };
+};
+const getTogetherUserPostsApiPath = (locale, isMarryBaby, apiDomain, params) => {
+    const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`;
+    return (apiUrl +
+        'api/v1/' +
+        formatString__default["default"](TOGETHER_PATHS.GET_USER_POSTS, Object.assign(Object.assign({}, params), { websiteUrl: isMarryBaby
+                ? 'https://marrybaby.vn'
+                : `https://${constantsDomainLocales.domainLocales[locale]}` })));
+};
+const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
+    var _a, _b;
+    return `${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b[type]) || 'doctor'}/${specialtySlug !== null && specialtySlug !== void 0 ? specialtySlug : ''}`;
+};
+const formatSpotlightsList = (spotlight) => {
+    if (!spotlight)
+        return {};
+    return {
+        id: spotlight.ID,
+        name: spotlight.name,
+        permalink: spotlight.permalink,
+        image: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.small_banner) || (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image) || '',
+        imageMedium: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_medium) || null,
+        imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
+        startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
+        endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
+        buttonDisplay: spotlight.button_display || null,
+    };
+};
+const checkAvailableSpotlight = (spotlight) => {
+    const today = new Date();
+    if (spotlight === null || spotlight === void 0 ? void 0 : spotlight.startDate) {
+        const startDate = new Date(spotlight.startDate);
+        if (today.getTime() < startDate.getTime())
+            return false;
+    }
+    if (spotlight === null || spotlight === void 0 ? void 0 : spotlight.endDate) {
+        const endDate = new Date(spotlight.endDate);
+        if (today.getTime() > endDate.getTime())
+            return false;
+    }
+    return true;
+};
+const formatVideoItem = (data) => {
+    if (typeof data === 'undefined' || !data)
+        return null;
+    return {
+        id: data.ID || '',
+        videoId: data.video_id || '',
+        url: data.video_url || '',
+        title: data.video_title || '',
+        type: data.type || index$a.VideoType.VIDEO,
+        totalView: data.total_view || 0,
+        description: data.description || '',
+        createTime: data.create_time || '',
+        duration: data.duration || 0,
+        image: data.image || '',
+        imageMedium: data.image_medium || '',
+        imageThumbnail: data.image_thumbnail || '',
+        active: false,
+        articleLink: data.article_link || '',
+    };
+};
+function hexToRgb(hex, returnObj = false) {
+    let alpha = false, h = hex.slice(hex.startsWith('#') ? 1 : 0);
+    if (h.length === 3)
+        h = [...h].map((x) => x + x).join('');
+    else if (h.length === 8)
+        alpha = true;
+    h = parseInt(h, 16);
+    const obj = {
+        r: h >>> (alpha ? 24 : 16),
+        g: (h & (alpha ? 0x00ff0000 : 0x00ff00)) >>> (alpha ? 16 : 8),
+        b: (h & (alpha ? 0x0000ff00 : 0x0000ff)) >>> (alpha ? 8 : 0),
+    };
+    return returnObj
+        ? obj
+        : 'rgb' +
+            (alpha ? 'a' : '') +
+            '(' +
+            obj.r +
+            ', ' +
+            obj.g +
+            ', ' +
+            obj.b +
+            (alpha ? `, ${h & 0x000000ff}` : '') +
+            ')';
+}
+function rgbToHsb(r, g, b) {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    const v = Math.max(r, g, b), n = v - Math.min(r, g, b);
+    const h = n === 0
+        ? 0
+        : n && v === r
+            ? (g - b) / n
+            : v === g
+                ? 2 + (b - r) / n
+                : 4 + (r - g) / n;
+    return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
+}
+function hsbToRgb(h, s, b) {
+    s /= 100;
+    b /= 100;
+    const k = (n) => (n + h / 60) % 6;
+    const f = (n) => b * (1 - s * Math.max(0, Math.min(k(n), 4 - k(n), 1)));
+    return [255 * f(5), 255 * f(3), 255 * f(1)];
+}
+
 const StyledItem$4 = styled__default["default"].a `
+  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
+
   * {
     pointer-events: none;
   }
@@ -865,6 +1106,57 @@ const StyledImageCard$2 = styled__default["default"].div `
     padding-top: 100px;
   }
 `;
+const StyledButton = styled__default["default"].a `
+  ${utils.MediaQueries.tdDown} {
+    position: relative;
+    bottom: 0;
+    left: 16px;
+    right: 0;
+    padding: 4px 8px;
+    width: 90px;
+    height: 24px;
+    font-size: 11px;
+    line-height: 16px;
+  }
+
+  position: absolute;
+  bottom: 8px;
+  left: 8px;
+  right: 8px;
+  height: 32px;
+  padding: 6px 12px;
+
+  background: ${(props) => props.bgColor};
+  border-radius: 10px;
+  border: none;
+  transition: all 0.2s ease-in-out;
+
+  color: ${(props) => props.textColor};
+  font-family: 'Inter';
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  &:hover {
+    background: ${(props) => {
+    const bgColor = props.bgColor.toLowerCase();
+    if (bgColor === '#ffffff' || bgColor === 'white' || bgColor === '#fff') {
+        return '#f0f0f0';
+    }
+    if (typeof bgColor === 'string') {
+        const rgb = hexToRgb(bgColor, true);
+        const hsb = rgbToHsb(rgb.r, rgb.g, rgb.b);
+        const newPattern1 = hsbToRgb(hsb[0], hsb[1] + 16, hsb[2] - 16);
+        return `rgb(${newPattern1[0]},${newPattern1[1]},${newPattern1[2]})`;
+    }
+    return '';
+}};
+  }
+`;
 const StyledTitle$3 = styled__default["default"].p `
   font-size: 16px;
   font-weight: 400;
@@ -880,10 +1172,22 @@ const StyledTitle$3 = styled__default["default"].p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    return (React__default["default"].createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
+    const linkProps = {
+        href: item.link,
+        'data-event-category': 'Hamburger Navigation',
+        'data-event-action': `Spotlight Click ${index + 1}`,
+        'data-event-label': item.link,
+    };
+    return (React__default["default"].createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a' }, linkProps),
         React__default["default"].createElement(StyledImageCard$2, null,
             React__default["default"].createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default["default"].createElement(StyledTitle$3, null, item.title)));
+        React__default["default"].createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 8,
+            } },
+            React__default["default"].createElement(StyledTitle$3, null, item.title),
+            !!item.buttonDisplay && (React__default["default"].createElement(StyledButton, Object.assign({ bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -894,6 +1198,7 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
+            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1032,7 +1337,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$a.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$b.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,
@@ -1523,7 +1828,7 @@ const StyledContainerItems = styled__default["default"].div `
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__default["default"].createElement(StyledContainerItems, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__default["default"].createElement(index$8.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$b.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', redirectToLandingPage: true, dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    return (React__default["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__default["default"].createElement(StyledContainerItems, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__default["default"].createElement(index$8.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$a.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', redirectToLandingPage: true, dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__default["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$5.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
@@ -1555,24 +1860,6 @@ const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
                 React__default["default"].createElement(MenuServiceList, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
 };
 
-const TOGETHER_PATHS = {
-    COMMUNITIES: 'community?website_url={websiteUrl}',
-    MENU_TOPIC: 'topic?community_id={communityId}&website_url={websiteUrl}',
-    GET_USER_POSTS: 'profile/posts?website_url={websiteUrl}',
-};
-const Z_INDEX = {
-    adBlock: 48,
-    headerContainerHome: 99,
-    headerContainerPopup: 300,
-    headerContainerPopupSUbLevel: 400,
-    menuCategoryPopupWrapper: 200,
-    menuCategoryPopupContainer: 210,
-    menuSearchInputPopup: 5,
-    menuSearchInputDisplayIcon: 6,
-    menuSearchPopup: 300,
-    homeSearchComponent: 200,
-};
-
 const StyledHeaderWrapper = styled__default["default"].div `
   z-index: 201;
   width: 100%;
@@ -1783,180 +2070,6 @@ const StyleButtonAiChat = styled__default["default"](index$2.Button) `
   }
 `;
 
-const formatSponsor = (sponsor) => {
-    if (!sponsor)
-        return {};
-    return {
-        title: sponsor.title,
-        logo: sponsor.logo,
-        link: sponsor.link,
-    };
-};
-const formatReviewedCategory = (data) => {
-    return {
-        postTitle: data.post_title,
-        permalink: data.permalink,
-    };
-};
-const formatFaqsCategory = (data) => {
-    return {
-        title: data.title,
-        content: data.content,
-    };
-};
-const formatCategory = (category) => {
-    var _a, _b;
-    if (!category)
-        return {};
-    return {
-        termId: category.term_id || null,
-        sponsor: category.sponsor ? formatSponsor(category.sponsor) : null,
-        isSponsored: category.is_sponsored || null,
-        categoryName: category.cat_name || category.name || null,
-        name: category.name || null,
-        iconUrl: category.icon || '',
-        slugName: category.category_nicename || null,
-        description: category.description || null,
-        featureImage: category.thumbnail || category.image || null,
-        displayName: category.name || null,
-        parent: category.parent || null,
-        permalink: category.permalink || null,
-        slug: category.slug || null,
-        childCates: ((_a = category.child_cates) === null || _a === void 0 ? void 0 : _a.map((childCate) => {
-            return formatCategory(childCate);
-        })) || [],
-        thumnailColor: category.thumnail_color ||
-            ['#FFEAF1', '#E0E9FB', '#FFF9EB', '#F2FCF7', '#F3F3F3'][(Math.random() * 5) | 0],
-        colorFeatureImage: category.color_feature_image || null,
-        imageColor: category.image_color || null,
-        textColor: category.text_color || null,
-        catParent: ((_b = category.cat_parent) === null || _b === void 0 ? void 0 : _b.name)
-            ? {
-                name: category.cat_parent.name,
-                permalink: category.cat_parent.permalink,
-            }
-            : {},
-        metaTag: category.meta_tag || '',
-        reviewedBy: category.reviewed_by
-            ? formatReviewedCategory(category.reviewed_by)
-            : null,
-        reviewedDate: category.reviewed_date || '',
-        faqs: category.faqs
-            ? category.faqs.map((faq) => formatFaqsCategory(faq))
-            : null,
-        customizedUrl: category.customized_url || null,
-    };
-};
-const formatHealthTool = (healthTool) => {
-    var _a, _b;
-    if (!healthTool)
-        return {};
-    const isBot = (_a = healthTool.link) === null || _a === void 0 ? void 0 : _a.includes('/bot/');
-    const hasFilPrefix = (_b = healthTool.link) === null || _b === void 0 ? void 0 : _b.startsWith('/fil/');
-    const link = healthTool.link
-        ? healthTool.link.startsWith('http')
-            ? healthTool.link
-            : isBot
-                ? healthTool.link
-                : hasFilPrefix
-                    ? healthTool.link
-                        .replace('/health-tools/', '/')
-                        .replace('/fil/', '/fil/health-tools/')
-                    : `/health-tools${healthTool.link.replace('/health-tools/', '/')}`
-        : undefined;
-    return {
-        icon: healthTool.icon,
-        link,
-        subtitle: healthTool.subtitle,
-        title: healthTool.title,
-        isMobileAppTool: !!(healthTool === null || healthTool === void 0 ? void 0 : healthTool.is_mobile_app_tool),
-    };
-};
-const formatSpecialties = (specialties) => {
-    var _a, _b, _c, _d, _e;
-    if (!specialties || !(specialties === null || specialties === void 0 ? void 0 : specialties.object_id))
-        return {};
-    return {
-        thumbnail: ((_a = specialties === null || specialties === void 0 ? void 0 : specialties.object_id) === null || _a === void 0 ? void 0 : _a.logo) || '',
-        link: ((_b = specialties === null || specialties === void 0 ? void 0 : specialties.object_id) === null || _b === void 0 ? void 0 : _b.slug) || '',
-        subtitle: ((_c = specialties.object_id) === null || _c === void 0 ? void 0 : _c.name) || '',
-        name: ((_d = specialties.object_id) === null || _d === void 0 ? void 0 : _d.name) || '',
-        slug: ((_e = specialties.object_id) === null || _e === void 0 ? void 0 : _e.slug) || '',
-    };
-};
-const formatHospital = (hospital) => {
-    var _a, _b, _c, _d, _e;
-    if (!hospital || !(hospital === null || hospital === void 0 ? void 0 : hospital.object_id))
-        return {};
-    return {
-        id: (_a = hospital.object_id) === null || _a === void 0 ? void 0 : _a.id,
-        name: ((_b = hospital.object_id) === null || _b === void 0 ? void 0 : _b.name) || '',
-        logo: ((_c = hospital === null || hospital === void 0 ? void 0 : hospital.object_id) === null || _c === void 0 ? void 0 : _c.logo) || '',
-        description: ((_d = hospital.object_id) === null || _d === void 0 ? void 0 : _d.description) || '',
-        slug: ((_e = hospital.object_id) === null || _e === void 0 ? void 0 : _e.slug) || '',
-    };
-};
-const getTogetherUserPostsApiPath = (locale, isMarryBaby, apiDomain, params) => {
-    const apiUrl = apiDomain || `https://together.hellohealthgroup.com/`;
-    return (apiUrl +
-        'api/v1/' +
-        formatString__default["default"](TOGETHER_PATHS.GET_USER_POSTS, Object.assign(Object.assign({}, params), { websiteUrl: isMarryBaby
-                ? 'https://marrybaby.vn'
-                : `https://${constantsDomainLocales.domainLocales[locale]}` })));
-};
-const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
-    var _a, _b;
-    return `${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b[type]) || 'doctor'}/${specialtySlug !== null && specialtySlug !== void 0 ? specialtySlug : ''}`;
-};
-const formatSpotlightsList = (spotlight) => {
-    if (!spotlight)
-        return {};
-    return {
-        id: spotlight.ID,
-        name: spotlight.name,
-        permalink: spotlight.permalink,
-        image: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.small_banner) || (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image) || '',
-        imageMedium: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_medium) || null,
-        imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
-        startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
-        endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
-    };
-};
-const checkAvailableSpotlight = (spotlight) => {
-    const today = new Date();
-    if (spotlight === null || spotlight === void 0 ? void 0 : spotlight.startDate) {
-        const startDate = new Date(spotlight.startDate);
-        if (today.getTime() < startDate.getTime())
-            return false;
-    }
-    if (spotlight === null || spotlight === void 0 ? void 0 : spotlight.endDate) {
-        const endDate = new Date(spotlight.endDate);
-        if (today.getTime() > endDate.getTime())
-            return false;
-    }
-    return true;
-};
-const formatVideoItem = (data) => {
-    if (typeof data === 'undefined' || !data)
-        return null;
-    return {
-        id: data.ID || '',
-        videoId: data.video_id || '',
-        url: data.video_url || '',
-        title: data.video_title || '',
-        type: data.type || index$b.VideoType.VIDEO,
-        totalView: data.total_view || 0,
-        description: data.description || '',
-        createTime: data.create_time || '',
-        duration: data.duration || 0,
-        image: data.image || '',
-        imageMedium: data.image_medium || '',
-        imageThumbnail: data.image_thumbnail || '',
-        active: false,
-        articleLink: data.article_link || '',
-    };
-};
-
 var styles = {"gridContainer":"q3nL5cp","container":"_2DNf80G","closeWrapper":"Q-glX-n"};
 
 const BtnClosePopup = ({ onClosePopup }) => {
@@ -2495,7 +2608,7 @@ const useNavServices = () => {
 };
 
 const StyledContainer = styled__default["default"].div `
-  --header-z-index: ${index$3.ZINDEX_HEADER};
+  --header-z-index: 305;
   top: 0;
   z-index: var(--header-z-index);