@sendbird/uikit-react 3.4.0 → 3.4.1-rc.0

package/Channel/components/TypingIndicator.js

@@ -1,22 +1,22 @@
 import React__default, { useContext, useState, useEffect } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { a as LocalizationContext } from '../../LocalizationContext-83ddce67.js';
-import { u as uuidv4 } from '../../uuid-bf5599d8.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-5258ee05.js';
-import { u as useChannelContext } from '../../ChannelProvider-43d68897.js';
+import { a as LocalizationContext } from '../../LocalizationContext-646420ca.js';
+import { u as uuidv4 } from '../../uuid-e2d2f65c.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-aa29a843.js';
+import { u as useChannelContext } from '../../ChannelProvider-19d75ee9.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../stringSet-44be1369.js';
-import '../../index-5eb9a836.js';
+import '../../stringSet-ea4aeced.js';
+import '../../index-5e057577.js';
 import 'prop-types';
-import '../../UserProfileContext-236a8db5.js';
-import '../../index-33f2cf64.js';
-import '../../topics-3f0db840.js';
-import '../../index-34aa10d1.js';
-import '../../tslib.es6-d163c646.js';
+import '../../UserProfileContext-eb7f4891.js';
+import '../../index-2e23c452.js';
+import '../../topics-2b0b1403.js';
+import '../../index-100b143d.js';
+import '../../tslib.es6-ca21063f.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-b0efb0e7.js';
-import '../../compareIds-5ccbddc5.js';
-import '../../const-8faafb2e.js';
+import '../../_rollupPluginBabelHelpers-5827233e.js';
+import '../../compareIds-5ff919a8.js';
+import '../../const-21dcd857.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
@@ -24,7 +24,7 @@ import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../consts-36a3e18c.js';
+import '../../consts-20a8f693.js';
 import '../../withSendbird.js';
 
 var TypingIndicatorText = function (_a) {

package/Channel/components/UnreadCount.js

@@ -1,28 +1,25 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-83ddce67.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-5258ee05.js';
+import { a as LocalizationContext } from '../../LocalizationContext-646420ca.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from '../../index-aa29a843.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import '../../stringSet-44be1369.js';
-import '../../index-5eb9a836.js';
+import '../../stringSet-ea4aeced.js';
+import '../../index-5e057577.js';
 import 'prop-types';
 
-var UnreadCount = function (props) {
-  var _a, _b;
+var UnreadCount = function (_a) {
+  var _b, _c;
 
-  var count = props.count,
-      _c = props.time,
-      time = _c === void 0 ? '' : _c,
-      onClick = props.onClick;
+  var _d = _a.className,
+      className = _d === void 0 ? '' : _d,
+      count = _a.count,
+      _e = _a.time,
+      time = _e === void 0 ? '' : _e,
+      onClick = _a.onClick;
   var stringSet = useContext(LocalizationContext).stringSet;
-  var timeArray = ((_b = (_a = time === null || time === void 0 ? void 0 : time.toString) === null || _a === void 0 ? void 0 : _a.call(time)) === null || _b === void 0 ? void 0 : _b.split(' ')) || [];
+  var timeArray = ((_c = (_b = time === null || time === void 0 ? void 0 : time.toString) === null || _b === void 0 ? void 0 : _b.call(time)) === null || _c === void 0 ? void 0 : _c.split(' ')) || [];
   timeArray === null || timeArray === void 0 ? void 0 : timeArray.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);
-
-  if (count < 1) {
-    return;
-  }
-
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-notification",
+    className: "sendbird-notification".concat(count < 1 ? '--hide' : '', " ").concat(className),
     onClick: onClick
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-notification__text",

package/Channel/components/UnreadCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnreadCount.js","sources":["../../../src/smart-components/Channel/components/UnreadCount/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './unread-count.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nexport interface UnreadCountProps {\n  count: number;\n  time: string;\n  onClick(): void;\n}\n\nconst UnreadCount: React.FC<UnreadCountProps> = (props: UnreadCountProps) => {\n  const {\n    count,\n    time = '',\n    onClick,\n  } = props;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const timeArray = time?.toString?.()?.split(' ') || [];\n  timeArray?.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);\n\n  if (count < 1) {\n    return;\n  }\n\n  return (\n    <div className=\"sendbird-notification\" onClick={onClick}>\n      <Label className=\"sendbird-notification__text\" color={LabelColors.ONCONTENT_1} type={LabelTypography.CAPTION_2}>\n        {`${count} `}\n        {stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE}\n        {` ${timeArray.join(' ')}`}\n      </Label>\n      <Icon\n        width=\"24px\"\n        height=\"24px\"\n        type={IconTypes.CHEVRON_DOWN}\n        fillColor={IconColors.CONTENT}\n      />\n    </div>\n  );\n}\n\nexport default UnreadCount;\n"],"names":["UnreadCount","props","count","_c","time","onClick","stringSet","useContext","LocalizationContext","timeArray","_b","toString","_a","call","split","splice","CHANNEL__MESSAGE_LIST__NOTIFICATION__ON","React","LabelColors","ONCONTENT_1","LabelTypography","CAPTION_2","concat","CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE","join","IconTypes","CHEVRON_DOWN","IconColors","CONTENT"],"mappings":";;;;;;;;AAaA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;;;AAEpE,EAAA,IAAAC,KAAK,GAGHD,KAAK,MAHP;AAAA,MACAE,EAAA,GAEEF,KAAK,CAFEG,IADT;MACAA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EADT;AAAA,MAEAE,OAAO,GACLJ,KAAK,QAHP,CAAA;AAKM,EAAA,IAAAK,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;EACR,IAAMC,SAAS,GAAG,CAAA,CAAAC,EAAA,GAAA,MAAAN,IAAI,KAAA,IAAJ,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAAEO,QAAN,MAAc,IAAd,IAAcC,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAAC,IAAA,CAAAT,IAAA,CAAd,UAAA,iBAAA,SAAA,MAAoBU,MAAM,IAA1B,KAAkC,EAApD,CAAA;EACAL,SAAS,SAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAAA,SAAS,CAAEM,MAAX,CAAkB,CAAC,CAAnB,EAAsB,CAAtB,EAAyBT,SAAS,CAACU,uCAAnC,CAAA,CAAA;;EAEA,IAAId,KAAK,GAAG,CAAZ,EAAe;AACb,IAAA,OAAA;AACD,GAAA;;EAED,oBACEe,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAuC,IAAA,OAAO,EAAEZ,OAAAA;AAAhD,GAAA,eACEY,6BAAC,KAAD,EAAA;AAAO,IAAA,SAAS,EAAC,6BAAjB;IAA+C,KAAK,EAAEC,WAAW,CAACC,WAAlE;IAA+E,IAAI,EAAEC,eAAe,CAACC,SAAAA;GAClG,EAAA,EAAA,CAAAC,MAAA,CAAGpB,KAAH,EAAQ,GAAR,CADH,EAEGI,SAAS,CAACiB,gDAFb,EAGG,IAAAD,MAAA,CAAIb,SAAS,CAACe,IAAV,CAAe,GAAf,CAAJ,CAHH,CADF,eAMEP,cAAA,CAAA,aAAA,CAAC,IAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,IAAI,EAAEQ,SAAS,CAACC,YAHlB;IAIE,SAAS,EAAEC,UAAU,CAACC,OAAAA;AAJxB,GAAA,CANF,CADF,CAAA;AAeD;;;;"}
+{"version":3,"file":"UnreadCount.js","sources":["../../../src/smart-components/Channel/components/UnreadCount/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './unread-count.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nexport interface UnreadCountProps {\n  className?: string;\n  count: number;\n  time: string;\n  onClick(): void;\n}\n\nconst UnreadCount: React.FC<UnreadCountProps> = ({\n  className = '',\n  count,\n  time = '',\n  onClick,\n}: UnreadCountProps) => {\n  const { stringSet } = useContext(LocalizationContext);\n  const timeArray = time?.toString?.()?.split(' ') || [];\n  timeArray?.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);\n\n  return (\n    <div\n      className={`sendbird-notification${count < 1 ? '--hide' : ''} ${className}`}\n      onClick={onClick}\n    >\n      <Label className=\"sendbird-notification__text\" color={LabelColors.ONCONTENT_1} type={LabelTypography.CAPTION_2}>\n        {`${count} `}\n        {stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE}\n        {` ${timeArray.join(' ')}`}\n      </Label>\n      <Icon\n        width=\"24px\"\n        height=\"24px\"\n        type={IconTypes.CHEVRON_DOWN}\n        fillColor={IconColors.CONTENT}\n      />\n    </div>\n  );\n}\n\nexport default UnreadCount;\n"],"names":["UnreadCount","_a","_d","className","count","_e","time","onClick","stringSet","useContext","LocalizationContext","timeArray","_c","toString","_b","call","split","splice","CHANNEL__MESSAGE_LIST__NOTIFICATION__ON","React","concat","LabelColors","ONCONTENT_1","LabelTypography","CAPTION_2","CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE","join","IconTypes","CHEVRON_DOWN","IconColors","CONTENT"],"mappings":";;;;;;;;AAcA,IAAMA,WAAW,GAA+B,UAACC,EAAD,EAK7B;;;AAJjB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAA;MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAAd;AAAA,MACAE,KAAK,GAAAH,EAAA,CAAAG,KADL;AAAA,MAEAC,EAAA,GAAAJ,EAAA,CAAAK,IAFA;MAEAA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAFT;AAAA,MAGAE,OAAO,GAAAN,EAAA,CAAAM,OAHP,CAAA;AAKQ,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;EACR,IAAMC,SAAS,GAAG,CAAA,CAAAC,EAAA,GAAA,MAAAN,IAAI,KAAA,IAAJ,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAAEO,QAAN,MAAc,IAAd,IAAcC,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAAC,IAAA,CAAAT,IAAA,CAAd,UAAA,iBAAA,SAAA,MAAoBU,MAAM,IAA1B,KAAkC,EAApD,CAAA;EACAL,SAAS,SAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAAA,SAAS,CAAEM,MAAX,CAAkB,CAAC,CAAnB,EAAsB,CAAtB,EAAyBT,SAAS,CAACU,uCAAnC,CAAA,CAAA;EAEA,oBACEC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,uBAAAC,CAAAA,MAAA,CAAwBhB,KAAK,GAAG,CAAR,GAAY,QAAZ,GAAuB,EAA/C,EAAiD,GAAjD,EAAiDgB,MAAjD,CAAqDjB,SAArD,CADb;AAEE,IAAA,OAAO,EAAEI,OAAAA;AAFX,GAAA,eAIEY,6BAAC,KAAD,EAAA;AAAO,IAAA,SAAS,EAAC,6BAAjB;IAA+C,KAAK,EAAEE,WAAW,CAACC,WAAlE;IAA+E,IAAI,EAAEC,eAAe,CAACC,SAAAA;GAClG,EAAA,EAAA,CAAAJ,MAAA,CAAGhB,KAAH,EAAQ,GAAR,CADH,EAEGI,SAAS,CAACiB,gDAFb,EAGG,IAAAL,MAAA,CAAIT,SAAS,CAACe,IAAV,CAAe,GAAf,CAAJ,CAHH,CAJF,eASEP,cAAA,CAAA,aAAA,CAAC,IAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,IAAI,EAAEQ,SAAS,CAACC,YAHlB;IAIE,SAAS,EAAEC,UAAU,CAACC,OAAAA;AAJxB,GAAA,CATF,CADF,CAAA;AAkBD;;;;"}

package/Channel/context.js

@@ -1,28 +1,28 @@
 import 'react';
-import '../UserProfileContext-236a8db5.js';
+import '../UserProfileContext-eb7f4891.js';
 import '../useSendbirdStateContext.js';
-export { C as ChannelProvider, T as ThreadReplySelectType, u as useChannelContext } from '../ChannelProvider-43d68897.js';
+export { C as ChannelProvider, T as ThreadReplySelectType, u as useChannelContext } from '../ChannelProvider-19d75ee9.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b0efb0e7.js';
-import '../index-33f2cf64.js';
-import '../index-5eb9a836.js';
-import '../topics-3f0db840.js';
-import '../index-34aa10d1.js';
-import '../tslib.es6-d163c646.js';
+import '../_rollupPluginBabelHelpers-5827233e.js';
+import '../index-2e23c452.js';
+import '../index-5e057577.js';
+import '../topics-2b0b1403.js';
+import '../index-100b143d.js';
+import '../tslib.es6-ca21063f.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../compareIds-5ccbddc5.js';
-import '../const-8faafb2e.js';
+import '../compareIds-5ff919a8.js';
+import '../const-21dcd857.js';
 import '@sendbird/chat/groupChannel';
-import '../uuid-bf5599d8.js';
+import '../uuid-e2d2f65c.js';
 import '@sendbird/chat/message';
 import '../ui/ContextMenu.js';
 import 'react-dom';
 import '../ui/SortByRow.js';
-import '../index-5258ee05.js';
-import '../stringSet-44be1369.js';
+import '../index-aa29a843.js';
+import '../stringSet-ea4aeced.js';
 import '../ui/ReactionButton.js';
 import '../ui/ImageRenderer.js';
 import '../ui/Icon.js';
-import '../consts-36a3e18c.js';
+import '../consts-20a8f693.js';
 //# sourceMappingURL=context.js.map

package/Channel.js

@@ -1,53 +1,52 @@
 import React__default from 'react';
-import { C as ChannelProvider } from './ChannelProvider-43d68897.js';
+import { C as ChannelProvider } from './ChannelProvider-19d75ee9.js';
 import ChannelUI from './Channel/components/ChannelUI.js';
-import './UserProfileContext-236a8db5.js';
+import './UserProfileContext-eb7f4891.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-b0efb0e7.js';
-import './index-33f2cf64.js';
-import './index-5eb9a836.js';
-import './topics-3f0db840.js';
-import './index-34aa10d1.js';
-import './tslib.es6-d163c646.js';
+import './_rollupPluginBabelHelpers-5827233e.js';
+import './index-2e23c452.js';
+import './index-5e057577.js';
+import './topics-2b0b1403.js';
+import './index-100b143d.js';
+import './tslib.es6-ca21063f.js';
 import './utils/message/getOutgoingMessageState.js';
-import './compareIds-5ccbddc5.js';
-import './const-8faafb2e.js';
+import './compareIds-5ff919a8.js';
+import './const-21dcd857.js';
 import '@sendbird/chat/groupChannel';
-import './uuid-bf5599d8.js';
+import './uuid-e2d2f65c.js';
 import '@sendbird/chat/message';
 import './ui/ContextMenu.js';
 import 'react-dom';
 import './ui/SortByRow.js';
-import './index-5258ee05.js';
-import './stringSet-44be1369.js';
+import './index-aa29a843.js';
+import './stringSet-ea4aeced.js';
 import './ui/ReactionButton.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
-import './consts-36a3e18c.js';
-import './index-a66bf2c0.js';
-import './LocalizationContext-83ddce67.js';
+import './consts-20a8f693.js';
+import './index-9e5cf819.js';
+import './LocalizationContext-646420ca.js';
 import './ui/Loader.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-14105f2b.js';
+import './utils-a9e361cf.js';
 import './ui/IconButton.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
-import './utils-e96969ad.js';
-import './MediaQueryContext-010e9df0.js';
-import './utils-49a0dde3.js';
+import './utils-2088448e.js';
+import './MediaQueryContext-1441c35c.js';
+import './utils-3f271584.js';
 import './Channel/components/MessageList.js';
-import './index-ece24db0.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-dc9e776d.js';
-import './ThreadProvider-94605d33.js';
+import './const-7588ac16.js';
+import './ThreadProvider-0ebc9c60.js';
 import './Thread/context/types.js';
 import '@sendbird/chat';
 import './ui/DateSeparator.js';
-import './color-1e2ee795.js';
+import './color-9754a8a3.js';
 import './ui/MessageInput.js';
 import 'react-dom/server';
 import './ui/Button.js';
@@ -55,10 +54,11 @@ import './ui/MentionUserLabel.js';
 import './ui/MessageContent.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './index-25d0ba0b.js';
-import './index-87ea8714.js';
+import './index-dc672161.js';
+import './index-dd2a9d44.js';
+import './index-561ddd27.js';
 import './ui/MessageItemMenu.js';
-import './types-490489b7.js';
+import './types-d5ea9376.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
@@ -75,28 +75,28 @@ import './ui/ThumbnailMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/QuoteMessage.js';
-import './useLongPress-a05b8d13.js';
+import './useLongPress-0dccc5ca.js';
 import './ui/BottomSheet.js';
-import './index-5f7a15e3.js';
+import './index-44342614.js';
 import './ui/ThreadReplies.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
-import './index-ba7daf9f.js';
+import './index-1de84663.js';
 import './VoiceRecorder/context.js';
 import './lame.all.js';
 import './ui/PlaybackTime.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
 import './ui/Modal.js';
-import './Channel/components/TypingIndicator.js';
-import './Channel/components/FrozenNotification.js';
 import './Channel/components/UnreadCount.js';
+import './Channel/components/FrozenNotification.js';
+import './Channel/components/TypingIndicator.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-8d50dc6c.js';
+import './VoiceMessageInputWrapper-c0ac4f9c.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-3fb2524a.js';
+import './index-1a8fa4cd.js';
 
 var Channel = function (props) {
   return /*#__PURE__*/React__default.createElement(ChannelProvider, {

package/ChannelList/components/AddChannel.js

@@ -3,39 +3,39 @@ import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import CreateChannel from '../../CreateChannel.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-442bea80.js';
-import '../../tslib.es6-d163c646.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-9f51ca7a.js';
+import '../../tslib.es6-ca21063f.js';
 import 'prop-types';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-62afdf07.js';
+import '../../CreateChannelProvider-4a26fc5d.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-3f0db840.js';
-import '../../utils-49a0dde3.js';
+import '../../topics-2b0b1403.js';
+import '../../utils-3f271584.js';
 import '../../CreateChannel/components/InviteUsers.js';
-import '../../LocalizationContext-83ddce67.js';
-import '../../stringSet-44be1369.js';
-import '../../index-5eb9a836.js';
+import '../../LocalizationContext-646420ca.js';
+import '../../stringSet-ea4aeced.js';
+import '../../index-5e057577.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-5f7a15e3.js';
+import '../../index-44342614.js';
 import '../../ui/Button.js';
-import '../../index-5258ee05.js';
-import '../../MediaQueryContext-010e9df0.js';
+import '../../index-aa29a843.js';
+import '../../MediaQueryContext-1441c35c.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-236a8db5.js';
+import '../../UserProfileContext-eb7f4891.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-bf5599d8.js';
+import '../../uuid-e2d2f65c.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-34aa10d1.js';
+import '../../index-100b143d.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b0efb0e7.js';
+import '../../_rollupPluginBabelHelpers-5827233e.js';
 import '@sendbird/chat/groupChannel';
 
 var AddChannel = function () {
@@ -48,7 +48,11 @@ var AddChannel = function () {
   var state = useSendbirdStateContext();
   var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
   var disabled = !isOnline;
-  var overrideInviteUser = useChannelListContext().overrideInviteUser;
+
+  var _c = useChannelListContext(),
+      overrideInviteUser = _c.overrideInviteUser,
+      onBeforeCreateChannel = _c.onBeforeCreateChannel;
+
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
     height: "32px",
     width: "32px",
@@ -68,7 +72,8 @@ var AddChannel = function () {
     overrideInviteUser: overrideInviteUser,
     onCreateChannel: function () {
       setShowModal(false);
-    }
+    },
+    onBeforeCreateChannel: onBeforeCreateChannel
   }));
 };
 

package/ChannelList/components/AddChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddChannel.js","sources":["../../../src/smart-components/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const { overrideInviteUser } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default AddChannel;\n"],"names":["AddChannel","_b","useState","showModal","setShowModal","state","useSendbirdStateContext","isOnline","_a","config","disabled","overrideInviteUser","useChannelListContext","React","IconTypes","CREATE","IconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,GAAgC,YAAA;;;AAC/C,EAAA,IAAAC,EAAA,GAA4BC,QAAQ,CAAC,KAAD,CAApC;AAAA,MAACC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAxB,CAAA;;EACN,IAAMI,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAD,QAAhC,CAAA;EACA,IAAMG,QAAQ,GAAG,CAACH,QAAlB,CAAA;AACQ,EAAA,IAAAI,kBAAkB,GAAKC,qBAAqB,EAAA,mBAA5C,CAAA;EAER,oBACEC,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,eACEA,6BAAC,UAAD,EAAA;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,OAAO,EAAE,YAAA;MACPT,YAAY,CAAC,IAAD,CAAZ,CAAA;KAJJ;AAME,IAAA,QAAQ,EAAEM,QAAAA;AANZ,GAAA,eAQEG,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEC,SAAS,CAACC,MADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CARF,CADF,EAiBId,SAAS,iBACPU,6BAAC,aAAD,EAAA;AACE,IAAA,QAAQ,EAAE,YAAA;MACRT,YAAY,CAAC,KAAD,CAAZ,CAAA;KAFJ;AAIE,IAAA,kBAAkB,EAAEO,kBAJtB;AAKE,IAAA,eAAe,EAAE,YAAA;MACfP,YAAY,CAAC,KAAD,CAAZ,CAAA;AACD,KAAA;AAPH,GAAA,CAlBN,CADF,CAAA;AAgCD;;;;"}
+{"version":3,"file":"AddChannel.js","sources":["../../../src/smart-components/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const {\n    overrideInviteUser,\n    onBeforeCreateChannel,\n  } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n            onBeforeCreateChannel={onBeforeCreateChannel}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default AddChannel;\n"],"names":["AddChannel","_b","useState","showModal","setShowModal","state","useSendbirdStateContext","isOnline","_a","config","disabled","_c","useChannelListContext","overrideInviteUser","onBeforeCreateChannel","React","IconTypes","CREATE","IconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,GAAgC,YAAA;;;AAC/C,EAAA,IAAAC,EAAA,GAA4BC,QAAQ,CAAC,KAAD,CAApC;AAAA,MAACC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAxB,CAAA;;EACN,IAAMI,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAD,QAAhC,CAAA;EACA,IAAMG,QAAQ,GAAG,CAACH,QAAlB,CAAA;;EACM,IAAAI,EAAA,GAGFC,qBAAqB,EAHnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,qBAAqB,GAAAH,EAAA,CAAAG,qBAFjB,CAAA;;EAKN,oBACEC,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,eACEA,6BAAC,UAAD,EAAA;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,OAAO,EAAE,YAAA;MACPX,YAAY,CAAC,IAAD,CAAZ,CAAA;KAJJ;AAME,IAAA,QAAQ,EAAEM,QAAAA;AANZ,GAAA,eAQEK,6BAAC,IAAD,EAAA;IACE,IAAI,EAAEC,SAAS,CAACC,MADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CARF,CADF,EAiBIhB,SAAS,iBACPY,6BAAC,aAAD,EAAA;AACE,IAAA,QAAQ,EAAE,YAAA;MACRX,YAAY,CAAC,KAAD,CAAZ,CAAA;KAFJ;AAIE,IAAA,kBAAkB,EAAES,kBAJtB;AAKE,IAAA,eAAe,EAAE,YAAA;MACfT,YAAY,CAAC,KAAD,CAAZ,CAAA;KANJ;AAQE,IAAA,qBAAqB,EAAEU,qBAAAA;AARzB,GAAA,CAlBN,CADF,CAAA;AAiCD;;;;"}

package/ChannelList/components/ChannelListHeader.js

@@ -1,17 +1,17 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-83ddce67.js';
+import { a as LocalizationContext } from '../../LocalizationContext-646420ca.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-5258ee05.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-aa29a843.js';
 import Avatar from '../../ui/Avatar.js';
-import '../../stringSet-44be1369.js';
-import '../../index-5eb9a836.js';
+import '../../stringSet-ea4aeced.js';
+import '../../index-5e057577.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b0efb0e7.js';
+import '../../_rollupPluginBabelHelpers-5827233e.js';
 import 'prop-types';
-import '../../tslib.es6-d163c646.js';
+import '../../tslib.es6-ca21063f.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-bf5599d8.js';
+import '../../uuid-e2d2f65c.js';
 
 var ChannelListHeader = function (_a) {
   var renderHeader = _a.renderHeader,

package/ChannelList/components/ChannelListUI.js

@@ -3,68 +3,68 @@ import ChannelListHeader from './ChannelListHeader.js';
 import { AddChannel } from './AddChannel.js';
 import ChannelPreview from './ChannelPreview.js';
 import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-442bea80.js';
+import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-9f51ca7a.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a66bf2c0.js';
-import '../../LocalizationContext-83ddce67.js';
-import '../../stringSet-44be1369.js';
-import '../../index-5eb9a836.js';
-import '../../index-5258ee05.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-9e5cf819.js';
+import '../../LocalizationContext-646420ca.js';
+import '../../stringSet-ea4aeced.js';
+import '../../index-5e057577.js';
+import '../../index-aa29a843.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
-import '../../tslib.es6-d163c646.js';
+import '../../tslib.es6-ca21063f.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../uuid-bf5599d8.js';
+import '../../uuid-e2d2f65c.js';
 import '../../ui/IconButton.js';
 import '../../CreateChannel.js';
 import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-62afdf07.js';
+import '../../CreateChannelProvider-4a26fc5d.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-3f0db840.js';
-import '../../utils-49a0dde3.js';
+import '../../topics-2b0b1403.js';
+import '../../utils-3f271584.js';
 import '../../CreateChannel/components/InviteUsers.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-5f7a15e3.js';
+import '../../index-44342614.js';
 import '../../ui/Button.js';
-import '../../MediaQueryContext-010e9df0.js';
+import '../../MediaQueryContext-1441c35c.js';
 import '../../ui/UserListItem.js';
-import '../../UserProfileContext-236a8db5.js';
+import '../../UserProfileContext-eb7f4891.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../index-34aa10d1.js';
+import '../../index-100b143d.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../CreateChannel/components/SelectChannelType.js';
-import '../../_rollupPluginBabelHelpers-b0efb0e7.js';
+import '../../_rollupPluginBabelHelpers-5827233e.js';
 import '../../ui/ChannelAvatar.js';
-import '../../utils-e96969ad.js';
+import '../../utils-2088448e.js';
 import '../../ui/Badge.js';
-import '../../index-25d0ba0b.js';
-import '../../index-33f2cf64.js';
+import '../../index-dc672161.js';
+import '../../index-2e23c452.js';
 import '../../ui/Loader.js';
-import '../../index-87ea8714.js';
-import '../../index-ece24db0.js';
+import '../../index-dd2a9d44.js';
+import '../../index-561ddd27.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/TextButton.js';
-import '../../color-1e2ee795.js';
+import '../../color-9754a8a3.js';
 import '../../Channel/components/TypingIndicator.js';
 import '@sendbird/chat/groupChannel';
-import '../../ChannelProvider-43d68897.js';
-import '../../compareIds-5ccbddc5.js';
-import '../../const-8faafb2e.js';
+import '../../ChannelProvider-19d75ee9.js';
+import '../../compareIds-5ff919a8.js';
+import '../../const-21dcd857.js';
 import '@sendbird/chat/message';
 import '../../ui/ReactionButton.js';
-import '../../consts-36a3e18c.js';
-import '../../useLongPress-a05b8d13.js';
+import '../../consts-20a8f693.js';
+import '../../useLongPress-0dccc5ca.js';
 import '../../withSendbird.js';
-import '../../index-ba245747.js';
+import '../../index-82382d4a.js';
 import '../../ui/Input.js';
-import '../../actionTypes-42a0e7a6.js';
+import '../../actionTypes-42080a5c.js';
 
 const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
 

package/ChannelList/components/ChannelPreview.js

@@ -1,51 +1,51 @@
-import { a as _extends } from '../../_rollupPluginBabelHelpers-b0efb0e7.js';
-import { _ as __assign } from '../../tslib.es6-d163c646.js';
+import { a as _extends } from '../../_rollupPluginBabelHelpers-5827233e.js';
+import { _ as __assign } from '../../tslib.es6-ca21063f.js';
 import React__default, { useState } from 'react';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import Badge from '../../ui/Badge.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-5258ee05.js';
-import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-25d0ba0b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-aa29a843.js';
+import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-dc672161.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-83ddce67.js';
+import { u as useLocalization } from '../../LocalizationContext-646420ca.js';
 import MentionUserLabel from '../../ui/MentionUserLabel.js';
 import Modal from '../../ui/Modal.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-442bea80.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-9f51ca7a.js';
 import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
-import { d as isVoiceMessage, e as isEditedMessage } from '../../index-34aa10d1.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-010e9df0.js';
-import { u as useLongPress } from '../../useLongPress-a05b8d13.js';
+import { d as isVoiceMessage, e as isEditedMessage } from '../../index-100b143d.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-1441c35c.js';
+import { u as useLongPress } from '../../useLongPress-0dccc5ca.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-bf5599d8.js';
-import '../../utils-e96969ad.js';
+import '../../uuid-e2d2f65c.js';
+import '../../utils-2088448e.js';
 import 'prop-types';
-import '../../stringSet-44be1369.js';
-import '../../index-33f2cf64.js';
-import '../../index-5eb9a836.js';
+import '../../stringSet-ea4aeced.js';
+import '../../index-2e23c452.js';
+import '../../index-5e057577.js';
 import '../../ui/Loader.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-87ea8714.js';
-import '../../index-ece24db0.js';
+import '../../index-dd2a9d44.js';
+import '../../index-561ddd27.js';
 import '../../withSendbird.js';
 import 'react-dom';
-import '../../index-5f7a15e3.js';
+import '../../index-44342614.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../color-1e2ee795.js';
+import '../../color-9754a8a3.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-3f0db840.js';
-import '../../utils-49a0dde3.js';
-import '../../UserProfileContext-236a8db5.js';
-import '../../ChannelProvider-43d68897.js';
-import '../../compareIds-5ccbddc5.js';
-import '../../const-8faafb2e.js';
+import '../../topics-2b0b1403.js';
+import '../../utils-3f271584.js';
+import '../../UserProfileContext-eb7f4891.js';
+import '../../ChannelProvider-19d75ee9.js';
+import '../../compareIds-5ff919a8.js';
+import '../../const-21dcd857.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-36a3e18c.js';
+import '../../consts-20a8f693.js';
 
 var ChannelPreview = function (_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -136,12 +136,12 @@ var ChannelPreview = function (_a) {
     fillColor: IconColors.PRIMARY,
     height: 12,
     width: 12
-  }))), isMessageStatusEnabled ? /*#__PURE__*/React__default.createElement(MessageStatus, {
+  }))), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(MessageStatus, {
     className: "sendbird-channel-preview__content__upper__last-message-at",
     channel: channel,
     message: channel === null || channel === void 0 ? void 0 : channel.lastMessage,
     isDateSeparatorConsidered: false
-  }) : /*#__PURE__*/React__default.createElement(Label, {
+  }), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-channel-preview__content__upper__last-message-at",
     type: LabelTypography.CAPTION_3,
     color: LabelColors.ONBACKGROUND_2
@@ -157,7 +157,7 @@ var ChannelPreview = function (_a) {
     color: LabelColors.ONBACKGROUND_3
   }, isChannelTyping && /*#__PURE__*/React__default.createElement(TypingIndicatorText, {
     members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()
-  }), !isChannelTyping && !isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && getLastMessage(channel) + (isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? " ".concat(stringSet.MESSAGE_EDITED) : ''), !isChannelTyping && isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), /*#__PURE__*/React__default.createElement("div", {
+  }), !isChannelTyping && !isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && getLastMessage(channel) + (isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? " ".concat(stringSet.MESSAGE_EDITED) : ''), !isChannelTyping && isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-channel-preview__content__lower__unread-message-count"
   }, isMentionEnabled && (channel === null || channel === void 0 ? void 0 : channel.unreadMentionCount) > 0 ? /*#__PURE__*/React__default.createElement(MentionUserLabel, {
     className: "sendbird-channel-preview__content__lower__unread-message-count__mention",