@hhgtech/hhg-components 1.29.402 → 1.29.403

package/build/esm/{index-9d55c9d9.js → index-c59aca6b.js}

@@ -1,49 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c5c88a1a.js';
-import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-22c8bd62.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-f16e6912.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-ee2df990.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-d94e4b86.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-a0af498d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8ffea6c1.js';
+import React__default, { useMemo, useContext, useState, useEffect, useRef, useCallback } from 'react';
+import { V as VideoType } from './index-3c9b77d8.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-db614ab7.js';
+import { S as STATIC_PAGES, L as LOCALE_SPECS, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-08577405.js';
+import { n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-85ee1c47.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-3c7966f3.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo$1 } from './index-a670cbef.js';
+import { L as Logo$1 } from './index-e9c562fc.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-70a1642d.js';
+import { I as Input } from './index-344c89f9.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
-import './useMantineLocale-3cf49008.js';
-import { T as Text } from './index-25bf0d9d.js';
-import { B as Button$1 } from './index-f87618fa.js';
-import './index.styles-f9fed606.js';
-import './translationsContext-c6c49512.js';
+import { C as CommonGAssets } from './index-132603eb.js';
+import './useMantineLocale-61626c6b.js';
+import { T as Text } from './index-67a923f4.js';
+import { B as Button$1 } from './index-8089b2e6.js';
+import './index.styles-6de3f4f1.js';
+import './translationsContext-695535ef.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-08e14341.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
-import { L as LOCALISED_SLUGS } from './constants-1ce79c4b.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-f49609e7.js';
+import './other-71e7e646.js';
+import './index-2ffca0a7.js';
+import { L as LOCALISED_SLUGS } from './constants-e2ba6e30.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-193d45aa.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-2e2ab65a.js';
-import { i as domainLocalesMarryBaby } from './utils-7d0b551e.js';
-import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-44a758f4.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import { u as useCSSFocusPopupHelper, a as NavigationContext, N as NavigationProfileButton, b as NavigationProvider } from './index-66665b51.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-64db2db8.js';
+import { L as LOCALIZED_SLUGS } from './constants-a52fee48.js';
+import { u as useTranslations } from './index-d97df5ca.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-b276a790.js';
+import { H as Heading } from './index-e025cf75.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Indicator$1 } from './index-878de0b3.js';
-import { u as useIsInit } from './useIsInit-30f5f78e.js';
+import { I as Indicator$1 } from './index-7ee380c8.js';
+import { u as useIsInit } from './useIsInit-34a6b817.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button } from './index-06f14c1f.js';
+import { B as Button } from './index-d8562ddd.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-703b551a.js';
+import { U as UserAvatar } from './index-5b3679e3.js';
 import formatString from 'string-format';
-import { C as Container } from './index-23cfa29e.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { C as Container } from './index-c71a9339.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-d66f3a35.js';
-import { g as getDataWithCache } from './core-bb5eeda6.js';
+import { L as LOCALE } from './Locale-ba710a0f.js';
+import { g as getDataWithCache } from './core-738d04bf.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -88,100 +87,6 @@ const DisplayWrapper = ({ forceDisplay, mediaQueryKey, children, className, styl
 
 var styles$2 = {"menuContainer":"y5VJdvw","menuIcon":"oVhOSCy","menuIconWrapper":"pX8OXTM"};
 
-const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
-    const config = useMemo(() => {
-        const enableSearchBar = projectType === 'discover' ||
-            projectType === 'together' ||
-            projectType === 'marryBaby' ||
-            (projectType === 'profile' && siteType === 'marryBaby');
-        const enableNavCare = siteType !== 'marryBaby' &&
-            projectType !== 'marryBaby' &&
-            CARE_LOCALES.includes(locale);
-        const enableNavCareBooking = enableBookingBtn &&
-            projectType !== 'marryBaby' &&
-            projectType === 'discover' &&
-            siteType !== 'marryBaby' &&
-            CARE_BOOKING_LOCALES.includes(locale);
-        const enableNavTogether = projectType === 'marryBaby' || TOGETHER_LOCALES.includes(locale);
-        const enableNavDiscover = true;
-        const enableNavHealthTools = true;
-        const enableProfileMySaved = true;
-        const enableNavEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
-        const enableProfileEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
-        const enableProfileMyHealth = true;
-        const enableNavVideo = VIDEO_LOCALES.includes(locale);
-        const baseUrl = getCurrentBaseUrl(locale, siteType === 'marryBaby');
-        let fixBaseUrl = baseUrl;
-        if (typeof window !== 'undefined') {
-            if (fixBaseUrl.includes('//id.'))
-                fixBaseUrl = fixBaseUrl.replace('id.', '');
-            if (fixBaseUrl.includes('//staging-id.'))
-                fixBaseUrl = fixBaseUrl.replace('staging-id.', 'discover.');
-        }
-        const ssoUrl = getCurrentSsoUrl(locale, siteType === 'marryBaby');
-        const statics = (() => {
-            return {
-                HOME_PAGE_URL: fixBaseUrl,
-                CARE_URL_FE: `${fixBaseUrl}/care`,
-                TOGETHER_URL_FE: `${fixBaseUrl}/community`,
-                VIDEO_URL_FE: `${fixBaseUrl}/videos`,
-                SSO_URL: ssoUrl,
-                TOGETHER_API: getTogetherApiDomain(),
-                DISCOVER_API: getDiscoverApiDomain(locale),
-            };
-        })();
-        return {
-            enableSearchBar,
-            enableNavCare,
-            enableNavCareBooking,
-            enableNavTogether,
-            enableNavEcom,
-            enableProfileEcom,
-            enableNavVideo,
-            enableProfileMyHealth,
-            enableNavDiscover,
-            enableNavHealthTools,
-            enableProfileMySaved,
-            statics,
-        };
-    }, []);
-    return config;
-};
-
-const NavigationContext = React__default.createContext({});
-const NavigationProvider = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const [currentUrl, setCurrentUrl] = React__default.useState(() => {
-        return (props.currentUrl ||
-            `https://${props.siteType === 'marryBaby'
-                ? domainLocalesMarryBaby[props.locale || 'en-PH']
-                : domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
-                ? '/community'
-                : props.projectType === 'ecom'
-                    ? '/ecom'
-                    : props.projectType === 'care'
-                        ? '/care'
-                        : ''}/`);
-    });
-    useEffect(() => {
-        const update = () => {
-            setCurrentUrl(window.location.href);
-        };
-        window.addEventListener('popstate', update);
-        update();
-        return () => {
-            window.removeEventListener('popstate', update);
-        };
-    }, []);
-    const configs = useNavConfig({
-        locale: props.locale,
-        projectType: props.projectType,
-        siteType: props.siteType,
-        enableBookingBtn: props.enableBookingBtn,
-    });
-    return (React__default.createElement(NavigationContext.Provider, { value: Object.assign(Object.assign({}, props), { configs: Object.assign(Object.assign({}, configs), props.configs), currentUrl: props.currentUrl || currentUrl }) }, children));
-};
-
 function ClosePopupIcon({ className }) {
     return (React__default.createElement("div", null,
         React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
@@ -1505,9 +1410,9 @@ const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
 
 const MenuServiceList = ({ closePopup, menuItems = [], projectType, isHomepage = false, }) => {
     var _a, _b;
-    const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, } = useContext(NavigationContext);
+    const { siteType, ssrMenuContent: { categories, healthTools, care, together, ecom, videos }, activeMenuService, configs: { statics }, locale, customClasses, } = useContext(NavigationContext);
     const { t } = useTranslations();
-    return (React__default.createElement(StyledMasterMenuContainer, { id: 'categories-menu' },
+    return (React__default.createElement(StyledMasterMenuContainer, { className: customClasses.categoriesMenu, id: "categories-menu" },
         !isHomepage && (React__default.createElement(StyleWrapperSearch, null,
             React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: false, isRedirectSearchPage: true }))),
         React__default.createElement(StyledWrapper, null,
@@ -2264,7 +2169,7 @@ const MenuViewMore = ({ menuItems = [], isOpen, onClose }) => {
                     React__default.createElement(Logo, { width: 16, height: 15 })) }, `${LOCALE_SPECS[locale || 'en-PH'].SITE_NAME_FORMATTED} App`)))));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
     var _a, _b;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, 
     // onBookingClick,
@@ -2281,7 +2186,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     // enableProfileEcom,
      }, userState: { userInfo }, onLogout, 
     // userProfileRouterPush,
-    isUserLoading, } = useContext(NavigationContext);
+    isUserLoading, slot, } = useContext(NavigationContext);
     const { triggerLogin } = useSSOV2Store();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
@@ -2337,10 +2242,10 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             scrolling();
     }, [isMobile]);
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
-    return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef },
+    return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef, className: customClasses.wrapper },
         sitewideBanner,
-        React__default.createElement(StyledHeader, { "data-site-type": siteType },
-            React__default.createElement(StyledLeftGroup, { "data-site-type": siteType },
+        React__default.createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType },
+            React__default.createElement(StyledLeftGroup, { className: customClasses.leftGroup, "data-site-type": siteType },
                 isMobile && (React__default.createElement(HamburgerMenu, { menuItems: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__default.createElement("a", { style: {
                         flexShrink: 0,
@@ -2349,18 +2254,19 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         React__default.createElement(Logo$1, { style: {
                                 display: 'flex',
                             }, type: logoType, badge: locale === 'id-ID' && (React__default.createElement("img", { src: CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
-                !isMobile && (React__default.createElement(React__default.Fragment, null, siteType === 'marryBaby' ? (React__default.createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems })) : (enableSearchBar && (React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
-            React__default.createElement(StyledRightGroup, { "data-site-type": siteType },
-                !isMobile && siteType !== 'marryBaby' && (React__default.createElement(NavigationMenu, { menuItems: menuItems.filter((m) => m.id !== 'ecom' && m.id !== 'care'), originalMenuItems: menuItems })),
+                !isMobile && (React__default.createElement(React__default.Fragment, null, siteType === 'marryBaby' ? (React__default.createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems, className: customClasses.navMenu })) : (enableSearchBar && (React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
+            React__default.createElement(StyledRightGroup, { className: customClasses.rightGroup, "data-site-type": siteType },
+                !isMobile && siteType !== 'marryBaby' && (React__default.createElement(NavigationMenu, { menuItems: menuItems.filter((m) => m.id !== 'ecom' && m.id !== 'care'), originalMenuItems: menuItems, className: customClasses.navMenu })),
                 React__default.createElement(StyledProfileNavGroup, null,
                     languageMenu,
                     enableNavChatbotAi && (React__default.createElement(Box, { component: "a", href: `${getCurrentBaseUrl(locale)}/ai-doctor`, "data-event-category": "Chatbot AI", "data-event-action": "Open", "data-event-label": "Hamburger Navigation", className: "ai-doctor-nav-item" },
                         React__default.createElement(StyleButtonAiChat, { variant: "tertiary", leftIcon: React__default.createElement(ChatAi, { size: 18, color: "#2F8AF2" }), size: "md", className: "ai-doctor-btn" }, (_b = LOCALE_SPECS[locale]) === null || _b === void 0 ? void 0 :
                             _b.SITE_NAME,
                             " AI"))),
+                    slot,
                     React__default.createElement(NavigationProfileButton, { userInfo: userInfo, siteType: siteType, onLoginClick: onLoginClick || goToLogin, 
                         // SSO_URL={normalizeLink(statics.SSO_URL)}
-                        currentUrl: currentUrl, onLogout: onLogout, isLoading: isUserLoading, locale: locale, enableAppIntroPage: enableAppIntroPage, isMobile: isMobile }),
+                        currentUrl: currentUrl, onLogout: onLogout, isLoading: isUserLoading, locale: locale, enableAppIntroPage: enableAppIntroPage, isMobile: isMobile, className: customClasses.profileBtn }),
                     cartNumber !== undefined && (React__default.createElement(React__default.Fragment, null,
                         !isMobile && (React__default.createElement("hr", { style: {
                                 height: 20,
@@ -2384,9 +2290,9 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
 };
 const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = false, isRedirectSearchPage = false, }) => (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: `${siteType === 'marryBaby' ? 'marry-baby' : ''} ${isHomepage ? 'block-show' : ''}` },
     React__default.createElement(SearchInput, { id: "desktop", projectType: projectType, isMobile: isMobile, isHomepage: isHomepage, isRedirectSearchPage: isRedirectSearchPage })));
-const NavigationMenu = ({ menuItems, originalMenuItems, }) => {
+const NavigationMenu = ({ menuItems, originalMenuItems, className, }) => {
     const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = useContext(NavigationContext);
-    return (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", style: { height: '100%' } },
+    return (React__default.createElement(DisplayWrapper, { className: className, mediaQueryKey: "mbUp", style: { height: '100%' } },
         React__default.createElement(StyledWrapMenuItems, { "data-site-type": siteType }, menuItems === null || menuItems === void 0 ? void 0 : menuItems.map((menuItem, index) => (React__default.createElement(ItemMenu, { key: index, item: menuItem, menu: menuItem.popupType === 'categories' ? (React__default.createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights })) : menuItem.popupType === 'tools' ? (React__default.createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights })) : menuItem.popupType === 'together' ? (React__default.createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights })) : menuItem.popupType === 'care' ? (React__default.createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights })) : menuItem.popupType === 'video' ? (React__default.createElement(MenuVideoList, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights })) : menuItem.popupType === 'other' ? (React__default.createElement(MenuViewMore, { menuItems: originalMenuItems })) : null }))))));
 };
 
@@ -2596,7 +2502,7 @@ const StyledContainer = styled.div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, projectType, customClasses = {}, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -2614,7 +2520,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default.createElement("section", { ref: headerRef },
-            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
+            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);

package/build/esm/{index-8aac2805.js → index-c771d708.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-55e0077a.js';
+import { u as useScrollbarSize } from './useScrollbarSize-d7658955.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-08e14341.js';
+import { M as MediaQueries } from './utils-f49609e7.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-571f47ff.js → index-d2fb0073.js}

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8ffea6c1.js';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-70a1642d.js';
+import { R as Radio } from './index-344c89f9.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-ee2df990.js';
-import './index-22c8bd62.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
-import './useMantineLocale-3cf49008.js';
-import { T as Text } from './index-25bf0d9d.js';
-import { B as Button$1 } from './index-f87618fa.js';
-import './index.styles-f9fed606.js';
-import './translationsContext-c6c49512.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-08577405.js';
+import './index-3c9b77d8.js';
+import { C as CommonGAssets } from './index-132603eb.js';
+import './useMantineLocale-61626c6b.js';
+import { T as Text } from './index-67a923f4.js';
+import { B as Button$1 } from './index-8089b2e6.js';
+import './index.styles-6de3f4f1.js';
+import './translationsContext-695535ef.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-08e14341.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
-import { i as isInternalLink } from './index-f16e6912.js';
+import { M as MediaQueries } from './utils-f49609e7.js';
+import './other-71e7e646.js';
+import './index-2ffca0a7.js';
+import { i as isInternalLink } from './index-db614ab7.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-0f74b8cb.js';
+import { C as Checkbox, P as PureInput } from './index-d44e74b9.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-a670cbef.js';
+import { L as Logo } from './index-e9c562fc.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-6787788b.js';
+import { a as useOutsideClick } from './useOutsideClick-a446e155.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-06f14c1f.js';
-import { u as useScreenSize } from './useScreenSize-a92a9419.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
-import { D as Dropdown } from './index-08e71721.js';
+import { B as Button } from './index-d8562ddd.js';
+import { u as useScreenSize } from './useScreenSize-dfb24ed3.js';
+import { u as useTranslations } from './index-d97df5ca.js';
+import { D as Dropdown } from './index-265c4d0d.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-d0a137c8.js';
-import { D as Drawer } from './index-e8904085.js';
+import { I as Input } from './index-935beff5.js';
+import { D as Drawer } from './index-d93de8df.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-d66f3a35.js';
+import { L as LOCALE } from './Locale-ba710a0f.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-0f74b8cb.js → index-d44e74b9.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-8ffea6c1.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-08e14341.js';
+import { M as MediaQueries } from './utils-f49609e7.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-d0a137c8.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-935beff5.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-06f14c1f.js → index-d8562ddd.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-8ffea6c1.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-f87618fa.js';
+import { B as Button$1 } from './index-8089b2e6.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-e8904085.js → index-d93de8df.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-08e14341.js';
+import { t as toggleNoScroll } from './utils-f49609e7.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-d78bce40.js';
-import { T as Text } from './index-25bf0d9d.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-7e7d6c73.js';
+import { T as Text } from './index-67a923f4.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-a8aef664.js → index-d9669dae.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-06f14c1f.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import { B as Button } from './index-d8562ddd.js';
+import { u as useTranslations } from './index-d97df5ca.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-50a6a5d1.js → index-d97df5ca.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-c6c49512.js';
+import { T as TranslationsContext } from './translationsContext-695535ef.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-9e8f52d7.js → index-db0c6652.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-8ffea6c1.js';
 import React__default from 'react';
-import './index-70a1642d.js';
+import './index-344c89f9.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-ee2df990.js';
-import './index-22c8bd62.js';
-import './index-7a64cf8c.js';
-import './useMantineLocale-3cf49008.js';
-import { T as Text$1 } from './index-25bf0d9d.js';
-import './index-f87618fa.js';
-import './index.styles-f9fed606.js';
-import './translationsContext-c6c49512.js';
+import './index-08577405.js';
+import './index-3c9b77d8.js';
+import './index-132603eb.js';
+import './useMantineLocale-61626c6b.js';
+import { T as Text$1 } from './index-67a923f4.js';
+import './index-8089b2e6.js';
+import './index.styles-6de3f4f1.js';
+import './translationsContext-695535ef.js';
 import '@mantine/hooks';
-import './utils-08e14341.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
+import './utils-f49609e7.js';
+import './other-71e7e646.js';
+import './index-2ffca0a7.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-f16e6912.js → index-db614ab7.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-70a1642d.js';
+import { F as Flag } from './index-344c89f9.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-25bf0d9d.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-ee2df990.js';
-import { V as VideoType } from './index-22c8bd62.js';
+import { T as Text } from './index-67a923f4.js';
+import { C as CommonGAssets } from './index-132603eb.js';
+import { _ as __rest } from './tslib.es6-8ffea6c1.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-08577405.js';
+import { V as VideoType } from './index-3c9b77d8.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-1af06f44.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import { a as abbreviateNumber } from './number-9a302b7d.js';
+import { u as useTranslations } from './index-d97df5ca.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-c96858e6.js';
-import { S as SocialLinkPreview } from './index-7b2adace.js';
+import { M as Modal } from './index-2f8761bc.js';
+import { S as SocialLinkPreview } from './index-6f5baf74.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-b276a790.js → index-e025cf75.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-8ffea6c1.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-25bf0d9d.js';
+import { T as Text } from './index-67a923f4.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-21f64a4d.js → index-e85f042b.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8ffea6c1.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-06f14c1f.js';
-import { H as Heading } from './index-b276a790.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import { B as Button } from './index-d8562ddd.js';
+import { H as Heading } from './index-e025cf75.js';
+import { u as useTranslations } from './index-d97df5ca.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-0e04697d.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-bf245cfc.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-5d556e3e.js';
+import { C as CommonGAssets } from './index-132603eb.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-ebffca0a.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-7d0b551e.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-687d32a0.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-585bee19.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-b99aa343.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-08e14341.js';
+import { M as MediaQueries } from './utils-f49609e7.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-a0af498d.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-3c7966f3.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-5dc9c599.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-baddb2b4.js';
-import { a as ProfileDetail, P as PostContent } from './index-10a82486.js';
-import { a as PostImagePreview } from './index-092d00a3.js';
-import { S as SocialLinkPreview } from './index-7b2adace.js';
-import { D as Divider } from './index-e18e8904.js';
-import './index-ee2df990.js';
+import { C as CardLink } from './index-bbba54f5.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-a97a4f40.js';
+import { a as ProfileDetail, P as PostContent } from './index-78b867ae.js';
+import { a as PostImagePreview } from './index-9ab23e32.js';
+import { S as SocialLinkPreview } from './index-6f5baf74.js';
+import { D as Divider } from './index-b30847d5.js';
+import './index-08577405.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-d0a137c8.js';
-import { T as Text } from './index-25bf0d9d.js';
-import { L as Loading } from './index-a8aef664.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-d94e4b86.js';
+import { I as Input } from './index-935beff5.js';
+import { T as Text } from './index-67a923f4.js';
+import { L as Loading } from './index-d9669dae.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-85ee1c47.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-a670cbef.js → index-e9c562fc.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-d66f3a35.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
+import { L as LOCALE } from './Locale-ba710a0f.js';
+import { C as CommonGAssets } from './index-132603eb.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-08e14341.js';
-import { L as LogoIcon } from './logoIcon-028913dd.js';
-import './index-22c8bd62.js';
-import { I as ImageWrap } from './useScreenSize-a92a9419.js';
+import { M as MediaQueries } from './utils-f49609e7.js';
+import { L as LogoIcon } from './logoIcon-a128ae7b.js';
+import './index-3c9b77d8.js';
+import { I as ImageWrap } from './useScreenSize-dfb24ed3.js';
 
 const StyledLogo = styled.div `
   position: relative;