@hhgtech/hhg-components 1.29.511-beta-5 → 1.29.511-beta-7

package/build/{index-96c4c172.js → index-704b4f05.js}

@@ -1,50 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-0151e882.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
 var React = require('react');
-var SiteWideBanner = require('./SiteWideBanner-73b57f69.js');
-var index$3 = require('./index-7eca235c.js');
-var normalizeLink = require('./normalizeLink-bcd39837.js');
-var dataTransform = require('./dataTransform-253f6ffb.js');
+var SiteWideBanner = require('./SiteWideBanner-2ecf3355.js');
+var index$3 = require('./index-447a45f2.js');
+var normalizeLink = require('./normalizeLink-dbc91d46.js');
+var dataTransform = require('./dataTransform-b394f817.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-87becf43.js');
+require('./translationsContext-168b87fe.js');
 var styled = require('@emotion/styled');
-var index = require('./index-9fc33d50.js');
+var index = require('./index-4b486790.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-b664c289.js');
+var navigationProfileButton = require('./index-d441d01c.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$c = require('./index-e21ab8b8.js');
+var index$c = require('./index-2d93ce16.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$9 = require('./index-15b2a8c7.js');
-var index$6 = require('./index-6f8177e1.js');
-require('./index-d30fe48e.js');
-var index$4 = require('./index-748ef77a.js');
-var index$2 = require('./index-6bc49071.js');
-require('./index-9521486d.js');
-require('./index.styles-f7c729b2.js');
+var index$b = require('./index-2ed478a8.js');
+var index$6 = require('./index-e4a3055a.js');
+require('./index-b89f0275.js');
+var index$4 = require('./index-85e58573.js');
+var index$2 = require('./index-6a99274f.js');
+require('./index-57c66044.js');
+require('./index.styles-ee959ea5.js');
 require('@mantine/hooks');
-var utils = require('./utils-1014659b.js');
-require('./index-8dbee82a.js');
-var constants = require('./constants-74da7565.js');
-var store = require('./store-f88a73a2.js');
-var index$5 = require('./index-98f1ad30.js');
-var index$1 = require('./index-1ed8c1a3.js');
-var useIsInit = require('./useIsInit-521d55ce.js');
-var constants$1 = require('./constants-c8be2638.js');
+var utils = require('./utils-a619dc69.js');
+require('./index-057b72b1.js');
+var constants = require('./constants-74f4319d.js');
+var store = require('./store-7977f639.js');
+var constants$2 = require('./constants-b0e1f79e.js');
+var index$5 = require('./index-cd362e12.js');
+var index$1 = require('./index-23ef9b94.js');
+var useCartCareService = require('./useCartCareService-8b8e9ccb.js');
+var constants$1 = require('./constants-d7b18a38.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-7239c874.js');
-var index$8 = require('./index-4bbec4c3.js');
-var formatString = require('string-format');
-var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$a = require('./index-2cca5a6b.js');
+var index$7 = require('./index-e4f4e157.js');
+var index$8 = require('./index-882ef9dd.js');
+var utils$1 = require('./utils-4302d18a.js');
+var index$9 = require('./index-08a5422d.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$b = require('./index-96858fa8.js');
-var Locale = require('./Locale-fa845eb1.js');
+var index$a = require('./index-cf4295a1.js');
+var index$d = require('./index-0dd97459.js');
+var Locale = require('./Locale-d590d795.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-9272a687.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var core$2 = require('./core-6f6e931b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -69,17 +71,18 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(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 debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
-const HamburgerWhite = (props) => (React__namespace.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React__namespace.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const HamburgerWhite = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M4 7H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M4 17H20", stroke: "white", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const StarPair = (props) => (React__namespace.createElement("svg", Object.assign({ width: "22", height: "28", viewBox: "0 0 22 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+/* eslint-disable prettier/prettier */
+const StarPair = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 22 28", fill: "none" }, props),
     React__namespace.createElement("path", { d: "M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z", fill: "#2743AD" }),
     React__namespace.createElement("path", { d: "M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z", fill: "#2743AD" })));
 
@@ -236,7 +239,7 @@ const ItemMenu = ({ item, menu }) => {
     const { containerRef, onButtonMouseDown, onClose } = navigationProfileButton.useCSSFocusPopupHelper({
         allowBgScroll: true,
     });
-    const isInit = useIsInit.useIsInit();
+    const isInit = useCartCareService.useIsInit();
     if (!item.popupType && item.link) {
         return (React__namespace["default"].createElement(NewWrapper, { isNew: item.isNew },
             React__namespace["default"].createElement("a", { className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''}`, tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link },
@@ -605,245 +608,6 @@ const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
                 React__namespace["default"].createElement(index$7.Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.care.noDatas.title'), description: t('home.navigator.menu.care.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.care.homeButton'), icon: index$6.CommonGAssets.getAssetPath('community.svg') }))));
 };
 
-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$9.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)];
-}
-
 var styles$1 = {"gridContainer":"q3nL5cp","container":"_2DNf80G","closeWrapper":"Q-glX-n"};
 
 const BtnClosePopup = ({ onClosePopup }) => {
@@ -854,10 +618,10 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, stylesContainer, }) => {
     return (React__namespace["default"].createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__namespace["default"].createElement(index$a.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
+        React__namespace["default"].createElement(index$9.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
             !hideCloseBtn && (React__namespace["default"].createElement("div", { className: styles$1.container },
                 React__namespace["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
-            React__namespace["default"].createElement(index$a.Container, { className: styles$1.gridContainer, style: stylesContainer }, children))));
+            React__namespace["default"].createElement(index$9.Container, { className: styles$1.gridContainer, style: stylesContainer }, children))));
 };
 
 const Phone = (_a) => {
@@ -1045,7 +809,7 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
                     return {};
                 return {
                     name: String(specialty.name) || '',
-                    link: getCareSearchUrl({
+                    link: utils$1.getCareSearchUrl({
                         type: 'DOCTOR',
                         specialtySlug: specialty.slug,
                         locale,
@@ -1143,9 +907,9 @@ const StyledButton = styled__default["default"].a `
         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);
+        const rgb = utils$1.hexToRgb(bgColor, true);
+        const hsb = utils$1.rgbToHsb(rgb.r, rgb.g, rgb.b);
+        const newPattern1 = utils$1.hsbToRgb(hsb[0], hsb[1] + 16, hsb[2] - 16);
         return `rgb(${newPattern1[0]},${newPattern1[1]},${newPattern1[2]})`;
     }
     return '';
@@ -1348,7 +1112,7 @@ const Item$2 = ({ post, index = 0 }) => {
     return (React__namespace["default"].createElement(StyledItem$3, { href: postUrl, "data-event-category": "Hamburger Navigation", "data-event-action": `Together Click ${index + 1}`, "data-event-label": postUrl },
         React__namespace["default"].createElement(StyledContent$1, null,
             React__namespace["default"].createElement(StyledInfoUser, null,
-                React__namespace["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__namespace["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__namespace["default"].createElement(StyledWrapInfo, null,
                     React__namespace["default"].createElement(StyledName, { "data-theme": siteType }, (_e = post.author) === null || _e === void 0 ? void 0 : _e.name),
                     React__namespace["default"].createElement(StyledInfo, null,
@@ -1823,7 +1587,7 @@ const StyledContainerItems$1 = styled__default["default"].div `
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__namespace["default"].createElement(SiteWideBanner.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$9.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__namespace["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$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__namespace["default"].createElement(SiteWideBanner.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$b.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__namespace["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$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
@@ -2163,6 +1927,19 @@ const StyledHeaderWrapper = styled__default["default"].div `
     }
 
     .profile-nav-group {
+      margin-left: 12px;
+      gap: 24px;
+
+      ${utils.MediaQueries.pcDown} {
+        margin-left: 16px;
+        gap: 16px;
+      }
+
+      ${utils.MediaQueries.mbDown} {
+        margin-left: 0;
+        gap: 16px;
+      }
+
       .login-btn {
         border-radius: 28px;
         border-color: rgba(255, 255, 255, 0.2);
@@ -2173,6 +1950,16 @@ const StyledHeaderWrapper = styled__default["default"].div `
       }
     }
 
+    .hhgcomp-navigation-itemnav-headeritem {
+      gap: 2px;
+      ${utils.MediaQueries.pcUp} {
+        padding: 0 12px;
+      }
+      ${utils.MediaQueries.pcDown} {
+        padding: 0 6px;
+      }
+    }
+
     .mobile-close-icon {
       path {
         stroke: ${miscTheme.theme.colors.white};
@@ -2229,7 +2016,7 @@ const StyledHeaderWrapper = styled__default["default"].div `
     }
 
     &[data-header-type='home'] {
-      z-index: ${Z_INDEX.headerContainerHome};
+      z-index: ${utils$1.Z_INDEX.headerContainerHome};
     }
 
     &[data-is-displayed='false'] {
@@ -2411,7 +2198,7 @@ const StyleButtonAiChat = styled__default["default"](index$2.Button) `
 `;
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
     // sitewideBannerShown = true,
     sitewideSite = 'discover', sponsorComponent, isHomepage = false, 
@@ -2420,7 +2207,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // ssrMenuContent: { categories, healthTools, care, together },
     configs: { statics, 
     // enableNavCareBooking,
-    enableSearchBar, enableNavChatbotAi, enableNavClinityDownload, enableAppIntroPage,
+    enableSearchBar, enableNavChatbotAi, enableNavClinityDownload, enableAppIntroPage, enableNavCartCare,
     // enableNavVideo,
     // enableNavCare,
     // enableProfileMyHealth,
@@ -2437,6 +2224,9 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const scrollY = React.useRef(47);
     const headerRef = React.useRef(null);
     const collapsedMenu = React.useRef(false);
+    const { getHref } = useCartCareService.useCartCareService();
+    const cartBaseUrl = `${normalizeLink.getCurrentBaseUrl(locale)}/${constants.CARE_BASE_PATH}/${(_a = constants$2.LOCALISED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.CART}/`;
+    const cartHref = getHref();
     const goToLogin = () => {
         if (store.IS_SSOV2_ENABLED(locale))
             return triggerLogin();
@@ -2446,7 +2236,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : currentLocation;
     };
     const logoType = siteType === 'helloSites'
-        ? (_a = index$3.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE
+        ? (_b = index$3.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE
         : siteType;
     const isBrowser = typeof window !== 'undefined';
     const scrolling = React.useCallback(throttle__default["default"](() => {
@@ -2504,11 +2294,12 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         : true), originalMenuItems: menuItems, className: customClasses.navMenu })),
                 React__namespace["default"].createElement(StyledProfileNavGroup, { className: "profile-nav-group" },
                     languageMenu,
+                    enableNavCartCare && winCashBackTheme && (React__namespace["default"].createElement(index$d.CartCareButton, { href: cartHref !== null && cartHref !== void 0 ? cartHref : cartBaseUrl, count: cartHref ? 1 : 0 })),
                     enableNavChatbotAi && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${normalizeLink.getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
-                        React__namespace["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = index$3.LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
-                            _b.SITE_NAME,
+                        React__namespace["default"].createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__namespace["default"].createElement(other.ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_c = index$3.LOCALE_SPECS[locale]) === null || _c === void 0 ? void 0 :
+                            _c.SITE_NAME,
                             " AI"))),
-                    enableNavClinityDownload && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${(_c = index$3.STATIC_PAGES[locale]) === null || _c === void 0 ? void 0 : _c.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_d = index$3.STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
+                    enableNavClinityDownload && (React__namespace["default"].createElement(core$1.Box, { component: "a", href: `${(_d = index$3.STATIC_PAGES[locale]) === null || _d === void 0 ? void 0 : _d.CLINITY_DOWNLOAD_LINK}`, target: "_blank", "data-event-category": "Hamburger Navigation", "data-event-action": "Download Clinity", "data-event-label": `${(_e = index$3.STATIC_PAGES[locale]) === null || _e === void 0 ? void 0 : _e.CLINITY_DOWNLOAD_LINK}`, "data-cart-menu": true },
                         React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('clinity-download.png'), alt: "Clinity", className: "clinity-logo", style: { display: 'block' } }))),
                     slot,
                     React__namespace["default"].createElement(navigationProfileButton.NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
@@ -2791,15 +2582,15 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
                     fetch(normalizeLink.normalizeLinkSlash(`${normalizeLink.getDiscoverApiDomain(locale)}/wp-json/api/video/navigation`)).then((res) => res.json()),
             ]);
             res.categories = {
-                items: ((_b = (_a = categories === null || categories === void 0 ? void 0 : categories.data) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, formatCategory)) || [],
-                spotlights: ((_f = (_e = (_d = (_c = spotlights === null || spotlights === void 0 ? void 0 : spotlights.data) === null || _c === void 0 ? void 0 : _c.articles) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.call(_d, formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(checkAvailableSpotlight)) || [],
+                items: ((_b = (_a = categories === null || categories === void 0 ? void 0 : categories.data) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, utils$1.formatCategory)) || [],
+                spotlights: ((_f = (_e = (_d = (_c = spotlights === null || spotlights === void 0 ? void 0 : spotlights.data) === null || _c === void 0 ? void 0 : _c.articles) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.call(_d, utils$1.formatSpotlightsList)) === null || _f === void 0 ? void 0 : _f.filter(utils$1.checkAvailableSpotlight)) || [],
             };
             res.healthTools = {
-                items: ((_h = (_g = healthtools === null || healthtools === void 0 ? void 0 : healthtools.data) === null || _g === void 0 ? void 0 : _g.map) === null || _h === void 0 ? void 0 : _h.call(_g, formatHealthTool)) || [],
-                spotlights: ((_k = (_j = healthtoolsFavorites === null || healthtoolsFavorites === void 0 ? void 0 : healthtoolsFavorites.data) === null || _j === void 0 ? void 0 : _j.map) === null || _k === void 0 ? void 0 : _k.call(_j, formatHealthTool)) || [],
+                items: ((_h = (_g = healthtools === null || healthtools === void 0 ? void 0 : healthtools.data) === null || _g === void 0 ? void 0 : _g.map) === null || _h === void 0 ? void 0 : _h.call(_g, utils$1.formatHealthTool)) || [],
+                spotlights: ((_k = (_j = healthtoolsFavorites === null || healthtoolsFavorites === void 0 ? void 0 : healthtoolsFavorites.data) === null || _j === void 0 ? void 0 : _j.map) === null || _k === void 0 ? void 0 : _k.call(_j, utils$1.formatHealthTool)) || [],
             };
             res.videos = {
-                spotlights: ((_m = (_l = videos === null || videos === void 0 ? void 0 : videos.data) === null || _l === void 0 ? void 0 : _l.videos) !== null && _m !== void 0 ? _m : []).map(formatVideoItem),
+                spotlights: ((_m = (_l = videos === null || videos === void 0 ? void 0 : videos.data) === null || _l === void 0 ? void 0 : _l.videos) !== null && _m !== void 0 ? _m : []).map(utils$1.formatVideoItem),
             };
         }
         catch (_1) { }
@@ -2825,8 +2616,8 @@ const getNavMenuContent = (locale) => tslib_es6.__awaiter(void 0, void 0, void 0
                         `/api/options/setting_menu?site=${constantsDomainLocales.domainLocales[locale]}&type=1`)).then((res) => res.json()),
                 ]);
                 res.care = {
-                    items: ((_x = (_w = (_v = (_u = specialties === null || specialties === void 0 ? void 0 : specialties._data) === null || _u === void 0 ? void 0 : _u.setting_menu) === null || _v === void 0 ? void 0 : _v.menu_specialty) === null || _w === void 0 ? void 0 : _w.map) === null || _x === void 0 ? void 0 : _x.call(_w, formatSpecialties)) || [],
-                    spotlights: ((_0 = (_z = (_y = hospitals === null || hospitals === void 0 ? void 0 : hospitals._data.setting_menu) === null || _y === void 0 ? void 0 : _y.menu_hospital) === null || _z === void 0 ? void 0 : _z.map) === null || _0 === void 0 ? void 0 : _0.call(_z, formatHospital)) || [],
+                    items: ((_x = (_w = (_v = (_u = specialties === null || specialties === void 0 ? void 0 : specialties._data) === null || _u === void 0 ? void 0 : _u.setting_menu) === null || _v === void 0 ? void 0 : _v.menu_specialty) === null || _w === void 0 ? void 0 : _w.map) === null || _x === void 0 ? void 0 : _x.call(_w, utils$1.formatSpecialties)) || [],
+                    spotlights: ((_0 = (_z = (_y = hospitals === null || hospitals === void 0 ? void 0 : hospitals._data.setting_menu) === null || _y === void 0 ? void 0 : _y.menu_hospital) === null || _z === void 0 ? void 0 : _z.map) === null || _0 === void 0 ? void 0 : _0.call(_z, utils$1.formatHospital)) || [],
                 };
             }
             catch (_3) { }
@@ -2847,4 +2638,3 @@ exports.NavigationV2 = NavigationV2;
 exports.StarPair = StarPair;
 exports.getNavMenuContent = getNavMenuContent;
 exports.getNavMenuContentWithCache = getNavMenuContentWithCache;
-exports.getTogetherUserPostsApiPath = getTogetherUserPostsApiPath;

package/build/{index-38497251.js → index-735e3b9d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-0151e882.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-9fc33d50.js');
-var index = require('./index-9521486d.js');
+var index$1 = require('./index-4b486790.js');
+var index = require('./index-57c66044.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-053d81c3.js → index-751c6fb1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-1ed8c1a3.js');
-var index$1 = require('./index-7239c874.js');
+var index = require('./index-23ef9b94.js');
+var index$1 = require('./index-e4f4e157.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-109af272.js → index-765d17eb.js}

@@ -1,30 +1,30 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-0151e882.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-e0f3b58d.js');
-var constants = require('./constants-71761e3e.js');
+var useHealthToolCache = require('./useHealthToolCache-0ba5c2aa.js');
+var constants = require('./constants-b0e1f79e.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-9fc33d50.js');
+var index$2 = require('./index-4b486790.js');
 require('@mantine/dates');
-require('./index-7eca235c.js');
-require('./index-15b2a8c7.js');
-require('./index-6f8177e1.js');
-require('./index-d30fe48e.js');
-var index$1 = require('./index-748ef77a.js');
-require('./index-6bc49071.js');
-var index$5 = require('./index-9521486d.js');
-require('./index.styles-f7c729b2.js');
-var index = require('./index-1ed8c1a3.js');
+require('./index-447a45f2.js');
+require('./index-2ed478a8.js');
+require('./index-e4a3055a.js');
+require('./index-b89f0275.js');
+var index$1 = require('./index-85e58573.js');
+require('./index-6a99274f.js');
+var index$5 = require('./index-57c66044.js');
+require('./index.styles-ee959ea5.js');
+var index = require('./index-23ef9b94.js');
 require('@mantine/hooks');
-require('./utils-1014659b.js');
-require('./index-8dbee82a.js');
-var index$3 = require('./index-aed9cbb7.js');
-var context = require('./context-065c4eaa.js');
-var index$4 = require('./index-0febeb04.js');
+require('./utils-a619dc69.js');
+require('./index-057b72b1.js');
+var index$3 = require('./index-0429aab1.js');
+var context = require('./context-b60fe2aa.js');
+var index$4 = require('./index-be9e1c6e.js');
 require('@hhgtech/icons/other');
-var Locale = require('./Locale-fa845eb1.js');
+var Locale = require('./Locale-d590d795.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');