@hhgtech/hhg-components 1.29.446-beta-5 → 1.29.447

package/build/esm/{index-d25ffc52.js → index-7954bc16.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7ffdbe62.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5a49ecfc.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-85221825.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-3910f356.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-ea50af79.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-e0d71fec.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-f0df4b83.js';
+import { V as VideoType } from './index-52825707.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-c802034c.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, T as TOGETHER_LOCALES, c as CARE_LOCALES } from './index-73f4d56a.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-fdde228f.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-d43fdd1a.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-433f6ddd.js';
+import './translationsContext-59e5652c.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-10811447.js';
+import { I as Input } from './index-85894b46.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-42f00a63.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-6d667650.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-b50a9dd2.js';
+import { L as Logo$1 } from './index-c2e955e0.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-514be78a.js';
-import './index-565dc4d8.js';
-import { T as Text } from './index-ce2b9197.js';
-import { B as Button } from './index-fa3be619.js';
-import './index.styles-7acd5b03.js';
+import { C as CommonGAssets } from './index-f59d4d8a.js';
+import './index-d830bd64.js';
+import { T as Text } from './index-f65d577c.js';
+import { B as Button } from './index-206b9bef.js';
+import './index.styles-590ff17d.js';
 import '@mantine/hooks';
-import './text-1bfd5d53.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-e15d2f61.js';
-import './index-13db7c91.js';
-import { L as LOCALISED_SLUGS } from './constants-b744b4e5.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-92fcc85a.js';
-import { L as LOCALIZED_SLUGS } from './constants-3f61cc0b.js';
-import { u as useTranslations } from './index-05e566e8.js';
-import { H as Heading } from './index-a4aff556.js';
-import { I as Indicator$1 } from './index-259b49e0.js';
-import { u as useIsInit } from './useIsInit-cdef13d3.js';
+import './text-6f2656a6.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-05e3b4d6.js';
+import './index-13586e44.js';
+import { L as LOCALISED_SLUGS } from './constants-68442954.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-de1bfc44.js';
+import { L as LOCALIZED_SLUGS } from './constants-ebbd4a69.js';
+import { u as useTranslations } from './index-59da60a7.js';
+import { H as Heading } from './index-623e7f2c.js';
+import { I as Indicator$1 } from './index-b967a2f5.js';
+import { u as useIsInit } from './useIsInit-b90ecc6e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-776982a2.js';
-import formatString from 'string-format';
-import { domainLocales } from './constantsDomainLocales.js';
+import { B as Button$1 } from './index-b79fc8a1.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-f7913f6c.js';
-import { C as Container } from './index-ec59c8ab.js';
+import { U as UserAvatar } from './index-0765c99d.js';
+import formatString from 'string-format';
+import { domainLocales } from './constantsDomainLocales.js';
+import { C as Container } from './index-e97a55a1.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-9faec91d.js';
-import { g as getDataWithCache } from './core-1f4e6c28.js';
+import { L as LOCALE } from './Locale-4ae68452.js';
+import { g as getDataWithCache } from './core-44616e6a.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -822,252 +822,11 @@ const StyledContainerItems$4 = styled.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(TOGETHER_PATHS.GET_USER_POSTS, Object.assign(Object.assign({}, params), { websiteUrl: isMarryBaby
-                ? 'https://marrybaby.vn'
-                : `https://${domainLocales[locale]}` })));
-};
-const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
-    var _a, _b;
-    return `${(_a = LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = 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 || 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.a `
-  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
-
   * {
     pointer-events: none;
   }
@@ -1094,57 +853,6 @@ const StyledImageCard$2 = styled.div `
     padding-top: 100px;
   }
 `;
-const StyledButton = styled.a `
-  ${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.p `
   font-size: 16px;
   font-weight: 400;
@@ -1160,22 +868,10 @@ const StyledTitle$3 = styled.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.createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a' }, linkProps),
+    return (React__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.createElement(StyledImageCard$2, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default.createElement("div", { style: {
-                display: 'flex',
-                flexDirection: 'column',
-                gap: 8,
-            } },
-            React__default.createElement(StyledTitle$3, null, item.title),
-            !!item.buttonDisplay && (React__default.createElement(StyledButton, Object.assign({ bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
+        React__default.createElement(StyledTitle$3, null, item.title)));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -1186,7 +882,6 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
-            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__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: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1848,6 +1543,24 @@ const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
                 React__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.div `
   z-index: 201;
   width: 100%;
@@ -2058,6 +1771,180 @@ const StyleButtonAiChat = styled(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(TOGETHER_PATHS.GET_USER_POSTS, Object.assign(Object.assign({}, params), { websiteUrl: isMarryBaby
+                ? 'https://marrybaby.vn'
+                : `https://${domainLocales[locale]}` })));
+};
+const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
+    var _a, _b;
+    return `${(_a = LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = 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 || 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 }) => {
@@ -2596,7 +2483,7 @@ const useNavServices = () => {
 };
 
 const StyledContainer = styled.div `
-  --header-z-index: 305;
+  --header-z-index: ${ZINDEX_HEADER};
   top: 0;
   z-index: var(--header-z-index);
 

package/build/esm/{index-9f2b628a.js → index-7aeb3d7d.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-db7129b1.js';
+import { L as Label } from './index-176c6145.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `