@hhgtech/hhg-components 1.29.445-beta-4 → 1.29.445-beta-5

package/build/{index-ce25eff4.js → index-4c6f1159.js}

@@ -1,59 +1,59 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d8c1b9f9.js');
+var tslib_es6 = require('./tslib.es6-8c4588d7.js');
 var React = require('react');
-var index$b = require('./index-8d75d086.js');
-var index$8 = require('./index-f4a3be13.js');
-var index$3 = require('./index-553a5197.js');
-var normalizeLink = require('./normalizeLink-ba7e4c17.js');
-var dataTransform = require('./dataTransform-34f51271.js');
+var index$a = require('./index-ebf7252d.js');
+var index$8 = require('./index-fc8f2be9.js');
+var index$3 = require('./index-4336e00f.js');
+var normalizeLink = require('./normalizeLink-c2f85c43.js');
+var dataTransform = require('./dataTransform-81dcf3ef.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-6d518a64.js');
+require('./translationsContext-454f7496.js');
 var styled = require('@emotion/styled');
-var index = require('./index-a5a9eee4.js');
+var index = require('./index-0475ec52.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-4b93c027.js');
+var navigationProfileButton = require('./index-1ca5ace2.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-6726d4d2.js');
+var index$d = require('./index-c086587f.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$5 = require('./index-e226f798.js');
-require('./index-fb5e9953.js');
-var index$4 = require('./index-05316558.js');
-var index$2 = require('./index-36717d3d.js');
-require('./index.styles-49de4a76.js');
+var index$5 = require('./index-b5e7eb3d.js');
+require('./index-f0e23281.js');
+var index$4 = require('./index-12d89aa4.js');
+var index$2 = require('./index-14d5532e.js');
+require('./index.styles-ccf5b818.js');
 require('@mantine/hooks');
-require('./text-c18e5ccf.js');
-var utils = require('./utils-458f84ef.js');
-require('./index-680d4087.js');
-var constants = require('./constants-7ab50725.js');
-var store = require('./store-5159e50a.js');
-var constants$1 = require('./constants-5b75996d.js');
-var index$1 = require('./index-e0b8b467.js');
-var index$7 = require('./index-a022f589.js');
-var index$6 = require('./index-412de568.js');
-var useIsInit = require('./useIsInit-9626a90e.js');
+require('./text-f1e149ac.js');
+var utils = require('./utils-3dfccfa2.js');
+require('./index-f5f7b115.js');
+var constants = require('./constants-bc213d0e.js');
+var store = require('./store-17ecbbc5.js');
+var constants$1 = require('./constants-93813cf8.js');
+var index$1 = require('./index-3c62761e.js');
+var index$7 = require('./index-1210f8a5.js');
+var index$6 = require('./index-41fef04f.js');
+var useIsInit = require('./useIsInit-56c7062c.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-388d9845.js');
-var dayjs = require('dayjs');
-var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-54131f59.js');
+var index$9 = require('./index-705097d7.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$c = require('./index-91e51b5c.js');
+var dayjs = require('dayjs');
+var relativeTime = require('dayjs/plugin/relativeTime');
+var index$b = require('./index-0339d2cb.js');
+var index$c = require('./index-cac242c6.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-0789377d.js');
-var core$2 = require('./core-d4a30a3c.js');
+var Locale = require('./Locale-b2389735.js');
+var core$2 = require('./core-619fad62.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,6 +834,245 @@ 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%;
@@ -841,10 +1080,6 @@ const StyledItem$4 = styled__default["default"].a `
   align-items: center;
   text-decoration: none;
 
-  &[data-has-button='true'] {
-    cursor: default;
-    pointer-events: none;
-  }
   * {
     pointer-events: none;
   }
@@ -871,7 +1106,7 @@ const StyledImageCard$2 = styled__default["default"].div `
     padding-top: 100px;
   }
 `;
-const StyledButton = styled__default["default"].button `
+const StyledButton = styled__default["default"].a `
   ${utils.MediaQueries.tdDown} {
     position: relative;
     bottom: 0;
@@ -880,39 +1115,40 @@ const StyledButton = styled__default["default"].button `
     padding: 4px 8px;
     width: 90px;
     height: 24px;
-    min-height: 24px;
-    max-height: 24px;
     font-size: 11px;
-    line-height: 16px;
-    border-radius: 8px;
   }
 
+  display: flex;
+  align-items: center;
+  justify-content: center;
   position: absolute;
   bottom: 8px;
   left: 8px;
   right: 8px;
-  height: 40px;
-  min-height: 40px;
-  max-height: 40px;
-  padding: 8px 16px;
-  pointer-events: auto;
+  height: 32px;
+  padding: 6px 12px;
 
   background: ${(props) => props.bgColor};
-  border-radius: 12px;
+  border-radius: 10px;
   border: none;
   transition: all 0.2s ease-in-out;
 
   color: ${(props) => props.textColor};
   font-family: 'Inter';
   font-weight: 500;
-  font-size: 15px;
-  text-align: center;
-  cursor: pointer;
+  font-size: 14px;
 
   &:hover {
-    opacity: 0.9;
-    color: ${(props) => props.bgColor};
-    background: ${(props) => props.textColor};
+    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 `
@@ -936,7 +1172,7 @@ const Item$3 = ({ item, index = 0 }) => {
         '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', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
+    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("div", { style: {
@@ -945,7 +1181,7 @@ const Item$3 = ({ item, index = 0 }) => {
                 gap: 8,
             } },
             React__default["default"].createElement(StyledTitle$3, null, item.title),
-            !!item.buttonDisplay && (React__default["default"].createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
+            !!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 }) => {
@@ -1095,7 +1331,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,
@@ -1586,7 +1822,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, }) => {
@@ -1618,24 +1854,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%;
@@ -1846,181 +2064,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,
-        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$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 }) => {