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

package/build/{index-ac04f0e4.js → index-5df4c886.js}

@@ -1,59 +1,59 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-38a6ab1b.js');
+var tslib_es6 = require('./tslib.es6-aeabcafa.js');
 var React = require('react');
-var index$a = require('./index-f82e8166.js');
-var index$8 = require('./index-8b2ee9af.js');
-var index$3 = require('./index-5cec64d6.js');
-var normalizeLink = require('./normalizeLink-ce134801.js');
-var dataTransform = require('./dataTransform-5d73610e.js');
+var index$b = require('./index-7097f3e9.js');
+var index$8 = require('./index-a9bc62bf.js');
+var index$3 = require('./index-ff7bd77d.js');
+var normalizeLink = require('./normalizeLink-c1d76069.js');
+var dataTransform = require('./dataTransform-560b7a3b.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-9c47e473.js');
+require('./translationsContext-ac0f51c2.js');
 var styled = require('@emotion/styled');
-var index = require('./index-5c882032.js');
+var index = require('./index-c14fc900.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-e8005ea6.js');
+var navigationProfileButton = require('./index-8d585a8f.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-9e275aea.js');
+var index$d = require('./index-d5039b65.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$5 = require('./index-27c2401d.js');
-require('./index-b8e7bfbe.js');
-var index$4 = require('./index-aaed44e3.js');
-var index$2 = require('./index-107d31e9.js');
-require('./index.styles-f4fc46a6.js');
+var index$5 = require('./index-55bf619b.js');
+require('./index-5e2f821a.js');
+var index$4 = require('./index-3131f796.js');
+var index$2 = require('./index-89e7e056.js');
+require('./index.styles-5cecd0d3.js');
 require('@mantine/hooks');
-require('./text-2633ebc8.js');
-var utils = require('./utils-dfd16df6.js');
-require('./index-83f43dc2.js');
-var constants = require('./constants-5efb17b7.js');
-var store = require('./store-a2856bb5.js');
-var constants$1 = require('./constants-4d400295.js');
-var index$1 = require('./index-2c2fab07.js');
-var index$7 = require('./index-03536bae.js');
-var index$6 = require('./index-d78557c8.js');
-var useIsInit = require('./useIsInit-75684a05.js');
+require('./text-c96deefa.js');
+var utils = require('./utils-bca5ff6c.js');
+require('./index-670f46f3.js');
+var constants = require('./constants-e2592a4e.js');
+var store = require('./store-c319b869.js');
+var constants$1 = require('./constants-19c2383e.js');
+var index$1 = require('./index-d918d4ed.js');
+var index$7 = require('./index-133c658f.js');
+var index$6 = require('./index-00c7cd9f.js');
+var useIsInit = require('./useIsInit-ffb5d05b.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-0f32ae2b.js');
-var formatString = require('string-format');
-var constantsDomainLocales = require('./constantsDomainLocales.js');
+var index$9 = require('./index-f97a8b70.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$b = require('./index-ff637617.js');
-var index$c = require('./index-38af6b11.js');
+var index$a = require('./index-890b5752.js');
+var formatString = require('string-format');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var index$c = require('./index-7140b722.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-c92de5c0.js');
-var core$2 = require('./core-7fd4c86c.js');
+var Locale = require('./Locale-59dbe7f6.js');
+var core$2 = require('./core-e5807367.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,252 +834,11 @@ 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;
   }
@@ -1106,51 +865,6 @@ 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;
-  }
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  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;
-
-  &:hover {
-    background: ${(props) => {
-    const bgColor = props.bgColor;
-    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;
@@ -1166,22 +880,10 @@ const StyledTitle$3 = styled__default["default"].p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    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),
+    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 },
         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("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)))));
+        React__default["default"].createElement(StyledTitle$3, null, item.title)));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -1192,7 +894,6 @@ 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') }))));
 };
 
@@ -1331,7 +1032,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$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(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(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,
@@ -1822,7 +1523,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$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') }))));
+    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') }))));
 };
 
 const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
@@ -1854,6 +1555,24 @@ 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%;
@@ -2064,6 +1783,180 @@ 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 }) => {
@@ -2602,7 +2495,7 @@ const useNavServices = () => {
 };
 
 const StyledContainer = styled__default["default"].div `
-  --header-z-index: 305;
+  --header-z-index: ${index$3.ZINDEX_HEADER};
   top: 0;
   z-index: var(--header-z-index);