@hhgtech/hhg-components 1.29.386-beta-3 → 1.29.386-beta-4

package/build/esm/{index-6582d3ad.js → index-99f4edb2.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-9f7b7aa6.js';
+import { I as Input, S as Select } from './index-3af53093.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-6c9116a2.js';
-import './index-c2787a29.js';
-import './index-d07ff019.js';
-import './useMantineLocale-6193888a.js';
-import './index-29fb4c8d.js';
-import './index-73c0815d.js';
-import './index.styles-22df4cea.js';
-import { u as useTranslations } from './index-2a57fe51.js';
+import { C as CDN_ADDRESS } from './index-db47cb06.js';
+import './index-7f4fe6e6.js';
+import './index-830fd0b9.js';
+import './useMantineLocale-aae2e16f.js';
+import './index-f131af9b.js';
+import './index-85fe0055.js';
+import './index.styles-0e53fa97.js';
+import { u as useTranslations } from './index-caf84ff5.js';
 import '@mantine/hooks';
-import './utils-a4310584.js';
-import './other-20793241.js';
-import './index-b2470f18.js';
-import { M as MAPPED_LOCALE } from './utils-acbe02b8.js';
-import { L as LOCALE } from './Locale-8066ace8.js';
+import './utils-b06e7278.js';
+import './other-97e0c02b.js';
+import './index-cd6e9b0a.js';
+import { M as MAPPED_LOCALE } from './utils-dfffe97b.js';
+import { L as LOCALE } from './Locale-8ab47b52.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-1f1a78be.js → index-9a22a7dc.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-cccbefb1.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-6c9116a2.js';
-import { N as NodeIntentType } from './index-c2787a29.js';
+import { c as cookie } from './index-beeed6d5.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-db47cb06.js';
+import { N as NodeIntentType } from './index-7f4fe6e6.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-08036d3f.js → index-9b6b65aa.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-2a57fe51.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-a4310584.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-d87ae1b6.js';
-import { I as Icon } from './index-f255c5d3.js';
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
-import { U as UserAvatar } from './index-2fe3bc30.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-ca937595.js';
-import './index-6c9116a2.js';
-import { C as CommonGAssets } from './index-d07ff019.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-b51fc490.js';
-import { B as Button } from './index-3ece2574.js';
-import { T as Text } from './index-29fb4c8d.js';
+import { u as useTranslations } from './index-caf84ff5.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-b06e7278.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-84beec01.js';
+import { I as Icon } from './index-2abb5e54.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
+import { U as UserAvatar } from './index-4b1b2a9c.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-0ce9f9a9.js';
+import './index-db47cb06.js';
+import { C as CommonGAssets } from './index-830fd0b9.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-d24edb49.js';
+import { B as Button } from './index-f5c3952f.js';
+import { T as Text } from './index-f131af9b.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-aa48bf8f.js';
-import { H as Heading } from './index-15850817.js';
-import { M as Modal } from './index-c46b1da6.js';
+import { L as Loading } from './index-38bebaf3.js';
+import { H as Heading } from './index-4e73bb31.js';
+import { M as Modal } from './index-0c2d9a8d.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-ba1bfd92.js').then((module) => {
+                import('./index-d3034670.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-48a063ee.js → index-9e50a1d1.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-a4310584.js';
+import { M as MediaQueries } from './utils-b06e7278.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-101826b5.js → index-9e7ce5b0.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a4310584.js';
+import { M as MediaQueries } from './utils-b06e7278.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-48a063ee.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-9e50a1d1.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-ce2d9850.js → index-9ed0c8e3.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-3c492129.js';
+import { C as Container } from './index-23a1c83f.js';
 import dayjs from 'dayjs';
-import './index-6c9116a2.js';
-import './index-9f7b7aa6.js';
+import './index-db47cb06.js';
+import './index-3af53093.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-c2787a29.js';
-import './index-d07ff019.js';
-import './useMantineLocale-6193888a.js';
-import { T as Text } from './index-29fb4c8d.js';
-import './index-73c0815d.js';
-import './index.styles-22df4cea.js';
-import './translationsContext-9bcedae2.js';
+import './index-7f4fe6e6.js';
+import './index-830fd0b9.js';
+import './useMantineLocale-aae2e16f.js';
+import { T as Text } from './index-f131af9b.js';
+import './index-85fe0055.js';
+import './index.styles-0e53fa97.js';
+import './translationsContext-805afb10.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a4310584.js';
-import './other-20793241.js';
-import './index-b2470f18.js';
-import { u as useScreenSize } from './useScreenSize-ca937595.js';
+import { M as MediaQueries } from './utils-b06e7278.js';
+import './other-97e0c02b.js';
+import './index-cd6e9b0a.js';
+import { u as useScreenSize } from './useScreenSize-0ce9f9a9.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-f45b9f13.js';
-import { M as MarryBabyText } from './index-d0e55fe6.js';
+import { L as Logo } from './index-4819330a.js';
+import { M as MarryBabyText } from './index-329e55b5.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-05542a24.js → index-ac18c225.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-6c9116a2.js';
+import { Z as ZINDEX_SSO } from './index-db47cb06.js';
 
 const StyledDrawerComponentContent = styled(Drawer.Content) `
   position: fixed;

package/build/esm/{index-8ee60557.js → index-b10f00d7.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-9f7b7aa6.js';
-import { D as DatePicker } from './index-95413198.js';
-import { T as Text } from './index-29fb4c8d.js';
-import './index-73c0815d.js';
-import './index.styles-22df4cea.js';
-import { u as useTranslations } from './index-2a57fe51.js';
+import { I as Input } from './index-3af53093.js';
+import { D as DatePicker } from './index-b2bef60f.js';
+import { T as Text } from './index-f131af9b.js';
+import './index-85fe0055.js';
+import './index.styles-0e53fa97.js';
+import { u as useTranslations } from './index-caf84ff5.js';
 import '@mantine/hooks';
-import './useMantineLocale-6193888a.js';
-import './index-c2787a29.js';
-import './index-d07ff019.js';
-import './utils-a4310584.js';
-import './index-6c9116a2.js';
-import './other-20793241.js';
-import './index-b2470f18.js';
-import { I as INPUT_RANGE } from './constants-bc5f10c2.js';
-import { H as HealthToolFormWrapper } from './index-c3a6fd00.js';
-import { G as GenderOptionControl } from './index-de54fdf2.js';
-import { L as LOCALE } from './Locale-8066ace8.js';
+import './useMantineLocale-aae2e16f.js';
+import './index-7f4fe6e6.js';
+import './index-830fd0b9.js';
+import './utils-b06e7278.js';
+import './index-db47cb06.js';
+import './other-97e0c02b.js';
+import './index-cd6e9b0a.js';
+import { I as INPUT_RANGE } from './constants-b939c27a.js';
+import { H as HealthToolFormWrapper } from './index-78c4cd6a.js';
+import { G as GenderOptionControl } from './index-331c20df.js';
+import { L as LOCALE } from './Locale-8ab47b52.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-95413198.js → index-b2bef60f.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-6c9116a2.js';
-import './index-c2787a29.js';
-import { C as CommonGAssets } from './index-d07ff019.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-6193888a.js';
-import { L as LOCALE } from './Locale-8066ace8.js';
+import { I as ISO_FORMAT } from './index-db47cb06.js';
+import './index-7f4fe6e6.js';
+import { C as CommonGAssets } from './index-830fd0b9.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-aae2e16f.js';
+import { L as LOCALE } from './Locale-8ab47b52.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-f135c9b8.js → index-b6367bbb.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-29fb4c8d.js';
+import { T as Text } from './index-f131af9b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-a4310584.js';
-import { R as Radio$1 } from './index-9f7b7aa6.js';
-import { T as Text$1 } from './index-654f9d52.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-b06e7278.js';
+import { R as Radio$1 } from './index-3af53093.js';
+import { T as Text$1 } from './index-6c0d027e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-05108057.js → index-b83bbc50.js}

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

package/build/esm/{index-bdd34397.js → index-c359c02b.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-1ca7d715.js';
-import { I as Input } from './index-9f7b7aa6.js';
-import { D as DatePicker } from './index-95413198.js';
-import { T as Text } from './index-29fb4c8d.js';
-import './index-73c0815d.js';
-import './index.styles-22df4cea.js';
-import { u as useTranslations } from './index-2a57fe51.js';
+import { L as LastPeriod } from './LastPeriod-86362178.js';
+import { I as Input } from './index-3af53093.js';
+import { D as DatePicker } from './index-b2bef60f.js';
+import { T as Text } from './index-f131af9b.js';
+import './index-85fe0055.js';
+import './index.styles-0e53fa97.js';
+import { u as useTranslations } from './index-caf84ff5.js';
 import '@mantine/hooks';
-import './useMantineLocale-6193888a.js';
-import './index-c2787a29.js';
-import './index-d07ff019.js';
-import './utils-a4310584.js';
-import './index-6c9116a2.js';
-import './other-20793241.js';
-import './index-b2470f18.js';
-import { H as HealthToolFormWrapper } from './index-c3a6fd00.js';
+import './useMantineLocale-aae2e16f.js';
+import './index-7f4fe6e6.js';
+import './index-830fd0b9.js';
+import './utils-b06e7278.js';
+import './index-db47cb06.js';
+import './other-97e0c02b.js';
+import './index-cd6e9b0a.js';
+import { H as HealthToolFormWrapper } from './index-78c4cd6a.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-b4cb2688.js → index-c4428024.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-f255c5d3.js';
-import { u as useTranslations } from './index-2a57fe51.js';
+import { I as Icon } from './index-2abb5e54.js';
+import { u as useTranslations } from './index-caf84ff5.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-2a57fe51.js → index-caf84ff5.js}

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

package/build/esm/{index-0b7fc084.js → index-cbdd16f3.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-30e9ff7e.js';
-import React__default, { useState, useContext, useMemo, useRef, useEffect, createContext } from 'react';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f3be224f.js';
+import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-b2470f18.js';
-import { L as Loading } from './index-6fdfda01.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-7260dda7.js';
+import { T as Tabs } from './index-cd6e9b0a.js';
+import { L as Loading } from './index-6315c140.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-2dfec502.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-b51fc490.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-d24edb49.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-d07ff019.js';
-import { I as ImageWrap } from './useScreenSize-ca937595.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-08036d3f.js';
-import { S as SocialType } from './index-c2787a29.js';
-import { u as useTranslations } from './index-2a57fe51.js';
+import { C as CommonGAssets } from './index-830fd0b9.js';
+import { I as ImageWrap } from './useScreenSize-0ce9f9a9.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-9b6b65aa.js';
+import { S as SocialType } from './index-7f4fe6e6.js';
+import { u as useTranslations } from './index-caf84ff5.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-9f7b7aa6.js';
+import { A as Anchor$1 } from './index-3af53093.js';
 import '@mantine/dates';
-import './index-6c9116a2.js';
-import './useMantineLocale-6193888a.js';
-import { T as Text } from './index-29fb4c8d.js';
-import { B as Button } from './index-73c0815d.js';
-import './index.styles-22df4cea.js';
+import './index-db47cb06.js';
+import './useMantineLocale-aae2e16f.js';
+import { T as Text } from './index-f131af9b.js';
+import { B as Button } from './index-85fe0055.js';
+import './index.styles-0e53fa97.js';
 import '@mantine/hooks';
-import './utils-a4310584.js';
-import './other-20793241.js';
+import './utils-b06e7278.js';
+import './other-97e0c02b.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-e8d2a0d2.js';
-import { B as Button$1 } from './index-3ece2574.js';
-import './translationsContext-9bcedae2.js';
+import { d as decodeMention, b as decodePostUrl } from './post-736dd49e.js';
+import { B as Button$1 } from './index-f5c3952f.js';
+import './translationsContext-805afb10.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;
@@ -88,6 +88,26 @@ const StyledPostContent = styled.div `
       }
     }
   }
+`;
+const StyledPostContentLimitLine = styled.span `
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: ${(props) => props.line || 1};
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+
+  &.post-content-show-all {
+    display: block;
+  }
+`;
+const StyleSeeMoreBtn = styled.span `
+  padding-left: 2px;
+  background-color: ${theme.colors.white};
+  bottom: 8px;
+  position: absolute;
+  right: 0;
+  z-index: 10;
+  cursor: pointer;
 `;
 
 var useStyles = createStyles((theme) => {
@@ -111,11 +131,12 @@ var useStyles = createStyles((theme) => {
 });
 
 const PostContent = (_a) => {
-    var { trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions = [], maxChars = 1000, hideShowAllBtn, styles, onClickCreatePostLink } = _a, rest = __rest(_a, ["trackingCategory", "url", "className", "style", "replyingTo", "mentionedUser", "description", "disableShortenContent", "mentions", "maxChars", "hideShowAllBtn", "styles", "onClickCreatePostLink"]);
+    var { trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions = [], maxChars = 1000, maxLines, hideShowAllBtn, styles, onClickCreatePostLink } = _a, rest = __rest(_a, ["trackingCategory", "url", "className", "style", "replyingTo", "mentionedUser", "description", "disableShortenContent", "mentions", "maxChars", "maxLines", "hideShowAllBtn", "styles", "onClickCreatePostLink"]);
     const { classes, theme: _theme } = useStyles(undefined, 
     // Second argument is responsible for styles api integration
     { name: 'PostContent', styles });
     const [showAll, setShowAll] = useState(false);
+    const [hasMoreContent, setHasMoreContent] = useState(false);
     const { t } = useTranslations();
     const { authActionWrapper } = useTogetherAuthRequiredAction();
     const [openPopupExpert, setOpenPopupExpert] = useState(false);
@@ -143,10 +164,29 @@ const PostContent = (_a) => {
     const replyName = (mentionedUser === null || mentionedUser === void 0 ? void 0 : mentionedUser.name) || replyingTo;
     const hasExpert = (mentionedUser === null || mentionedUser === void 0 ? void 0 : mentionedUser.role) === 'expert' && !!(mentionedUser === null || mentionedUser === void 0 ? void 0 : mentionedUser.partnerId);
     const contentRef = useRef(null);
+    const contentLineRef = useRef(null);
+    const contentSeeMore = useCallback(() => {
+        return (React__default.createElement(React__default.Fragment, null,
+            `... `,
+            !hideShowAllBtn && (React__default.createElement(Anchor, Object.assign({ onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    authActionWrapper(() => setShowAll(true));
+                }, className: "see-more-text" }, (trackingCategory
+                ? {
+                    'data-event-category': trackingCategory,
+                    'data-event-action': 'See More Post Click',
+                    'data-event-label': url,
+                }
+                : {})), t('post.seeMore')))));
+    }, [hideShowAllBtn, url, trackingCategory]);
     const handleCreatePostClick = (e) => {
         e.preventDefault();
         onClickCreatePostLink === null || onClickCreatePostLink === void 0 ? void 0 : onClickCreatePostLink();
     };
+    const isEllipsisActive = (el) => {
+        return el.scrollHeight > el.clientHeight;
+    };
     useEffect(() => {
         var _a;
         (_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[data-create-post]').forEach((dom) => {
@@ -161,6 +201,16 @@ const PostContent = (_a) => {
             });
         };
     }, [disableShortenContent, showAll, description]);
+    useEffect(() => {
+        if (!contentLineRef.current || !description || !maxLines)
+            return;
+        if (isEllipsisActive(contentLineRef.current)) {
+            setHasMoreContent(true);
+        }
+        else {
+            setHasMoreContent(false);
+        }
+    }, [description, maxLines]);
     return (React__default.createElement(React__default.Fragment, null,
         hasExpert && (React__default.createElement(PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: String(mentionedUser === null || mentionedUser === void 0 ? void 0 : mentionedUser.partnerId) })),
         React__default.createElement(StyledPostContent, Object.assign({ ref: contentRef, className: `${classes.root} ${className} no-replace-click`, style: style, mentionColor: _theme.fn.primaryColor() }, rest),
@@ -170,22 +220,15 @@ const PostContent = (_a) => {
             (rawDescription === null || rawDescription === void 0 ? void 0 : rawDescription.startsWith('[mention+id=')) && (React__default.createElement("span", { className: "post-content-replying tag-only", style: {
                     color: _theme.fn.primaryColor(),
                 } }, "@")),
-            React__default.createElement("span", { dangerouslySetInnerHTML: {
-                    __html: shortenSanitizedContentData.showContent,
-                }, className: `post-content ${shortenSanitizedContentData.hasSeeMore ? 'has-see-more' : ''}` }),
-            shortenSanitizedContentData.hasSeeMore && !showAll && (React__default.createElement("span", null,
-                `... `,
-                !hideShowAllBtn && (React__default.createElement(Anchor, Object.assign({ onClick: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        authActionWrapper(() => setShowAll(true));
-                    }, className: "see-more-text" }, (trackingCategory
-                    ? {
-                        'data-event-category': trackingCategory,
-                        'data-event-action': 'See More Post Click',
-                        'data-event-label': url,
-                    }
-                    : {})), t('post.seeMore'))))))));
+            maxLines ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(StyledPostContentLimitLine, { dangerouslySetInnerHTML: {
+                        __html: description,
+                    }, className: `post-content-line ${showAll ? 'post-content-show-all' : ''}`, line: maxLines, ref: contentLineRef }),
+                hasMoreContent && !showAll && (React__default.createElement(StyleSeeMoreBtn, null, contentSeeMore())))) : (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("span", { dangerouslySetInnerHTML: {
+                        __html: shortenSanitizedContentData.showContent,
+                    }, className: `post-content ${shortenSanitizedContentData.hasSeeMore ? 'has-see-more' : ''}` }),
+                shortenSanitizedContentData.hasSeeMore && !showAll && (React__default.createElement("span", null, contentSeeMore())))))));
 };
 
 var styles$b = {"category":"l5fL1xL","title":"L-aGKo7"};

package/build/esm/{index-b2470f18.js → index-cd6e9b0a.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest } from './tslib.es6-f3be224f.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-73c0815d.js';
-import { T as Text } from './index-29fb4c8d.js';
+import { B as Button } from './index-85fe0055.js';
+import { T as Text } from './index-f131af9b.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-7617119e.js → index-d02f778c.js}

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-30e9ff7e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f3be224f.js';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-9f7b7aa6.js';
+import { R as Radio } from './index-3af53093.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-6c9116a2.js';
-import './index-c2787a29.js';
-import { C as CommonGAssets } from './index-d07ff019.js';
-import './useMantineLocale-6193888a.js';
-import { T as Text } from './index-29fb4c8d.js';
-import { B as Button$1 } from './index-73c0815d.js';
-import './index.styles-22df4cea.js';
-import './translationsContext-9bcedae2.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-db47cb06.js';
+import './index-7f4fe6e6.js';
+import { C as CommonGAssets } from './index-830fd0b9.js';
+import './useMantineLocale-aae2e16f.js';
+import { T as Text } from './index-f131af9b.js';
+import { B as Button$1 } from './index-85fe0055.js';
+import './index.styles-0e53fa97.js';
+import './translationsContext-805afb10.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a4310584.js';
-import './other-20793241.js';
-import './index-b2470f18.js';
-import { i as isInternalLink } from './index-a19676ad.js';
+import { M as MediaQueries } from './utils-b06e7278.js';
+import './other-97e0c02b.js';
+import './index-cd6e9b0a.js';
+import { i as isInternalLink } from './index-46d51c4c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-101826b5.js';
+import { C as Checkbox, P as PureInput } from './index-9e7ce5b0.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-f45b9f13.js';
+import { L as Logo } from './index-4819330a.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-84898665.js';
+import { a as useOutsideClick } from './useOutsideClick-adb68db6.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-3ece2574.js';
-import { u as useScreenSize } from './useScreenSize-ca937595.js';
-import { u as useTranslations } from './index-2a57fe51.js';
-import { D as Dropdown } from './index-af73bba2.js';
+import { B as Button } from './index-f5c3952f.js';
+import { u as useScreenSize } from './useScreenSize-0ce9f9a9.js';
+import { u as useTranslations } from './index-caf84ff5.js';
+import { D as Dropdown } from './index-4ab6b99e.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-48a063ee.js';
-import { D as Drawer } from './index-ce37191d.js';
+import { I as Input } from './index-9e50a1d1.js';
+import { D as Drawer } from './index-1981bd35.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-8066ace8.js';
+import { L as LOCALE } from './Locale-8ab47b52.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-9f078975.js → index-d0a57138.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-30e9ff7e.js';
+import { a as __awaiter } from './tslib.es6-f3be224f.js';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-cc633d47.js';
-import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-6c9116a2.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-e742e918.js';
+import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-db47cb06.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-8066ace8.js';
+import { L as LOCALE } from './Locale-8ab47b52.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {