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

package/build/{index-ce56b457.js → index-53a34c0a.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
-require('./index-5a943d2c.js');
+require('./index-3c450f2c.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-f9a7a794.js');
-require('./index-bdd5879b.js');
-require('./index-d9191e3d.js');
-require('./useMantineLocale-59bf5cf3.js');
-var index = require('./index-84b0ec37.js');
-require('./index-adeb098c.js');
-require('./index.styles-36f7f621.js');
-require('./translationsContext-98dfab14.js');
+require('./index-18f4728e.js');
+require('./index-e4927432.js');
+require('./index-053ed3ad.js');
+require('./useMantineLocale-1b117f26.js');
+var index = require('./index-b390136d.js');
+require('./index-b9394258.js');
+require('./index.styles-918096f6.js');
+require('./translationsContext-3a817bf2.js');
 require('@mantine/hooks');
-require('./utils-2710f99e.js');
-require('./other-740d4e47.js');
-require('./index-e34f5b20.js');
+require('./utils-b8fbd815.js');
+require('./other-b4bcf728.js');
+require('./index-d18cfffe.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-101b289b.js → index-54fbe129.js}

@@ -1,47 +1,47 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
-var index$5 = require('./index-5a943d2c.js');
+var index$5 = require('./index-3c450f2c.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-f9a7a794.js');
-require('./index-bdd5879b.js');
-var index$a = require('./index-d9191e3d.js');
-require('./useMantineLocale-59bf5cf3.js');
-var index$3 = require('./index-84b0ec37.js');
-var index$e = require('./index-adeb098c.js');
-require('./index.styles-36f7f621.js');
-require('./translationsContext-98dfab14.js');
+var index$7 = require('./index-18f4728e.js');
+require('./index-e4927432.js');
+var index$a = require('./index-053ed3ad.js');
+require('./useMantineLocale-1b117f26.js');
+var index$3 = require('./index-b390136d.js');
+var index$e = require('./index-b9394258.js');
+require('./index.styles-918096f6.js');
+require('./translationsContext-3a817bf2.js');
 require('@mantine/hooks');
-var utils = require('./utils-2710f99e.js');
-require('./other-740d4e47.js');
-require('./index-e34f5b20.js');
-var index$2 = require('./index-c1501e9b.js');
+var utils = require('./utils-b8fbd815.js');
+require('./other-b4bcf728.js');
+require('./index-d18cfffe.js');
+var index$2 = require('./index-ca056b7f.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-50e465a2.js');
+var index$4 = require('./index-400d628d.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-286acf44.js');
+var index$6 = require('./index-d3e911f3.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-d01fa59b.js');
+var useOutsideClick = require('./useOutsideClick-e2dc8583.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-8cf138ba.js');
-var useScreenSize = require('./useScreenSize-931e7f9f.js');
-var index$8 = require('./index-f6528071.js');
-var index$b = require('./index-4ac1c936.js');
+var index$9 = require('./index-502cc135.js');
+var useScreenSize = require('./useScreenSize-443e5119.js');
+var index$8 = require('./index-ae33adad.js');
+var index$b = require('./index-d7cf429b.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-3bc55d35.js');
-var index$c = require('./index-9fc07d5a.js');
+var index$d = require('./index-c6aec03b.js');
+var index$c = require('./index-c3612196.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-93ce474c.js');
+var Locale = require('./Locale-a7fc416a.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');

package/build/{index-13ce3fdb.js → index-56cfc1df.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
-var index$9 = require('./index-bdd5879b.js');
-var index$6 = require('./index-c1501e9b.js');
-var index$1 = require('./index-f9a7a794.js');
-var normalizeLink = require('./normalizeLink-70d1680a.js');
-var dataTransform = require('./dataTransform-b7aacdf0.js');
+var index$9 = require('./index-e4927432.js');
+var index$6 = require('./index-ca056b7f.js');
+var index$1 = require('./index-18f4728e.js');
+var normalizeLink = require('./normalizeLink-929d89a5.js');
+var dataTransform = require('./dataTransform-4b8cec26.js');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$d = require('./index-286acf44.js');
+var index$d = require('./index-d3e911f3.js');
 var throttle = require('lodash/throttle');
-var index$b = require('./index-5a943d2c.js');
+var index$b = require('./index-3c450f2c.js');
 require('@mantine/dates');
-var index$2 = require('./index-d9191e3d.js');
-require('./useMantineLocale-59bf5cf3.js');
-var index = require('./index-84b0ec37.js');
-var index$a = require('./index-adeb098c.js');
-require('./index.styles-36f7f621.js');
-require('./translationsContext-98dfab14.js');
+var index$2 = require('./index-053ed3ad.js');
+require('./useMantineLocale-1b117f26.js');
+var index = require('./index-b390136d.js');
+var index$a = require('./index-b9394258.js');
+require('./index.styles-918096f6.js');
+require('./translationsContext-3a817bf2.js');
 require('@mantine/hooks');
-var utils = require('./utils-2710f99e.js');
-require('./other-740d4e47.js');
-require('./index-e34f5b20.js');
-var constants = require('./constants-a174ac5c.js');
+var utils = require('./utils-b8fbd815.js');
+require('./other-b4bcf728.js');
+require('./index-d18cfffe.js');
+var constants = require('./constants-0594efbf.js');
 var styled = require('@emotion/styled');
-var navigationProfileButton = require('./index-32c04e92.js');
-var store = require('./store-b20e4d87.js');
-var togetherComponentGlobalContext = require('./utils-b4ab5297.js');
+var navigationProfileButton = require('./index-dd7bd98b.js');
+var store = require('./store-234b9195.js');
+var togetherComponentGlobalContext = require('./utils-61c8d555.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var constants$1 = require('./constants-f81f38b3.js');
-var index$3 = require('./index-f6528071.js');
+var constants$1 = require('./constants-19186d15.js');
+var index$3 = require('./index-ae33adad.js');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-9acae069.js');
+var index$5 = require('./index-d71c46e2.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$4 = require('./index-d9bdaebb.js');
-var useIsInit = require('./useIsInit-03dd6fdf.js');
+var index$4 = require('./index-b43d4e56.js');
+var useIsInit = require('./useIsInit-be27bab6.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-8cf138ba.js');
+var index$7 = require('./index-502cc135.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-d449ceb4.js');
+var index$8 = require('./index-270952b7.js');
 var formatString = require('string-format');
-var index$c = require('./index-19b438b9.js');
+var index$c = require('./index-75e08f01.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-93ce474c.js');
-var core$2 = require('./core-1188f9c8.js');
+var Locale = require('./Locale-a7fc416a.js');
+var core$2 = require('./core-9d635e73.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d8c6b6b4.js → index-58cab595.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-70d1680a.js');
-var index = require('./index-f9a7a794.js');
+var normalizeLink = require('./normalizeLink-929d89a5.js');
+var index = require('./index-18f4728e.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-93ce474c.js');
+var Locale = require('./Locale-a7fc416a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/{index-1a83c3ad.js → index-5ae7ebe3.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-8cf138ba.js');
-var index$1 = require('./index-9acae069.js');
-var index$2 = require('./index-84b0ec37.js');
-var utils = require('./utils-2710f99e.js');
+var index$3 = require('./index-502cc135.js');
+var index$1 = require('./index-d71c46e2.js');
+var index$2 = require('./index-b390136d.js');
+var utils = require('./utils-b8fbd815.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-b4ab5297.js');
+var togetherComponentGlobalContext = require('./utils-61c8d555.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
-var index$6 = require('./index-3bc55d35.js');
-var index$4 = require('./index-f6528071.js');
-var dataTransform = require('./dataTransform-b7aacdf0.js');
-var constants = require('./constants-bd1ccfd6.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
+var index$6 = require('./index-c6aec03b.js');
+var index$4 = require('./index-ae33adad.js');
+var dataTransform = require('./dataTransform-4b8cec26.js');
+var constants = require('./constants-d3a22085.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-0b0de4fd.js');
-var index$8 = require('./index-e04c6c55.js');
-var index$7 = require('./index-23eed152.js');
-var index$5 = require('./index-d449ceb4.js');
-var togetherRichTextEditor = require('./editor-a253fe31.js');
+var post = require('./post-796b315f.js');
+var index$8 = require('./index-1a1ac8f3.js');
+var index$7 = require('./index-30a0c82c.js');
+var index$5 = require('./index-270952b7.js');
+var togetherRichTextEditor = require('./editor-45773c8b.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-0bf2d4c5.js');
-var togetherMoleculesPostImagePreview = require('./index-7dca3867.js');
+var index = require('./index-350b65af.js');
+var togetherMoleculesPostImagePreview = require('./index-7712420d.js');
 var togetherShareBox = require('./togetherShareBox.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-283df9e8.js → index-61279ed2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-33bf6cf5.js → index-689a62e6.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
-require('./index-bdd5879b.js');
+require('./index-e4927432.js');
 var styled = require('@emotion/styled');
-var index = require('./index-d9191e3d.js');
+var index = require('./index-053ed3ad.js');
 var miscTheme = require('./miscTheme.js');
-var useScreenSize = require('./useScreenSize-931e7f9f.js');
-var index$1 = require('./index-ce56b457.js');
-var Locale = require('./Locale-93ce474c.js');
-var index$2 = require('./index-5a943d2c.js');
+var useScreenSize = require('./useScreenSize-443e5119.js');
+var index$1 = require('./index-53a34c0a.js');
+var Locale = require('./Locale-a7fc416a.js');
+var index$2 = require('./index-3c450f2c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c2846ed0.js → index-6da9a87b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-84b0ec37.js');
-var index = require('./index-f6528071.js');
+var index$1 = require('./index-b390136d.js');
+var index = require('./index-ae33adad.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b79ecc9b.js → index-718dba62.js}

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$2 = require('./index-f6528071.js');
-var utils = require('./utils-2710f99e.js');
-var index$1 = require('./index-0d1dde6e.js');
-var index$9 = require('./index-6c8b1640.js');
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
-var index = require('./index-d449ceb4.js');
-var useScreenSize = require('./useScreenSize-931e7f9f.js');
-require('./index-f9a7a794.js');
-var index$6 = require('./index-d9191e3d.js');
-var togetherComponentGlobalContext = require('./utils-b4ab5297.js');
-var index$5 = require('./index-8cf138ba.js');
-var index$4 = require('./index-84b0ec37.js');
+var index$2 = require('./index-ae33adad.js');
+var utils = require('./utils-b8fbd815.js');
+var index$1 = require('./index-c27fdc1f.js');
+var index$9 = require('./index-3c3692dc.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
+var index = require('./index-270952b7.js');
+var useScreenSize = require('./useScreenSize-443e5119.js');
+require('./index-18f4728e.js');
+var index$6 = require('./index-053ed3ad.js');
+var togetherComponentGlobalContext = require('./utils-61c8d555.js');
+var index$5 = require('./index-502cc135.js');
+var index$4 = require('./index-b390136d.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$3 = require('./index-23eed152.js');
-var index$7 = require('./index-9acae069.js');
-var index$8 = require('./index-2ec43fc5.js');
+var index$3 = require('./index-30a0c82c.js');
+var index$7 = require('./index-d71c46e2.js');
+var index$8 = require('./index-e2812dbb.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -920,7 +920,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-208556a8.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-223002ff.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/{index-85f2c948.js → index-71925621.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-84b0ec37.js');
-var index$1 = require('./index-adeb098c.js');
-var index$2 = require('./index-f6528071.js');
+var index = require('./index-b390136d.js');
+var index$1 = require('./index-b9394258.js');
+var index$2 = require('./index-ae33adad.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-7dca3867.js → index-7712420d.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-9acae069.js');
-var utils = require('./utils-2710f99e.js');
-var index = require('./index-f6528071.js');
-var togetherComponentGlobalContext = require('./utils-b4ab5297.js');
+var index$2 = require('./index-d71c46e2.js');
+var utils = require('./utils-b8fbd815.js');
+var index = require('./index-ae33adad.js');
+var togetherComponentGlobalContext = require('./utils-61c8d555.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-84b0ec37.js');
+var index$1 = require('./index-b390136d.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-918f4473.js → index-7a8ead57.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-f9a7a794.js');
+var index = require('./index-18f4728e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-bd00d78d.js → index-9efb9b7f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-cf483238.js');
-var index$2 = require('./index-f9a7a794.js');
-var index = require('./index-bdd5879b.js');
+var index$1 = require('./index-12933045.js');
+var index$2 = require('./index-18f4728e.js');
+var index = require('./index-e4927432.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-75274288.js → index-a19a59cd.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-283df9e8.js');
-var index$1 = require('./index-ce56b457.js');
+var index = require('./index-61279ed2.js');
+var index$1 = require('./index-53a34c0a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f6528071.js → index-ae33adad.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-98dfab14.js');
+var translationsContext = require('./translationsContext-3a817bf2.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-90c2fc28.js → index-b11e3b34.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a55f85ea.js');
+var tslib_es6 = require('./tslib.es6-8d27aace.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$8 = require('./index-e34f5b20.js');
-var index$6 = require('./index-de912c6d.js');
-var dataTransform = require('./dataTransform-b7aacdf0.js');
+var index$8 = require('./index-d18cfffe.js');
+var index$6 = require('./index-4c2c8e2b.js');
+var dataTransform = require('./dataTransform-4b8cec26.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-b4ab5297.js');
+var togetherComponentGlobalContext = require('./utils-61c8d555.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$1 = require('./index-d9191e3d.js');
-var useScreenSize = require('./useScreenSize-931e7f9f.js');
-var togetherMoleculesCardAuthor = require('./index-b79ecc9b.js');
-var index$2 = require('./index-bdd5879b.js');
-var index = require('./index-f6528071.js');
+var index$1 = require('./index-053ed3ad.js');
+var useScreenSize = require('./useScreenSize-443e5119.js');
+var togetherMoleculesCardAuthor = require('./index-718dba62.js');
+var index$2 = require('./index-e4927432.js');
+var index = require('./index-ae33adad.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$3 = require('./index-5a943d2c.js');
+var index$3 = require('./index-3c450f2c.js');
 require('@mantine/dates');
-require('./index-f9a7a794.js');
-require('./useMantineLocale-59bf5cf3.js');
-var index$7 = require('./index-84b0ec37.js');
-var index$4 = require('./index-adeb098c.js');
-require('./index.styles-36f7f621.js');
+require('./index-18f4728e.js');
+require('./useMantineLocale-1b117f26.js');
+var index$7 = require('./index-b390136d.js');
+var index$4 = require('./index-b9394258.js');
+require('./index.styles-918096f6.js');
 require('@mantine/hooks');
-require('./utils-2710f99e.js');
-require('./other-740d4e47.js');
+require('./utils-b8fbd815.js');
+require('./other-b4bcf728.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-0b0de4fd.js');
-var index$5 = require('./index-8cf138ba.js');
-require('./translationsContext-98dfab14.js');
+var post = require('./post-796b315f.js');
+var index$5 = require('./index-502cc135.js');
+require('./translationsContext-3a817bf2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -96,6 +96,26 @@ const StyledPostContent = styled__default["default"].div `
       }
     }
   }
+`;
+const StyledPostContentLimitLine = styled__default["default"].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__default["default"].span `
+  padding-left: 2px;
+  background-color: ${miscTheme.theme.colors.white};
+  bottom: 8px;
+  position: absolute;
+  right: 0;
+  z-index: 10;
+  cursor: pointer;
 `;
 
 var useStyles = core.createStyles((theme) => {
@@ -119,11 +139,12 @@ var useStyles = core.createStyles((theme) => {
 });
 
 const PostContent = (_a) => {
-    var { trackingCategory, url, className, style, replyingTo, mentionedUser, description: rawDescription, disableShortenContent, mentions = [], maxChars = 1000, hideShowAllBtn, styles, onClickCreatePostLink } = _a, rest = tslib_es6.__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 = tslib_es6.__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] = React.useState(false);
+    const [hasMoreContent, setHasMoreContent] = React.useState(false);
     const { t } = index.useTranslations();
     const { authActionWrapper } = useTogetherAuthRequiredAction.useTogetherAuthRequiredAction();
     const [openPopupExpert, setOpenPopupExpert] = React.useState(false);
@@ -151,10 +172,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 = React.useRef(null);
+    const contentLineRef = React.useRef(null);
+    const contentSeeMore = React.useCallback(() => {
+        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+            `... `,
+            !hideShowAllBtn && (React__default["default"].createElement(core.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;
+    };
     React.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) => {
@@ -169,6 +209,16 @@ const PostContent = (_a) => {
             });
         };
     }, [disableShortenContent, showAll, description]);
+    React.useEffect(() => {
+        if (!contentLineRef.current || !description || !maxLines)
+            return;
+        if (isEllipsisActive(contentLineRef.current)) {
+            setHasMoreContent(true);
+        }
+        else {
+            setHasMoreContent(false);
+        }
+    }, [description, maxLines]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         hasExpert && (React__default["default"].createElement(togetherMoleculesCardAuthor.PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: String(mentionedUser === null || mentionedUser === void 0 ? void 0 : mentionedUser.partnerId) })),
         React__default["default"].createElement(StyledPostContent, Object.assign({ ref: contentRef, className: `${classes.root} ${className} no-replace-click`, style: style, mentionColor: _theme.fn.primaryColor() }, rest),
@@ -178,22 +228,15 @@ const PostContent = (_a) => {
             (rawDescription === null || rawDescription === void 0 ? void 0 : rawDescription.startsWith('[mention+id=')) && (React__default["default"].createElement("span", { className: "post-content-replying tag-only", style: {
                     color: _theme.fn.primaryColor(),
                 } }, "@")),
-            React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
-                    __html: shortenSanitizedContentData.showContent,
-                }, className: `post-content ${shortenSanitizedContentData.hasSeeMore ? 'has-see-more' : ''}` }),
-            shortenSanitizedContentData.hasSeeMore && !showAll && (React__default["default"].createElement("span", null,
-                `... `,
-                !hideShowAllBtn && (React__default["default"].createElement(core.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["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(StyledPostContentLimitLine, { dangerouslySetInnerHTML: {
+                        __html: description,
+                    }, className: `post-content-line ${showAll ? 'post-content-show-all' : ''}`, line: maxLines, ref: contentLineRef }),
+                hasMoreContent && !showAll && (React__default["default"].createElement(StyleSeeMoreBtn, null, contentSeeMore())))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
+                        __html: shortenSanitizedContentData.showContent,
+                    }, className: `post-content ${shortenSanitizedContentData.hasSeeMore ? 'has-see-more' : ''}` }),
+                shortenSanitizedContentData.hasSeeMore && !showAll && (React__default["default"].createElement("span", null, contentSeeMore())))))));
 };
 
 var styles$b = {"category":"l5fL1xL","title":"L-aGKo7"};