@hhgtech/hhg-components 1.29.371-beta-1 → 1.29.371-beta-2

package/build/esm/{index-238631c9.js → index-8aebd0e7.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8a2153c7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fa754ad3.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { V as VideoType } from './index-f794ca2f.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-a84f279b.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-9e56879e.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-9e045bd3.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-59fed7f6.js';
+import { V as VideoType } from './index-0f233d2a.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-9f3a2804.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-caa10f60.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-fd586b33.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-911fc0d8.js';
 import { Close, Download } from '@hhgtech/icons/core';
+import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-922c4af8.js';
-import { u as useTranslations } from './index-50bf3d19.js';
+import { L as Logo } from './index-e575b8bf.js';
+import { u as useTranslations } from './index-9ebfb087.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-b4cbee64.js';
+import { I as Input } from './index-8bb6001d.js';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-38667a2c.js';
-import './useMantineLocale-128dd7e8.js';
-import { T as Text } from './index-768d621d.js';
-import { B as Button$1 } from './index-5976363f.js';
-import './index.styles-36d483fb.js';
-import './translationsContext-2fb47dad.js';
+import { C as CommonGAssets } from './index-3c328f9c.js';
+import './useMantineLocale-649b965b.js';
+import { T as Text } from './index-ee513777.js';
+import { B as Button$1 } from './index-88cb038d.js';
+import './index.styles-8613b78f.js';
+import './translationsContext-3cfa4370.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-00d063c6.js';
-import './other-a2c90704.js';
-import './index-29159ebf.js';
-import { L as LOCALISED_SLUGS } from './constants-bfa5f608.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d75bba00.js';
+import './other-ed0364fa.js';
+import './index-855529cf.js';
+import { L as LOCALISED_SLUGS } from './constants-e2339e18.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-2a902875.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5c030b4c.js';
-import { B as Button } from './index-1da775e7.js';
-import { i as domainLocalesMarryBaby } from './utils-f5a8948b.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-f8acfdc4.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-f0b12a72.js';
+import { B as Button } from './index-2dbeeae9.js';
+import { i as domainLocalesMarryBaby } from './utils-f663115b.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-f05b9bcb.js';
+import { L as LOCALIZED_SLUGS } from './constants-869289e5.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-b89832ef.js';
-import { I as Indicator$1 } from './index-e825d6a9.js';
-import { u as useIsInit } from './useIsInit-38371667.js';
+import { H as Heading } from './index-d0ff6f79.js';
+import { I as Indicator$1 } from './index-c88b972e.js';
+import { u as useIsInit } from './useIsInit-63ca20f1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-2b292eb8.js';
-import { ArrowRight } from '@hhgtech/icons/other';
+import { U as UserAvatar } from './index-64d6fcd1.js';
 import formatString from 'string-format';
-import { C as Container } from './index-0ff2332d.js';
-import { L as LOCALE } from './Locale-dbcaac31.js';
+import { C as Container } from './index-a96ea4e3.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-670782d9.js';
+import { L as LOCALE } from './Locale-dca6b17b.js';
+import { g as getDataWithCache } from './core-c8568a39.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -210,11 +210,10 @@ function HamburgerIcon({ siteType, enableSearch, className }) {
         React__default.createElement("path", { d: "M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9", fill: "#3E3F58" })));
 }
 
-// import { StyledMenuPopupWrapperClass } from '../../atoms/PopupWrapper/index.styled'
 const StyledMasterMenuContainer = styled.div `
   position: fixed;
   z-index: 201;
-  top: calc(100% + 1px);
+  top: calc(100% - 1px);
   width: 100%;
   height: calc(100vh - var(--header-bottom));
   overflow-x: hidden;
@@ -228,20 +227,6 @@ const StyledMasterMenuContainer = styled.div `
     position: unset;
   }
 `;
-// Desktop
-// export const StyledMenuPopupWrapper = styled.div`
-//   position: fixed;
-//   z-index: ${Z_INDEX.menuCategoryPopupWrapper};
-//   top: 69px;
-//   left: 0;
-//   width: 100%;
-//   height: 100%;
-//   align-items: center;
-//   background-color: transparent;
-//   &[data-is-display='false'] {
-//     display: none;
-//   }
-// `
 styled.div `
   padding: 16px;
   padding-bottom: 12px;
@@ -270,6 +255,9 @@ const StyledWrapper = styled.div `
     width: 0;
     display: none;
   }
+`;
+const StyleWrapperSearch = styled.div `
+  padding: 0 16px;
 `;
 
 const Phone = (_a) => {
@@ -280,7 +268,6 @@ const Phone = (_a) => {
 
 const StyledItemGridLeft = styled.div `
   padding-right: 1rem;
-  margin-top: 10px;
   background: #ffffff;
   padding: 5px 15px;
   ${MediaQueries.mbUp} {
@@ -1523,13 +1510,13 @@ const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     return (React__default.createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__default.createElement(StyledContainerItems, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__default.createElement(VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', redirectToLandingPage: true, dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__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: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
-const MenuServiceList = ({ closePopup, menuItems = [] }) => {
+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, } = useContext(NavigationContext);
     const { t } = useTranslations();
     return (React__default.createElement(StyledMasterMenuContainer, { 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,
             React__default.createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             activeMenuService === 'categories' && (React__default.createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
@@ -1540,10 +1527,8 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
             activeMenuService === 'video' && (React__default.createElement(VideoSpotlights, { spotlightsList: videos === null || videos === void 0 ? void 0 : videos.spotlights, layout: "stack" })))));
 };
 
-const HamburgerMenu = ({ menuItems }) => {
-    const { siteType,
-    // configs: { enableSearchBar },
-     } = useContext(NavigationContext);
+const HamburgerMenu = ({ menuItems, isHomepage, projectType }) => {
+    const { siteType } = useContext(NavigationContext);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     return (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
         React__default.createElement("header", { className: styles$2.menuContainer },
@@ -1551,7 +1536,7 @@ const HamburgerMenu = ({ menuItems }) => {
                 React__default.createElement("div", { className: styles$2.menuIconWrapper, onMouseDown: onButtonMouseDown, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": "Hamburger Navigation URL" },
                     React__default.createElement(ClosePopupIcon, { className: "mobile-close-icon" }),
                     React__default.createElement(HamburgerIcon, { siteType: siteType, enableSearch: false, className: "mobile-hamburger-icon" })),
-                React__default.createElement(MenuServiceList, { menuItems: menuItems, closePopup: onClose })))));
+                React__default.createElement(MenuServiceList, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType, closePopup: onClose })))));
 };
 
 const TOGETHER_PATHS = {
@@ -1738,6 +1723,13 @@ const StyledProfileNavGroup = styled.div `
     margin-left: 0;
     gap: 8px;
   }
+
+  .ai-doctor-nav-item {
+    .ai-doctor-btn {
+      border-radius: 28px;
+      border: 1px solid ${theme.colors.neutral200};
+    }
+  }
 `;
 const StyledWrapMenuItems = styled.div `
   display: flex;
@@ -1748,7 +1740,19 @@ const StyledWrapMenuItems = styled.div `
   }
 `;
 const StyleWrapperNavigtionSearch = styled.div `
-  padding: 0 12px 6px;
+  padding: 0 16px 6px;
+`;
+const StyleButtonAiChat = styled(Button$1) `
+  border-radius: 28px;
+  border: 1px solid ${theme.colors.neutral200};
+  ${MediaQueries.mbDown} {
+    padding: 0px 12px 0px 10px;
+    height: 36px;
+    color: ${theme.colors.gray900};
+    font-size: 13px;
+    font-weight: 500;
+    line-height: 22px;
+  }
 `;
 
 const InitialCart = () => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", width: "512", height: "512", style: {
@@ -2123,7 +2127,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-79c4e25a.js').then((data) => {
+                import('./doctor-56d70c87.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2209,7 +2213,7 @@ const StyleInput = styled(Input) `
   }
 `;
 
-const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, }) => {
+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');
@@ -2262,12 +2266,12 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, })
             }), onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
             goToSearchPage(e.target.value), type: "search", onFocus: (e) => {
             e.preventDefault();
-            if (isMobile && isHomepage) {
+            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) {
+                if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
             } },
@@ -2278,10 +2282,10 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, })
 };
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, }) => {
-    var _a;
+    var _a, _b;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
-    configs: { statics, enableNavCareBooking, enableSearchBar,
+    configs: { statics, enableNavCareBooking, enableSearchBar, enableNavChatbotAi, enableAppIntroPage,
     // enableNavVideo,
     // enableNavCare,
     // enableProfileMyHealth,
@@ -2295,7 +2299,6 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const { t } = useTranslations();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
-    const enableAppIntroPage = useMemo(() => locale === LOCALE.Vietnam && siteType === 'helloSites', [locale]);
     const [isCollapsed, setIsCollapsed] = useState(false);
     const scrollY = useRef(47);
     const headerRef = useRef(null);
@@ -2354,7 +2357,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
         sitewideBanner,
         React__default.createElement(StyledHeader, { "data-site-type": siteType },
             React__default.createElement(StyledLeftGroup, { "data-site-type": siteType },
-                isMobile && React__default.createElement(HamburgerMenu, { menuItems: menuItems }),
+                isMobile && (React__default.createElement(HamburgerMenu, { menuItems: menuItems, isHomepage: isHomepage, projectType: projectType })),
                 logoComponent || (React__default.createElement("a", { style: {
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
@@ -2365,9 +2368,6 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                 !isMobile && (React__default.createElement(React__default.Fragment, null, siteType === 'marryBaby' ? (React__default.createElement(NavigationMenu, { menuItems: 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') })),
-                (isMobile || siteType === 'marryBaby') &&
-                    enableSearchBar &&
-                    !isHomepage && (React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })),
                 React__default.createElement(StyledProfileNavGroup, null,
                     !isMobile && (React__default.createElement(React__default.Fragment, null,
                         ecomNavItem ? (React__default.createElement(ItemNavButton, { item: ecomNavItem, color: 'transparent' })) : null,
@@ -2378,7 +2378,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                             [theme.fn.largerThan('sm')]: {
                                 order: 10,
                             },
-                        }) },
+                        }), className: "download-app-nav-item" },
                         React__default.createElement(Button$1, { variant: "primary", size: isMobile ? 'sm' : 'md', leftIcon: React__default.createElement(Download, { size: 20, color: "currentColor" }), styles: (theme) => ({
                                 root: {
                                     [theme.fn.smallerThan('sm')]: {
@@ -2395,6 +2395,10 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                             ? 'home.navigator.app'
                             : 'home.navigator.downloadApp')))),
                     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"))),
                     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 }),
@@ -2419,8 +2423,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
             : null,
         subHead && subHead));
 };
-const NavigtionSearch = ({ siteType, projectType, isMobile = false, isHomepage = 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 })));
+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 }) => {
     const { siteType, locale, ssrMenuContent: { categories, healthTools, care, together, videos }, } = useContext(NavigationContext);
     return (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp", style: { height: '100%' } },

package/build/esm/{index-b4cbee64.js → index-8bb6001d.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8a2153c7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fa754ad3.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-38667a2c.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-5365541f.js';
+import { C as CommonGAssets } from './index-3c328f9c.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-17bb6dde.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-768d621d.js';
-import './index-f794ca2f.js';
+import { T as Text } from './index-ee513777.js';
+import './index-0f233d2a.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-00d063c6.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-128dd7e8.js';
-import { I as ISO_FORMAT } from './index-9e56879e.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-5976363f.js';
-import { L as LOCALE } from './Locale-dbcaac31.js';
+import { B as Breakpoints } from './utils-d75bba00.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-649b965b.js';
+import { I as ISO_FORMAT } from './index-caa10f60.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-88cb038d.js';
+import { L as LOCALE } from './Locale-dca6b17b.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-431f9a21.js';
+import { a as useUniqueId } from './useUniqueId-6fb0b391.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 

package/build/esm/{index-674077ce.js → index-93fdddd0.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-8a2153c7.js';
+import { _ as __rest } from './tslib.es6-fa754ad3.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-00d063c6.js';
+import { M as MediaQueries } from './utils-d75bba00.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-d4dfad9a.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-23c5d324.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-dc346f82.js → index-95df04c7.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-ff181962.js';
+import { u as useScrollbarSize } from './useScrollbarSize-3d6f31d4.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-00d063c6.js';
+import { M as MediaQueries } from './utils-d75bba00.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-8d51c3f0.js → index-960dbff0.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-b89832ef.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-00d063c6.js';
-import { u as useTranslations } from './index-50bf3d19.js';
-import { T as TogetherComponentGlobalContext } from './utils-f5a8948b.js';
+import { H as Heading } from './index-d0ff6f79.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-d75bba00.js';
+import { u as useTranslations } from './index-9ebfb087.js';
+import { T as TogetherComponentGlobalContext } from './utils-f663115b.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-768d621d.js';
+import { T as Text } from './index-ee513777.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-8a2153c7.js';
+import { _ as __rest } from './tslib.es6-fa754ad3.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-50bf3d19.js → index-9ebfb087.js}

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

package/build/esm/{index-a84f279b.js → index-9f3a2804.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-b4cbee64.js';
+import { F as Flag } from './index-8bb6001d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-768d621d.js';
-import { C as CommonGAssets } from './index-38667a2c.js';
-import { _ as __rest } from './tslib.es6-8a2153c7.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-9e56879e.js';
-import { V as VideoType } from './index-f794ca2f.js';
+import { T as Text } from './index-ee513777.js';
+import { C as CommonGAssets } from './index-3c328f9c.js';
+import { _ as __rest } from './tslib.es6-fa754ad3.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-caa10f60.js';
+import { V as VideoType } from './index-0f233d2a.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-4621a736.js';
-import { u as useTranslations } from './index-50bf3d19.js';
+import { a as abbreviateNumber } from './number-9c1d06bc.js';
+import { u as useTranslations } from './index-9ebfb087.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-3cafe332.js';
-import { S as SocialLinkPreview } from './index-3eb9915c.js';
+import { M as Modal } from './index-f8757d1e.js';
+import { S as SocialLinkPreview } from './index-e52d7128.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-63b02638.js → index-a175efe5.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-8a2153c7.js';
+import { _ as __rest } from './tslib.es6-fa754ad3.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-768d621d.js';
-import { B as Button } from './index-5976363f.js';
-import { u as useTranslations } from './index-50bf3d19.js';
+import { T as Text } from './index-ee513777.js';
+import { B as Button } from './index-88cb038d.js';
+import { u as useTranslations } from './index-9ebfb087.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-508f6666.js → index-a4e46e93.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-00d063c6.js';
+import { M as MediaQueries } from './utils-d75bba00.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-9a34b083.js → index-b3fb7168.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8a2153c7.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-fa754ad3.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-1426538b.js';
-import { u as useTranslations } from './index-50bf3d19.js';
+import { D as Dropdown } from './index-02b8805d.js';
+import { u as useTranslations } from './index-9ebfb087.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-b4cbee64.js';
+import { I as Input$1 } from './index-8bb6001d.js';
 import { useMantineTheme, Switch, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-9e56879e.js';
-import './index-f794ca2f.js';
-import './index-38667a2c.js';
-import './useMantineLocale-128dd7e8.js';
-import { T as Text } from './index-768d621d.js';
-import { B as Button } from './index-5976363f.js';
-import './index.styles-36d483fb.js';
+import './index-caa10f60.js';
+import './index-0f233d2a.js';
+import './index-3c328f9c.js';
+import './useMantineLocale-649b965b.js';
+import { T as Text } from './index-ee513777.js';
+import { B as Button } from './index-88cb038d.js';
+import './index.styles-8613b78f.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-00d063c6.js';
-import './other-a2c90704.js';
-import './index-29159ebf.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-fc9e65e4.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-f5a8948b.js';
+import { M as MediaQueries } from './utils-d75bba00.js';
+import './other-ed0364fa.js';
+import './index-855529cf.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-c3b7894f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-f663115b.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-59fed7f6.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-db7ac79e.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-3a13c2e8.js';
-import { C as CardAuthor } from './index-b71444f9.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-51d5f087.js';
-import { I as Input } from './index-d4dfad9a.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-911fc0d8.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-42a70d9a.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-de497f13.js';
+import { C as CardAuthor } from './index-049fffcd.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-140efa51.js';
+import { I as Input } from './index-23c5d324.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-29443bc5.js';
-import { C as CardLink } from './index-acecd57d.js';
-import { B as BtnChoice } from './index-78473f2f.js';
-import { L as LOCALE } from './Locale-dbcaac31.js';
+import { L as Loading } from './index-d8453a5f.js';
+import { C as CardLink } from './index-e2237bd3.js';
+import { B as BtnChoice } from './index-0d7a2671.js';
+import { L as LOCALE } from './Locale-dca6b17b.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-0980518f.js';
-import { b as IconArrowLeft } from './index-8d51c3f0.js';
-import { B as Button$1 } from './index-1da775e7.js';
+import { L as Loading$1 } from './index-86e41db8.js';
+import { b as IconArrowLeft } from './index-960dbff0.js';
+import { B as Button$1 } from './index-2dbeeae9.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-431f9a21.js';
-import { U as UserAvatar } from './index-2b292eb8.js';
-import { P as PopoverMenu } from './index-cbd89218.js';
+import { a as useUniqueId } from './useUniqueId-6fb0b391.js';
+import { U as UserAvatar } from './index-64d6fcd1.js';
+import { P as PopoverMenu } from './index-cbecf9eb.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-71d16392.js → index-b4b0baa3.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-8a2153c7.js';
+import { _ as __rest } from './tslib.es6-fa754ad3.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Box, Flex, rem, createStyles } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import { t as themeColors } from './index-b4cbee64.js';
+import { t as themeColors } from './index-8bb6001d.js';
 import '@mantine/dates';
-import './index-9e56879e.js';
-import './index-f794ca2f.js';
-import './index-38667a2c.js';
-import './useMantineLocale-128dd7e8.js';
-import { T as Text } from './index-768d621d.js';
-import './index-5976363f.js';
-import './index.styles-36d483fb.js';
-import { u as useTranslations } from './index-50bf3d19.js';
+import './index-caa10f60.js';
+import './index-0f233d2a.js';
+import './index-3c328f9c.js';
+import './useMantineLocale-649b965b.js';
+import { T as Text } from './index-ee513777.js';
+import './index-88cb038d.js';
+import './index.styles-8613b78f.js';
+import { u as useTranslations } from './index-9ebfb087.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-00d063c6.js';
-import './other-a2c90704.js';
-import './index-29159ebf.js';
+import { M as MediaQueries } from './utils-d75bba00.js';
+import './other-ed0364fa.js';
+import './index-855529cf.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-d54b57b2.js → index-b52fe2dc.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-0ff2332d.js';
+import { C as Container } from './index-a96ea4e3.js';
 import dayjs from 'dayjs';
-import './index-9e56879e.js';
-import './index-b4cbee64.js';
+import './index-caa10f60.js';
+import './index-8bb6001d.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-f794ca2f.js';
-import './index-38667a2c.js';
-import './useMantineLocale-128dd7e8.js';
-import { T as Text } from './index-768d621d.js';
-import './index-5976363f.js';
-import './index.styles-36d483fb.js';
-import './translationsContext-2fb47dad.js';
+import './index-0f233d2a.js';
+import './index-3c328f9c.js';
+import './useMantineLocale-649b965b.js';
+import { T as Text } from './index-ee513777.js';
+import './index-88cb038d.js';
+import './index.styles-8613b78f.js';
+import './translationsContext-3cfa4370.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-00d063c6.js';
-import './other-a2c90704.js';
-import './index-29159ebf.js';
-import { u as useScreenSize } from './useScreenSize-5365541f.js';
+import { M as MediaQueries } from './utils-d75bba00.js';
+import './other-ed0364fa.js';
+import './index-855529cf.js';
+import { u as useScreenSize } from './useScreenSize-17bb6dde.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-922c4af8.js';
-import { M as MarryBabyText } from './index-4ed92ffc.js';
+import { L as Logo } from './index-e575b8bf.js';
+import { M as MarryBabyText } from './index-7df0800d.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;