@hhgtech/hhg-components 1.29.410 → 1.29.412

package/build/esm/{index-9d76b90d.js → index-4ea64ca5.js}

@@ -1,48 +1,154 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-bfa42c42.js';
-import React__default, { useMemo, useContext, useState, useEffect, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-8a031ec3.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-5cf7e162.js';
-import { S as STATIC_PAGES, L as LOCALE_SPECS, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-18ecb56d.js';
-import { n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-5ae23f13.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-5b6b2dcb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5c2f3910.js';
+import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
+import { V as VideoType } from './index-33967b7e.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-5c0af49f.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-001a6be5.js';
+import { n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-411d1ae6.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-5210bfbf.js';
+import { Close, Logo } from '@hhgtech/icons/core';
+import './translationsContext-9561c738.js';
+import styled from '@emotion/styled';
+import { I as Input } from './index-a7522c77.js';
+import { theme } from './miscTheme.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-db040d60.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo$1 } from './index-149adcd4.js';
+import { L as Logo$1 } from './index-e09205c9.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-6f3409b2.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-73bb3647.js';
-import './useMantineLocale-852d98ca.js';
-import { T as Text } from './index-b8c609c2.js';
-import { B as Button$1 } from './index-99f8bc19.js';
-import './index.styles-8802b687.js';
-import './translationsContext-95095e13.js';
+import { C as CommonGAssets } from './index-575e6549.js';
+import './useMantineLocale-8b661839.js';
+import { T as Text } from './index-afa0d541.js';
+import { B as Button } from './index-fef96a07.js';
+import './index.styles-6168003e.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-c526b4d5.js';
-import './other-4313f7b0.js';
-import './index-178fc49e.js';
-import { L as LOCALISED_SLUGS } from './constants-44fc8ce7.js';
-import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, a as NavigationContext, N as NavigationProfileButton, b as NavigationProvider } from './index-044d67b3.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-07dc10fe.js';
-import { L as LOCALIZED_SLUGS } from './constants-9ab4e5ff.js';
-import { u as useTranslations } from './index-265c599c.js';
-import { theme } from './miscTheme.js';
-import { H as Heading } from './index-23ba6711.js';
-import { Close, Logo } from '@hhgtech/icons/core';
-import { I as Indicator$1 } from './index-6f7bfec4.js';
-import { u as useIsInit } from './useIsInit-b8e07b60.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-5612bf85.js';
+import './other-41d99308.js';
+import './index-015e9122.js';
+import { L as LOCALISED_SLUGS } from './constants-3b006ffc.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-691b7b66.js';
+import { L as LOCALIZED_SLUGS } from './constants-a1d9e6b2.js';
+import { u as useTranslations } from './index-36afd739.js';
+import { H as Heading } from './index-f5d76578.js';
+import { I as Indicator$1 } from './index-e0c4aadd.js';
+import { u as useIsInit } from './useIsInit-74970e64.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button } from './index-c72a7032.js';
+import { B as Button$1 } from './index-e36bd2db.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-f94625f3.js';
+import { U as UserAvatar } from './index-faef15c4.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-742195e5.js';
+import { C as Container } from './index-d9ac95f3.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-798a572b.js';
-import { g as getDataWithCache } from './core-82d361f1.js';
+import { L as LOCALE } from './Locale-ab51c731.js';
+import { g as getDataWithCache } from './core-048098b1.js';
+
+const StyleInput = styled(Input) `
+  .mantine-Input-input {
+    border-radius: 40px;
+    background: ${theme.colors.white};
+    border: 1px solid ${theme.colors.blue200};
+
+    &:focus {
+      border: 1px solid ${theme.colors.primaryBase};
+    }
+  }
+
+  .close-icon-wrapper {
+    display: flex;
+    background-color: ${theme.colors.gray400};
+    border-radius: 100%;
+    cursor: pointer;
+
+    svg {
+      pointer-events: none;
+    }
+  }
+
+  .search-icon-btn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+`;
+
+const HHG_SEARCH_BACK_KEY = 'hhg_search_history';
+const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
+    const { locale, siteType } = useContext(NavigationContext);
+    const [keyword, setKeyword] = useState('');
+    const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
+    const { t } = useTranslations();
+    const goToSearchPage = useCallback((searchValue = '') => {
+        let sourceParam = '';
+        if (projectType === 'together') {
+            sourceParam = 'community';
+        }
+        if (projectType === 'discover') {
+            if (window.location.pathname.startsWith('/health-tools/')) {
+                sourceParam = 'health-tools';
+            }
+            else {
+                sourceParam = projectType;
+            }
+        }
+        localStorage.setItem(HHG_SEARCH_BACK_KEY, window.location.href);
+        const searchParams = new URLSearchParams(window.location.search);
+        searchParams.set('source', sourceParam);
+        searchParams.set('s', searchValue);
+        searchParams.delete('page');
+        window.location.href = `/search/?${searchParams.toString()}`;
+    }, [projectType]);
+    const goBack = useCallback(() => {
+        const historyBackUrl = localStorage.getItem(HHG_SEARCH_BACK_KEY);
+        if (!historyBackUrl) {
+            goToSearchPage('');
+            return;
+        }
+        localStorage.removeItem(HHG_SEARCH_BACK_KEY);
+        window.location.href = historyBackUrl;
+    }, [goToSearchPage]);
+    useEffect(() => {
+        if (typeof window !== 'undefined') {
+            const url = new URL(window.location.href);
+            const params = new URLSearchParams(url.search);
+            const searchValue = params.get('s');
+            if (projectType === 'discover' &&
+                window.location.pathname.startsWith('/search/')) {
+                setEventCategoryTracking('Search Page');
+            }
+            setKeyword(searchValue);
+        }
+    }, []);
+    return isMobile && !isHomepage ? (React__default.createElement(Button, { variant: "tertiary", style: {
+            padding: '6px',
+        }, size: "sm", onClick: goBack },
+        React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
+                verticalAlign: 'bottom',
+            } },
+            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: siteType === 'marryBaby'
+            ? t('navigation.search.input.placeholder')
+            : t('home.search', {
+                site: LOCALE_SPECS[locale || 'en-PH']
+                    ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
+                    : '',
+            }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
+            goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
+            e.preventDefault();
+            if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                goToSearchPage('');
+            }
+        }, rightSection: keyword ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
+            React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
+                if ((isMobile && isHomepage) || isRedirectSearchPage) {
+                    goToSearchPage('');
+                }
+            } },
+            React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
+                    verticalAlign: 'bottom',
+                } },
+                React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }));
+};
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -635,7 +741,7 @@ const SpotlightNoData = ({ title, link, description, cta, icon }) => {
             description && React__default.createElement(StyledDescription, null, description),
             cta && (React__default.createElement("div", null,
                 React__default.createElement("a", { href: link },
-                    React__default.createElement(Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
+                    React__default.createElement(Button$1, { theme: siteType, className: "survey-contact-submit", size: "md" }, cta)))))));
 };
 
 const StyledItemGridRight = styled.div `
@@ -702,7 +808,7 @@ const CareSpotlights = ({ spotlights = [], hrefViewMore }) => {
                 right: '1rem',
             } },
             React__default.createElement("a", { href: hrefViewMore },
-                React__default.createElement(Button, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__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: CommonGAssets.getAssetPath('community.svg') }))));
+                React__default.createElement(Button$1, { theme: siteType, className: "survey-contact-submit", size: "md" }, t('home.navigator.menu.care.homeButton')))))) : (React__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: CommonGAssets.getAssetPath('community.svg') }))));
 };
 
 const StyledContainerItems$4 = styled.div `
@@ -1646,7 +1752,7 @@ const StyledWrapMenuItems = styled.div `
 const StyleWrapperNavigtionSearch = styled.div `
   padding: 0 16px 6px;
 `;
-const StyleButtonAiChat = styled(Button$1) `
+const StyleButtonAiChat = styled(Button) `
   border-radius: 28px;
   border: 1px solid ${theme.colors.neutral200};
   &.ai-doctor-btn {
@@ -1665,103 +1771,6 @@ const StyleButtonAiChat = styled(Button$1) `
   }
 `;
 
-const StyleInput = styled(Input) `
-  .mantine-Input-input {
-    border-radius: 40px;
-    background: ${theme.colors.white};
-    border: 1px solid ${theme.colors.blue200};
-
-    &:focus {
-      border: 1px solid ${theme.colors.primaryBase};
-    }
-  }
-
-  .close-icon-wrapper {
-    display: flex;
-    background-color: ${theme.colors.gray400};
-    border-radius: 100%;
-    cursor: pointer;
-
-    svg {
-      pointer-events: none;
-    }
-  }
-
-  .search-icon-btn {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-`;
-
-const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, isRedirectSearchPage = false, }) => {
-    const { locale, configs: { statics }, siteType, } = useContext(NavigationContext);
-    const [keyword, setKeyword] = useState('');
-    const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
-    const { t } = useTranslations();
-    const goToSearchPage = (searchValue = '') => {
-        let sourceParam = '';
-        if (projectType === 'together') {
-            sourceParam = 'community';
-        }
-        if (projectType === 'discover') {
-            if (window.location.pathname.startsWith('/health-tools/')) {
-                sourceParam = 'health-tools';
-            }
-            else {
-                sourceParam = projectType;
-            }
-        }
-        const searchParams = new URLSearchParams(window.location.search);
-        searchParams.set('source', sourceParam);
-        searchParams.set('s', searchValue);
-        searchParams.delete('page');
-        window.location.href = `${statics.HOME_PAGE_URL}/search/?${searchParams.toString()}`;
-    };
-    useEffect(() => {
-        if (typeof window !== 'undefined') {
-            const url = new URL(window.location.href);
-            const params = new URLSearchParams(url.search);
-            const searchValue = params.get('s');
-            if (projectType === 'discover' &&
-                window.location.pathname.startsWith('/search/')) {
-                setEventCategoryTracking('Search Page');
-            }
-            setKeyword(searchValue);
-        }
-    }, []);
-    return isMobile && !isHomepage ? (React__default.createElement(Button$1, { variant: "tertiary", style: {
-            padding: '6px',
-        }, size: "sm", onClick: () => {
-            goToSearchPage('');
-        } },
-        React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
-                verticalAlign: 'bottom',
-            } },
-            React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: siteType === 'marryBaby'
-            ? t('navigation.search.input.placeholder')
-            : t('home.search', {
-                site: LOCALE_SPECS[locale || 'en-PH']
-                    ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
-                    : '',
-            }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
-            goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
-            e.preventDefault();
-            if ((isMobile && isHomepage) || isRedirectSearchPage) {
-                goToSearchPage('');
-            }
-        }, rightSection: keyword ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
-            React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
-                if ((isMobile && isHomepage) || isRedirectSearchPage) {
-                    goToSearchPage('');
-                }
-            } },
-            React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: {
-                    verticalAlign: 'bottom',
-                } },
-                React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }));
-};
-
 const formatSponsor = (sponsor) => {
     if (!sponsor)
         return {};
@@ -2058,7 +2067,7 @@ styled.div `
     grid-template-columns: 1fr;
   }
 `;
-const StyleButton = styled(Button$1) `
+const StyleButton = styled(Button) `
   border: 1px solid ${theme.colors.white} !important;
   .mantine-Button-leftIcon {
     width: 24px;
@@ -2593,4 +2602,4 @@ const getNavMenuContentWithCache = (locale) => __awaiter(void 0, void 0, void 0,
     return (yield getDataWithCache('nav-menu-content', () => getNavMenuContent(locale || 'en-PH'), (data) => { var _a, _b; return !!((_b = (_a = data === null || data === void 0 ? void 0 : data.categories) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length); })) || {};
 });
 
-export { NavigationV2 as N, getNavMenuContentWithCache as a, getTogetherUserPostsApiPath as b, getNavMenuContent as g };
+export { HHG_SEARCH_BACK_KEY as H, NavigationV2 as N, getNavMenuContentWithCache as a, getTogetherUserPostsApiPath as b, getNavMenuContent as g };

package/build/esm/{index-3debc0f8.js → index-568f39ce.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-5fc9d905.js';
+import { u as useScrollbarSize } from './useScrollbarSize-5a521268.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-c526b4d5.js';
+import { M as MediaQueries } from './utils-5612bf85.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-08551aae.js → index-59d2c11c.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-bfa42c42.js';
+import { a as __awaiter } from './tslib.es6-5c2f3910.js';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-5ae23f13.js';
-import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-18ecb56d.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-411d1ae6.js';
+import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-001a6be5.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-798a572b.js';
+import { L as LOCALE } from './Locale-ab51c731.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-5cf7e162.js → index-5c0af49f.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-6f3409b2.js';
+import { F as Flag } from './index-a7522c77.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-b8c609c2.js';
-import { C as CommonGAssets } from './index-73bb3647.js';
-import { _ as __rest } from './tslib.es6-bfa42c42.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-18ecb56d.js';
-import { V as VideoType } from './index-8a031ec3.js';
+import { T as Text } from './index-afa0d541.js';
+import { C as CommonGAssets } from './index-575e6549.js';
+import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-001a6be5.js';
+import { V as VideoType } from './index-33967b7e.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-5694c21b.js';
-import { u as useTranslations } from './index-265c599c.js';
+import { a as abbreviateNumber } from './number-8f14afd9.js';
+import { u as useTranslations } from './index-36afd739.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-7a6729e8.js';
-import { S as SocialLinkPreview } from './index-7647451b.js';
+import { M as Modal } from './index-b7f10e2c.js';
+import { S as SocialLinkPreview } from './index-8d84d37f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-4bac77ee.js → index-5e194d86.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-bfa42c42.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5c2f3910.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-178fc49e.js';
-import { L as Loading } from './index-4d741d84.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-5b6b2dcb.js';
+import { T as Tabs } from './index-015e9122.js';
+import { L as Loading } from './index-bd62f124.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-5210bfbf.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-4c7c5e43.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-6c603afa.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-73bb3647.js';
-import { I as ImageWrap } from './useScreenSize-1c2fca51.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-2772bfd3.js';
-import { S as SocialType } from './index-8a031ec3.js';
-import { u as useTranslations } from './index-265c599c.js';
+import { C as CommonGAssets } from './index-575e6549.js';
+import { I as ImageWrap } from './useScreenSize-eed7f4a5.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-63c03aa6.js';
+import { S as SocialType } from './index-33967b7e.js';
+import { u as useTranslations } from './index-36afd739.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-6f3409b2.js';
+import { A as Anchor$1 } from './index-a7522c77.js';
 import '@mantine/dates';
-import './index-18ecb56d.js';
-import './useMantineLocale-852d98ca.js';
-import { T as Text } from './index-b8c609c2.js';
-import { B as Button } from './index-99f8bc19.js';
-import './index.styles-8802b687.js';
+import './index-001a6be5.js';
+import './useMantineLocale-8b661839.js';
+import { T as Text } from './index-afa0d541.js';
+import { B as Button } from './index-fef96a07.js';
+import './index.styles-6168003e.js';
 import '@mantine/hooks';
-import './utils-c526b4d5.js';
-import './other-4313f7b0.js';
+import './utils-5612bf85.js';
+import './other-41d99308.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-74247854.js';
-import { B as Button$1 } from './index-c72a7032.js';
-import './translationsContext-95095e13.js';
+import { d as decodeMention, b as decodePostUrl } from './post-dff7287c.js';
+import { B as Button$1 } from './index-e36bd2db.js';
+import './translationsContext-9561c738.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-4cdd7da3.js → index-601b8341.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-bfa42c42.js';
+import { _ as __rest } from './tslib.es6-5c2f3910.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-c0b83857.js';
-import { S as Spinner } from './Spinner-a80dd1a6.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-fa0aca07.js';
+import { S as Spinner } from './Spinner-af4dac52.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-2772bfd3.js → index-63c03aa6.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-265c599c.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-c526b4d5.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-174b961f.js';
-import { I as Icon } from './index-4cdd7da3.js';
-import { _ as __rest } from './tslib.es6-bfa42c42.js';
-import { U as UserAvatar } from './index-f94625f3.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-1c2fca51.js';
-import './index-18ecb56d.js';
-import { C as CommonGAssets } from './index-73bb3647.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-4c7c5e43.js';
-import { B as Button } from './index-c72a7032.js';
-import { T as Text } from './index-b8c609c2.js';
+import { u as useTranslations } from './index-36afd739.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-5612bf85.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-2089b25f.js';
+import { I as Icon } from './index-601b8341.js';
+import { _ as __rest } from './tslib.es6-5c2f3910.js';
+import { U as UserAvatar } from './index-faef15c4.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-eed7f4a5.js';
+import './index-001a6be5.js';
+import { C as CommonGAssets } from './index-575e6549.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-6c603afa.js';
+import { B as Button } from './index-e36bd2db.js';
+import { T as Text } from './index-afa0d541.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-6fd99785.js';
-import { H as Heading } from './index-23ba6711.js';
-import { M as Modal } from './index-7a6729e8.js';
+import { L as Loading } from './index-87d45976.js';
+import { H as Heading } from './index-f5d76578.js';
+import { M as Modal } from './index-b7f10e2c.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-c7d2906f.js').then((module) => {
+                import('./index-07fe24ae.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-c0051fc3.js → index-700fbbc5.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-bfa42c42.js';
+import { _ as __rest } from './tslib.es6-5c2f3910.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-6f3409b2.js';
+import './index-a7522c77.js';
 import '@mantine/dates';
-import './index-18ecb56d.js';
-import './index-8a031ec3.js';
-import './index-73bb3647.js';
-import './useMantineLocale-852d98ca.js';
-import { T as Text } from './index-b8c609c2.js';
-import { B as Button } from './index-99f8bc19.js';
-import './index.styles-8802b687.js';
-import { u as useTranslations } from './index-265c599c.js';
+import './index-001a6be5.js';
+import './index-33967b7e.js';
+import './index-575e6549.js';
+import './useMantineLocale-8b661839.js';
+import { T as Text } from './index-afa0d541.js';
+import { B as Button } from './index-fef96a07.js';
+import './index.styles-6168003e.js';
+import { u as useTranslations } from './index-36afd739.js';
 import '@mantine/hooks';
-import './utils-c526b4d5.js';
-import './other-4313f7b0.js';
-import './index-178fc49e.js';
+import './utils-5612bf85.js';
+import './other-41d99308.js';
+import './index-015e9122.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-948c1db7.js → index-72704f59.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-bfa42c42.js';
+import { _ as __rest } from './tslib.es6-5c2f3910.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-6f3409b2.js';
+import { R as Radio } from './index-a7522c77.js';
 import '@mantine/dates';
-import './index-18ecb56d.js';
-import './index-8a031ec3.js';
-import { C as CommonGAssets } from './index-73bb3647.js';
-import './useMantineLocale-852d98ca.js';
-import { T as Text } from './index-b8c609c2.js';
-import './index-99f8bc19.js';
-import './index.styles-8802b687.js';
-import { u as useTranslations } from './index-265c599c.js';
+import './index-001a6be5.js';
+import './index-33967b7e.js';
+import { C as CommonGAssets } from './index-575e6549.js';
+import './useMantineLocale-8b661839.js';
+import { T as Text } from './index-afa0d541.js';
+import './index-fef96a07.js';
+import './index.styles-6168003e.js';
+import { u as useTranslations } from './index-36afd739.js';
 import '@mantine/hooks';
-import './utils-c526b4d5.js';
-import './other-4313f7b0.js';
-import './index-178fc49e.js';
+import './utils-5612bf85.js';
+import './other-41d99308.js';
+import './index-015e9122.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-6e605c38.js → index-7e1d614a.js}

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